#developer #main{background:url(../images/developer/main_sp.webp) no-repeat 50% 50%;background-size:cover}@media screen and (min-width: 1024px),print{#developer #main{background:url(../images/developer/main_pc.webp) no-repeat 50% 50%;background-size:cover}}#developer #contents .sec01{color:#4199b7;padding:3em 0;line-height:2}@media screen and (min-width: 1024px),print{#developer #contents .sec01{padding:5em 0}}#developer #contents .sec01 .copy{font-size:clamp(20px,0.939rem + 1.33dvw,32px);margin:0 0 1em;letter-spacing:.1em;text-align:center}@media screen and (min-width: 1024px),print{#developer #contents .sec01 .copy{font-size:clamp(18px,0.866rem + 1.10dvw,28px)}}#developer #contents .sec01 .txt{font-size:clamp(13px,0.683rem + 0.55dvw,18px);width:90%;margin:0 auto}@media screen and (min-width: 1024px),print{#developer #contents .sec01 .txt{text-align:center;font-size:clamp(12px,0.646rem + 0.44dvw,16px)}}#developer #contents .sec02,#developer #contents .sec03,#developer #contents .sec04{padding:0 0 3em 0;margin:0 0 3em;position:relative}@media screen and (min-width: 1024px),print{#developer #contents .sec02,#developer #contents .sec03,#developer #contents .sec04{padding:0 0 5em 0;margin:0 0 5em}}#developer #contents .sec02::after,#developer #contents .sec03::after,#developer #contents .sec04::after{content:"";max-width:1200px;width:90%;height:1px;background:#000;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}@media screen and (min-width: 1024px),print{#developer #contents .sec02::after,#developer #contents .sec03::after,#developer #contents .sec04::after{width:100%}}#developer #contents .sec02 h2,#developer #contents .sec03 h2,#developer #contents .sec04 h2{margin:0 auto 3em}#developer #contents .sec02 dl,#developer #contents .sec03 dl,#developer #contents .sec04 dl{color:#4199b7;line-height:2;margin:0 0 3em}@media screen and (min-width: 1024px),print{#developer #contents .sec02 dl,#developer #contents .sec03 dl,#developer #contents .sec04 dl{margin:0 0 5em}}#developer #contents .sec02 dl dt,#developer #contents .sec03 dl dt,#developer #contents .sec04 dl dt{font-size:clamp(20px,0.939rem + 1.33dvw,32px);margin:0 0 1em;letter-spacing:.1em;text-align:center}@media screen and (min-width: 1024px),print{#developer #contents .sec02 dl dt,#developer #contents .sec03 dl dt,#developer #contents .sec04 dl dt{font-size:clamp(18px,0.866rem + 1.10dvw,28px)}}#developer #contents .sec02 dl dd,#developer #contents .sec03 dl dd,#developer #contents .sec04 dl dd{font-size:clamp(13px,0.683rem + 0.55dvw,18px);width:90%;margin:0 auto}@media screen and (min-width: 1024px),print{#developer #contents .sec02 dl dd,#developer #contents .sec03 dl dd,#developer #contents .sec04 dl dd{text-align:center;font-size:clamp(12px,0.646rem + 0.44dvw,16px)}}#developer #contents .sec02 .photobox,#developer #contents .sec03 .photobox,#developer #contents .sec04 .photobox{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1440px;margin:0 auto}#developer #contents .sec02 .photobox .cap,#developer #contents .sec03 .photobox .cap,#developer #contents .sec04 .photobox .cap{position:static;color:#000;text-shadow:none;display:block;padding:.5em 0 0 0;line-height:1.5}#developer #contents .sec02 .photobox .left,#developer #contents .sec03 .photobox .left,#developer #contents .sec04 .photobox .left{width:100%}@media screen and (min-width: 1024px),print{#developer #contents .sec02 .photobox .left,#developer #contents .sec03 .photobox .left,#developer #contents .sec04 .photobox .left{width:49%}}#developer #contents .sec02 .photobox .left .photo .cap,#developer #contents .sec03 .photobox .left .photo .cap,#developer #contents .sec04 .photobox .left .photo .cap{text-align:right;padding:.5em 1em 0}@media screen and (min-width: 1024px),print{#developer #contents .sec02 .photobox .left .photo .cap,#developer #contents .sec03 .photobox .left .photo .cap,#developer #contents .sec04 .photobox .left .photo .cap{padding:.5em 0 0 0}}#developer #contents .sec02 .photobox .right,#developer #contents .sec03 .photobox .right,#developer #contents .sec04 .photobox .right{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1em}@media screen and (min-width: 1024px),print{#developer #contents .sec02 .photobox .right,#developer #contents .sec03 .photobox .right,#developer #contents .sec04 .photobox .right{padding:0 7% 0 0;width:49%}}#developer #contents .sec02 .photobox .right .photo,#developer #contents .sec03 .photobox .right .photo,#developer #contents .sec04 .photobox .right .photo{width:48%;margin:0 0 1em;position:relative}#developer #contents .sec02 .photobox .photo.sample::after,#developer #contents .sec03 .photobox .photo.sample::after,#developer #contents .sec04 .photobox .photo.sample::after{content:"アタリ";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#e4007f;color:#fff;font-size:clamp(16px,0.793rem + 0.88dvw,24px);padding:.25em .5em}#developer #contents .sec02{padding:3em 0}@media screen and (min-width: 1024px),print{#developer #contents .sec02{padding:5em 0}}#developer #contents .sec02 h2{max-width:253px}@media screen and (min-width: 1024px),print{#developer #contents .sec02 h2{max-width:380px}}#developer #contents .sec03 h2{max-width:273px}@media screen and (min-width: 1024px),print{#developer #contents .sec03 h2{max-width:410px}}@media screen and (min-width: 1024px),print{#developer #contents .sec03 .photobox{flex-direction:row-reverse}}@media screen and (min-width: 1024px),print{#developer #contents .sec03 .photobox .right{padding:0 0 0 7%}}#developer #contents .sec04{margin:0}#developer #contents .sec04::after{display:none}#developer #contents .sec04 h2{max-width:264px}@media screen and (min-width: 1024px),print{#developer #contents .sec04 h2{max-width:825px}}#developer #contents .sec04 .photobox .left{width:100%}@media screen and (min-width: 1024px),print{#developer #contents .sec04 .photobox .left{width:45%}}#developer #contents .sec04 .photobox .right{width:100%}@media screen and (min-width: 1024px),print{#developer #contents .sec04 .photobox .right{width:53%}}#developer #contents .sec04 .photobox .right .first{width:44%}@media screen and (min-width: 1024px),print{#developer #contents .sec04 .photobox .right .first{width:45.5%}}#developer #contents .sec04 .photobox .right .first .top{margin:0 0 1em}#developer #contents .sec04 .photobox .right .second{width:52%}@media screen and (min-width: 1024px),print{#developer #contents .sec04 .photobox .right .second{width:51.5%}}/*# sourceMappingURL=developer.css.map */