@charset "utf-8";
.wrap { width: 100%; overflow: hidden;}
#descript { position: relative;}
#descript .inner-sct { position: relative; padding: 80px 0;}
#descript:after { content: ''; display: block; width: 50%; padding-top: 42%;
position: absolute; right: 0; bottom: 0; transform: rotate(30deg);
background-image: url('data:image/svg+xml;utf8,');
background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat;
}
#descript .ctn { position: relative; z-index: 2; width: 88%; max-width: 800px; margin: 0 auto;}
#descript .ctn h2 { margin-bottom: 20px; color: #3dbfd3; font-size: clamp(24px,6.0vw, 54px); letter-spacing: 0.1rem;}
#descript .ctn .txt {}
#descript .ctn .txt p span { display: block;}
#works { position: relative;}
#works .inner-sct { position: relative; padding: 80px 0;}
#works:after { content: ''; display: block; width: 50%; padding-top: 36%;
position: absolute; left: 0; top: 35%; transform: rotate(-30deg);
background-image: url('data:image/svg+xml;utf8,');
background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat;
}
#works .ctn { position: relative; z-index: 2; width: 88%; max-width: 800px; margin: 0 auto; padding-left: 300px;}
#works .ctn h2 { margin-bottom: 20px; color: #3dbfd3; font-size: clamp(24px,6.0vw, 54px); letter-spacing: 0.1rem;}
#works .ctn h2 em { display: inline-block; padding-left: 50px; color: #000; font-size: clamp(18px,3.0vw,24px); font-weight: 400;}
#works .ctn .txt {}
#works .ctn .txt p span { display: block;}
@media (max-width: 801px) {
#works:after { top: 55%; transform: rotate(-60deg);}
#works .ctn { padding-left: 200px;}
}
#prof { position: relative;}
#prof .inner-sct { position: relative; padding: 80px 0;}
#prof:after { content: ''; display: none; width: 40%; padding-top: 42%;
background-image: url('data:image/svg+xml;utf8,');
background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat;
}
#prof .ctn { width: 88%; max-width: 800px; margin: 0 auto; padding-left: 300px;}
#prof .ctn h2 { margin-bottom: 20px; color: #3dbfd3; font-size: clamp(24px,6.0vw, 54px); letter-spacing: 0.1rem;}
#prof .ctn .txt {}
#prof .ctn .txt ul li { padding: 8px 0;}
#prof .ctn .txt ul li dl { position: relative; padding-left: 80px;}
#prof .ctn .txt ul li dl dt { position: absolute; left: 0; font-weight: 700; font-size: 21px;}
#prof .ctn .txt ul li dl dd { font-size: 20px;}
@media (max-width: 801px) {
#prof .ctn { padding-left: 200px;}
}
#note { position: relative;}
#note .inner-sct { position: relative; padding: 80px 0 160px; overflow: hidden;}
#note:after { content: ''; display: block; width: 40%; padding-top: 30%;
position: absolute; right: 0; bottom: 5%; transform: rotate(30deg); z-index: 1;
background-image: url('data:image/svg+xml;utf8,');
background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat;
}
#note .ctn { position: relative; z-index: 2; width: 88%; max-width: 800px; margin: 0 auto;}
#note .ctn h2 { margin-bottom: 20px; color: #3dbfd3; font-size: clamp(24px,6.0vw, 54px); letter-spacing: 0.1rem;}
#note .ctn .txt p span { display: block;}