nav{background:#fff}#coding{padding-top:81px}#coding .main-visual{background:url("../../../img/page/coding/pc/bg_banner.png") no-repeat center;background-size:cover}#coding .main-visual .inner img.char{position:absolute;right:-7px}#coding .main-visual .inner .txt-bubble{background:url("../../../img/page/coding/pc/txt_bubble.png") no-repeat center;background-size:contain;width:562px;height:100px;position:relative;margin:100px auto 0}#coding .main-visual .inner .txt-bubble p{position:absolute;font-size:30px;padding-left:42px;font-weight:bold;margin-top:28px;color:#292929}#coding .sec1{text-align:center;padding:74px 0 0;margin:auto}#coding .sec1 .layout p.mt90{margin:90px auto 42px;font-size:25px}#coding .sec1 .layout a.btn{position:relative;padding-left:58px}#coding .sec1 .layout a.btn::after{position:absolute;content:"";background:url("../../../img/page/common/pc/ico-mail-footer.svg") no-repeat center;background-size:cover;width:37px;height:28px;left:46px}#coding .sec1 .layout .table{margin:97px auto 0}#coding .sec1 .layout .table ul li{list-style-type:disc;margin-left:2rem;font-size:.8em}#coding .sec1 .layout .table h3{font-size:26px;margin-bottom:22px;text-align:left}#coding .sec1 .layout .table p{font-size:18px;margin-bottom:24px;text-align:left}#coding .sec1 .layout .table p.mt30{margin-top:30px}#coding .sec1 .layout .table table{border-collapse:collapse;font-weight:bold}#coding .sec1 .layout .table table tr{border-top:1px solid #292929}#coding .sec1 .layout .table table tr th,#coding .sec1 .layout .table table tr td{padding:26px 0}#coding .sec1 .layout .table table tr th{font-size:25px;width:780px;padding:27px 25px 26px 40px;text-align:left}#coding .sec1 .layout .table table tr th span{font-weight:normal;font-size:18px;display:block;margin:8px auto}#coding .sec1 .layout .table table tr td{font-size:20px;border-left:1px solid #292929;width:154px}#coding .sec1 .layout .table table tr td:last-child{font-size:25px;width:254px}#coding .sec1 .layout .table table tr:nth-child(odd) th,#coding .sec1 .layout .table table tr:nth-child(odd) td{background:#f2f2f2}#coding .sec1 .layout .table table tr:last-child{border-bottom:1px solid #292929}#coding .sec1 .layout .table-2 table tr th span{margin-bottom:0}#coding .sec1 .layout .table-3{text-align:left}#coding .sec1 .layout .table-3 h3{display:inline-block}#coding .sec1 .layout .table-3 img{display:inline;margin:8px auto 8px 18px}#coding .sec1 .layout .table-3 table tr td{text-align:center}#coding .sec2{padding:253px 0 0}#coding .sec2 .layout p.sub{margin-bottom:90px}#coding .sec2 .layout .step{padding:60px 0 228px;border-top:1px solid #292929;position:relative}#coding .sec2 .layout .step h3{font-size:30px;margin-bottom:55px;text-align:center}#coding .sec2 .layout .step h4{font-size:30px;margin-bottom:47px;text-align:center;font-weight:normal}#coding .sec2 .layout .step p{font-size:18px}#coding .sec2 .layout .step dl dt{font-size:25px;font-weight:bold;margin-top:45px}#coding .sec2 .layout .step dl dd{font-size:18px;margin-top:20px}#coding .sec2 .layout .step dl.mt32{margin-top:32px}#coding .sec2 .layout .step .txt-bubble{background:url("../../../img/page/coding/pc/sec2_txt_bubble.png") no-repeat center;background-size:contain;width:1106px;height:100px;position:relative;margin:45px auto 30px -10px;text-align:center}#coding .sec2 .layout .step .txt-bubble p{position:absolute;font-size:25px;color:#292929;left:0;right:0;margin:auto;padding:30px 60px 0 0}#coding .sec2 .layout .step .txt-bubble::after{position:absolute;content:"";background:url("../../../img/page/coding/pc/sec2_char.svg") no-repeat center;background-size:contain;width:93px;height:106px;top:22px;right:-86px}#coding .sec2 .layout .step a.btn{position:relative;padding-left:58px;text-align:center;margin-top:50px}#coding .sec2 .layout .step a.btn::after{position:absolute;content:"";background:url("../../../img/page/common/pc/ico-mail-footer.svg") no-repeat center;background-size:cover;width:37px;height:28px;left:46px}#coding .sec2 .layout .step a.mt0 p{margin-top:0}#coding .sec2 .layout .step a.mt15{margin-top:15px}#coding .sec2 .layout .step::before{position:absolute;content:"";color:#292929;font-size:35px;font-weight:bold;background:#fff000;border-radius:50px;left:0;right:0;top:-34px;margin:auto;width:72px;line-height:72px;text-align:center}#coding .sec2 .layout .step::after{position:absolute;content:"";background:url("../../../img/page/coding/pc/img_3dots.svg") no-repeat center;background-size:contain;width:9px;height:63px;left:0;right:0;margin:auto;bottom:100px}#coding .sec2 .layout .step-1::before{position:absolute;content:"1"}#coding .sec2 .layout .step-2::before{position:absolute;content:"2"}#coding .sec2 .layout .step-3::before{position:absolute;content:"3"}#coding .sec2 .layout .step-4::before{position:absolute;content:"4"}#coding .sec2 .layout .step-4 a.link{display:inline-block;margin:14px 80px 0 0}#coding .sec2 .layout .step-5::before{position:absolute;content:"5"}#coding .sec2 .layout .step-6::before{position:absolute;content:"6"}#coding .sec2 .layout .step-7::before{position:absolute;content:"7"}#coding .sec2 .layout .step-7::after{content:none}#coding .sec3 .layout p{margin-top:100px}#coding .sec3 .layout ul{justify-content:space-between;margin:44px auto 128px}#coding .sec3 .layout ul li{background:#fffee6;width:380px;list-style-type:none;text-align:center;padding:55px 0 35px;margin-bottom:22px;border-radius:26px;display:flex;height:293px;flex-direction:column;align-items:center;justify-content:space-between}#coding .sec3 .layout ul li p{font-size:25px;font-weight:bold;margin-top:15px;line-height:77px}#coding .sec3 .layout ul li p.lh40{line-height:40px}#coding .sec4 table{margin:85px auto 227px;border-collapse:collapse;font-size:18px}#coding .sec4 table tr{border-bottom:1px solid #c9c9c9}#coding .sec4 table tr th{width:125px;vertical-align:top;padding:31px 0 31px 10px;text-align:left}#coding .sec4 table tr td{padding:31px 28px 31px 0}#coding .sec4 table tr td img{margin:23px auto 21px}#coding .sec4 table tr td dl dt,#coding .sec4 table tr td dl dd{display:inline-block}#coding .sec4 table tr td dl dt{width:150px;margin-bottom:9px}#coding .sec4 table tr td dl:last-child dt{margin-bottom:0}@media screen and (max-width: 750px){#coding{padding-top:0}#coding .main-visual{background:url("../../../img/page/coding/sp/bg_banner.png") no-repeat center;background-size:cover;text-align:center;padding:17rem 4rem 39.3rem}#coding .main-visual .inner{width:auto;margin:auto;position:relative}#coding .main-visual .inner h1{font-size:5rem;line-height:6.3rem}#coding .main-visual .inner p{font-size:3rem;margin-top:9rem}#coding .main-visual .inner img{margin-top:10.9rem}#coding .main-visual .inner img.char{position:absolute;right:9rem;bottom:-39.3rem;width:37.8rem;height:auto}#coding .main-visual .inner .txt-bubble{background:url("../../../img/page/coding/sp/txt_bubble.png") no-repeat center;background-size:contain;width:64.2rem;height:14.8rem;position:relative;margin:10.9rem auto 0}#coding .main-visual .inner .txt-bubble p{position:absolute;font-size:3.6rem;padding-left:0;left:0;right:0;margin:2.9rem auto 0}#coding .sec1{text-align:center;padding:74px 0 0;margin:auto}#coding .sec1 .layout p.mt90{margin:5rem auto;font-size:3.6rem;text-align:left}#coding .sec1 .layout a.btn{position:relative;padding-left:9rem}#coding .sec1 .layout a.btn::after{position:absolute;content:"";background:url("../../../img/page/common/sp/ico-mail-footer.svg") no-repeat center;background-size:cover;width:6rem;height:4.5rem;left:8rem}#coding .sec1 .layout .table{margin:19rem auto 0}#coding .sec1 .layout .table h3{font-size:3.6rem;margin-bottom:1.9rem}#coding .sec1 .layout .table p{font-size:2.8rem;margin-bottom:5rem}#coding .sec1 .layout .table p.mt30{margin-top:0}#coding .sec1 .layout .table table{border-collapse:collapse;font-weight:bold;width:100%}#coding .sec1 .layout .table table tr{border:1px solid #292929;display:block;margin-bottom:5.9rem}#coding .sec1 .layout .table table tr th,#coding .sec1 .layout .table table tr td{padding:0}#coding .sec1 .layout .table table tr th{font-size:3.6rem;width:auto;padding:4.8rem 4.5rem 4.8rem 3.5rem;text-align:center;display:block !important;background:#f2f2f2;border-bottom:1px solid #292929}#coding .sec1 .layout .table table tr th span{font-weight:normal;font-size:2.8rem;display:block;margin:2rem auto;text-align:justify;text-align:left}#coding .sec1 .layout .table table tr td{font-size:2.8rem;border-left:none;width:auto;background:transparent;display:inline;padding:3rem 0;vertical-align:baseline}#coding .sec1 .layout .table table tr td:last-child{font-size:5.6rem;width:auto;display:inline-block}#coding .sec1 .layout .table table tr td span{margin:0 1rem}#coding .sec1 .layout .table table tr:nth-child(odd) th{background:#f2f2f2}#coding .sec1 .layout .table table tr:nth-child(odd) td{background:transparent}#coding .sec1 .layout .table table tr:last-child{border-bottom:1px solid #292929}#coding .sec1 .layout .table-1{margin-top:5rem}#coding .sec1 .layout .table-2 table tr th span{margin-bottom:0}#coding .sec1 .layout .table-3{text-align:left}#coding .sec1 .layout .table-3 h3{display:inline-block;margin-bottom:0}#coding .sec1 .layout .table-3 img{display:inline;width:28.1rem;margin:1.2rem auto 1.8rem}#coding .sec1 .layout .table-3 table{text-align:center}#coding .sec1 .layout .table-3 table tr td{text-align:center}#coding .sec2{padding:20rem 0 0}#coding .sec2 .layout p.sub{margin-bottom:10rem}#coding .sec2 .layout .step{padding:10rem 0 31rem;border-top:1px solid #292929;position:relative}#coding .sec2 .layout .step h3{font-size:3.6rem;margin-bottom:4rem;text-align:center}#coding .sec2 .layout .step h4{font-size:3.6rem;margin-bottom:4rem;text-align:center;font-weight:normal}#coding .sec2 .layout .step p{font-size:2.8rem}#coding .sec2 .layout .step dl dt{font-size:3.2rem;font-weight:bold;margin-top:4rem}#coding .sec2 .layout .step dl dd{font-size:2.8rem;margin-top:1rem}#coding .sec2 .layout .step dl.mt32{margin-top:3.2rem}#coding .sec2 .layout .step .txt-bubble{background:url("../../../img/page/coding/sp/sec2_txt_bubble1.png") no-repeat center;background-size:contain;width:auto;height:27.8rem;position:relative;margin:5rem auto 15.2rem}#coding .sec2 .layout .step .txt-bubble p{position:absolute;font-size:3.2rem;font-weight:bold;margin:auto;color:#292929;left:0;right:0;padding:4.8rem 7.2rem 0;text-align:left}#coding .sec2 .layout .step .txt-bubble::after{position:absolute;content:"";background:url("../../../img/page/coding/pc/sec2_char.svg") no-repeat center;background-size:contain;width:13.6rem;height:15.4rem;inset:0 0 -40rem;margin:auto}#coding .sec2 .layout .step a.btn{position:relative;padding-left:9rem;margin-top:5rem;text-align:center}#coding .sec2 .layout .step a.btn::after{position:absolute;content:"";background:url("../../../img/page/common/sp/ico-mail-footer.svg") no-repeat center;background-size:cover;width:6rem;height:4.5rem;left:8rem}#coding .sec2 .layout .step a.mt15{margin-top:0}#coding .sec2 .layout .step a.mt15 p{margin-top:2.8rem}#coding .sec2 .layout .step::before{position:absolute;content:"";color:#292929;font-size:4.6rem;font-weight:bold;background:#fff000;border-radius:5rem;left:0;right:0;top:-4.8rem;margin:auto;width:9.2rem;line-height:9.2rem;text-align:center}#coding .sec2 .layout .step::after{position:absolute;content:"";background:url("../../../img/page/coding/pc/img_3dots.svg") no-repeat center;background-size:contain;width:3rem;height:13.7rem;left:0;right:0;margin:auto;bottom:10rem}#coding .sec2 .layout .step-1::before{position:absolute;content:"1"}#coding .sec2 .layout .step-2::before{position:absolute;content:"2"}#coding .sec2 .layout .step-3::before{position:absolute;content:"3"}#coding .sec2 .layout .step-3 .txt-bubble{background:url("../../../img/page/coding/sp/sec2_txt_bubble2.png") no-repeat center;background-size:contain;height:22.5rem}#coding .sec2 .layout .step-3 .txt-bubble::after{bottom:-36rem}#coding .sec2 .layout .step-4::before{position:absolute;content:"4"}#coding .sec2 .layout .step-4 a.link{display:inline-block;margin:2.5rem 10rem 0 0}#coding .sec2 .layout .step-4 .txt-bubble{margin-top:30px}#coding .sec2 .layout .step-5::before{position:absolute;content:"5"}#coding .sec2 .layout .step-6::before{position:absolute;content:"6"}#coding .sec2 .layout .step-6 .txt-bubble{background:url("../../../img/page/coding/sp/sec2_txt_bubble2.png") no-repeat center;background-size:contain;height:22.5rem}#coding .sec2 .layout .step-6 .txt-bubble::after{bottom:-36rem}#coding .sec2 .layout .step-7{padding-bottom:20rem}#coding .sec2 .layout .step-7::before{position:absolute;content:"7"}#coding .sec2 .layout .step-7::after{content:none}#coding .sec2 .layout .step-7 a.link{margin-right:20rem}#coding .sec2 .layout .step-7 .txt-bubble{background:url("../../../img/page/coding/sp/sec2_txt_bubble2.png") no-repeat center;background-size:contain;height:22.5rem}#coding .sec2 .layout .step-7 .txt-bubble::after{bottom:-36rem}#coding .sec3 .layout p{margin-top:8rem}#coding .sec3 .layout ul{justify-content:space-between;margin:4rem auto 20rem}#coding .sec3 .layout ul li{background:#fffee6;width:32.2rem;height:33.8rem;list-style-type:none;text-align:center;padding:5.5rem 0 3.5rem;margin-bottom:3.5rem;border-radius:2.6rem;justify-content:space-evenly}#coding .sec3 .layout ul li p{font-size:2.8rem;font-weight:bold;margin-top:2rem;line-height:4rem}#coding .sec3 .layout ul li p.lh40{line-height:4rem}#coding .sec3 .layout ul li:nth-child(1) img{width:15.8rem}#coding .sec3 .layout ul li:nth-child(2) img{width:11.4rem;margin-top:2.3rem}#coding .sec3 .layout ul li:nth-child(3) img{width:11rem}#coding .sec3 .layout ul li:nth-child(4) img{width:11.1rem}#coding .sec3 .layout ul li:nth-child(5) img{width:12.3rem}#coding .sec3 .layout ul li:nth-child(6) img{width:8.9rem;margin-top:.7rem}#coding .sec3 .layout ul li:nth-child(7) img{width:14.5rem}#coding .sec3 .layout ul li:nth-child(8) img{width:14.8rem;margin-top:1rem}#coding .sec3 .layout ul li:nth-child(9){padding-top:5rem}#coding .sec3 .layout ul li:nth-child(9) p{margin-top:2.5rem}#coding .sec3 .layout ul li:nth-child(9) img{width:12.5rem}#coding .sec3 .layout ul li:nth-child(10) p{margin-top:2.5rem}#coding .sec3 .layout ul li:nth-child(10) img{width:14.3rem;margin-top:3rem}#coding .sec3 .layout ul li:nth-child(11){padding-top:9rem}#coding .sec3 .layout ul li:nth-child(11) img{width:21.5rem}#coding .sec3 .layout ul li:nth-child(12){padding-top:9rem}#coding .sec3 .layout ul li:nth-child(12) img{width:27rem;margin-top:2rem}#coding .sec3 .layout ul li:nth-child(13) p,#coding .sec3 .layout ul li:nth-child(14) p,#coding .sec3 .layout ul li:nth-child(15) p{margin-top:1rem}#coding .sec3 .layout ul li:nth-child(13) img,#coding .sec3 .layout ul li:nth-child(14) img,#coding .sec3 .layout ul li:nth-child(15) img{width:13rem}}