/*  20230424  */
.container-white-head{display:flex;margin-top: -354px;height: 354px;width: 1900px;}
.g-footerNav {padding-top:70px;}

/* support */
.support-h3-title {margin-top:20px;}
.support-icon {text-align:center;}
.support-icon-img {width:10%;}
.support-step {display:flex; justify-content:space-evenly; margin:50px 0;}
.support-step-section {width:30%;}
.support-step-content {background:#ffffff; padding:30px; border-radius:15px; box-shadow:0 14px 16px rgb(0 0 0 / 10%);}
.support-step-head {background: #ffffff;  width: 150px; height: 75px; border-radius: 50% / 100% 100% 0 0; margin: 0 auto; box-shadow:0 8px 16px rgb(0 0 0 / 10%);}
.step-head-txt{text-align:center; padding:25px; color:#EDAE40; font-weight:bold; line-height:1.1;}
span.step {font:size:15px;}
span.stepNom {font-size:30px;}
.support-step-title {text-align:center; margin:10px; }
.support-step-title > h3 {font-size:20px;}
.support-step-contenttxt {height:100px;}
.support-step-contenttxt > p {font-size:16px; }
.support-step-contentlink {font-weight:bold; margin-top:10px;}
.support-step-contentlink > a {color:#EDAE40; text-decoration:none; display:flex; justify-content:center;}
.support-step-mov {width:60%; margin:60px auto 100px;}
.g-footer-Nav-min{padding:80px 0;}
.support-step-h3 {font-size:38px;}
.support-triangle01 {text-align:center;}

/* Step */
.support-step-icon {display: flex; justify-content: space-evenly; width: 80%; margin: 0 auto;}
.support-step-iconNom {text-align:center; width:150px;}
.step-icon-txt-on {color:#EDAE40; font-weight:bold; line-height:1.1; background: #ffffff; width: 90px; height: 90px; border-radius: 80px; margin: 0 auto; padding: 22px; margin-bottom:10px;}
.step-icon-txt-off {color:#D9D9D9; font-weight:bold; line-height:1.1; background: #ffffff; width: 90px; height: 90px; border-radius: 80px; margin: 0 auto; padding: 22px; margin-bottom:10px;}
.step-icon-txt > a {padding-right:5px;}


/* Step01 */
.step01-01 {display:flex; justify-content:space-evenly;}
.step01-01-blue {width:40%; background:#f2f4fa; padding:10px 20px 40px; margin: 30px; border-radius:15px;}
.step01-01-yellow {width:40%; background:#FFFAE4; padding:10px 20px 40px; margin: 30px; border-radius:15px;}
.step01-01-title {font-size:20px; font-weight:bold; text-align:center; margin:0 auto 30px; border-bottom:dotted #1f2a46; width:60%;}
.step01-01-txt{font-size:16px; margin:10px;}
.step01-01-fukidashi {text-align:right;}

.support-step01-section {width:40%;}
.support-step-content-blue {background:#f2f4fa; padding:20px 30px 30px; border-radius:15px; height:490px;}
.support-step-content-yellow {background:#FFFAE4; padding:20px 30px 30px; border-radius:15px; height:490px;}
.support-step-head-blue {background: #f2f4fa;  width: 180px; height: 90px; border-radius: 50% / 100% 100% 0 0; margin: 0 auto;}
.support-step-head-yellow {background: #FFFAE4;  width: 180px; height: 90px; border-radius: 50% / 100% 100% 0 0; margin: 0 auto;}
.support-step-head-blue > img {width:60px; margin:23px 58px;}
.support-step-head-yellow > img {width:60px; margin:23px 58px;}
.support-step-head-box-blue {width: 50%; margin: 0 auto; text-align: center; background: #ffffff; border: solid #1f2a46 1px; border-radius: 5px}
.support-step-head-box-yellow {width: 50%; margin: 0 auto; text-align: center; background: #1f2a46; border: solid #ffffff 1px; border-radius: 5px; color:#ffffff;}
.support-step-head-box-txt {text-align:center;}
.support-step-head-box-txt01 {width:80%; border-bottom:dotted #1f2a46; margin:20px auto 30px;}
.support-step-head-box-txt02 {width:80%; border-bottom:dotted #1f2a46; margin:0 auto 18px;}
.support-step-detail-link {margin-left:8.3%; margin-top:15px;}
.support-step-detail-link > a {font-size:18px;}
.support-step01-beige {background:#fff5d2; padding:5px 0;}


/* step02 */
.step02-hiroba {text-align:center;}
.step02-attention-box {background:#1f2a46; color:#ffffff; padding:5px 10px; width:33%; border-radius:3px; text-align:center; margin-top:50px;}
.support-step02-list-decimal > li {list-style-type:decimal; margin-left:24px;}
.step02-process {background:#ffffff; border-radius:15px; padding:30px 50px; margin: -100px 0 50px; box-shadow:0 8px 16px rgb(0 0 0 / 10%);}
.step02-process-title {text-align:center;}
.step02-process-title-cap {font-size:25px; font-weight:bold; padding:0 10px; color:#EDAE40;}
.step02-process-title-nom {font-size:40px; font-weight:bold; color:#EDAE40;}
.step02-process-title-txt {font-size:25px; font-weight:bold; padding:0 30px; color:#EDAE40;}

.step02-process-txt {margin:30px; text-align:center;}
.step02-process-sec {padding-bottom:50px; border-bottom:dotted 5px #D9D9D9; margin-bottom:30px;}
.step02-process-img-title {background: #1f2a46; color: #ffffff; padding: 5px 10px; border-radius: 3px; text-align: center; margin:60px 33px 10px; width:33%;} 
.step02-procee-Leftimg {display:flex; justify-content:space-evenly;}
.step02-procee-Leftimg-img {width:45%;}
.step02-procee-Leftimg-img > img {border-radius:15px; box-shadow:0 8px 16px rgb(0 0 0 / 10%);}
.step02-procee-Leftimg-txt {width:45%;}
.step02-procee-Leftimg-txt-detail > span {color:#6677B5; font-weight:bold;}
.point2 {margin-top:20px;}
.step0-01-01 {width:85%; margin:10px auto;}
.anc-process {color:inherit;}

/* Step03 */
.step03-attention-box {background:#1f2a46; color:#ffffff; padding:5px 10px; width:15%; border-radius:3px; text-align:center; margin-top:50px;}
.step03-img-sec {background:#ffffff; border-radius:15px; padding:30px 50px; margin:30px 0 150px; box-shadow:0 8px 16px rgb(0 0 0 / 10%);}
.step03-img-sec > a {color:inherit; text-decoration:none;}
.step03-img {display:flex; margin:0 auto;}
.step03-img-txt {text-align:right;}
.step03-manual {margin-top:50px;}
.step03-mov-sec {display:flex; justify-content:space-evenly;}
.step03-mov {text-align:center;}
.step03-mov > p {padding:5px 10px; background:#f8772e; color:#ffffff; font-weight:bold; border-radius:3px; margin:30px 0 5px;}

/* Star */
.support-star-sec {height:10px;}
.sup00-01 > .s-star01 {position:relative; left:100px;}
.sup00-01 > .s-star02 {position:relative; top:100px; left:1500px;}

.sup01-01 > .s-star01 {position:relative; left:100px; top:500px;}
.sup01-01 > .s-star02 {position:relative; left:1600px; top:900px;}
.sup01-01 > .s-star03 {position:relative; left:100px; top:1200px;}
.sup01-01 > .s-star04 {position:relative; left:1600px; top:1600px;}
.sup01-01 > .s-star05 {position:relative; left:100px; top:1900px;}

.sup02-01 > .s-star01 {position:relative; left:100px; top:500px;}
.sup02-01 > .s-star02 {position:relative; left:1600px; top:900px;}
.sup02-01 > .s-star03 {position:relative; left:100px; top:1200px;}
.sup02-01 > .s-star04 {position:relative; left:1600px; top:1600px;}
.sup02-01 > .s-star05 {position:relative; left:100px; top:1900px;}
.sup02-01 > .s-star06 {position:relative; left:1600px; top:2400px;}
.sup02-01 > .s-star07 {position:relative; left:100px; top:2700px;}
.sup02-01 > .s-star08 {position:relative; left:1600px; top:3400px;}
.sup02-01 > .s-star09 {position:relative; left:100px; top:3650px;}

.sup03-01 > .s-star01 {position:relative; left:1300px; top:500px;}
.sup03-01 > .s-star02 {position:relative; left:100px; top:700px;}
.sup03-01 > .s-star03 {position:relative; left:1600px; top:940px;}

.s-star01 > img {width:80px;}
.s-star02 > img {width:80px;}
.s-star03 > img {width:100px;}
.s-star04 > img {width:120px;}
.s-star05 > img {width:100px;}
.s-star06 > img {width:120px;}
.s-star07 > img {width:120px;}
.s-star08 > img {width:100px;}
.s-star09 > img {width:120px;}


/* メディアクエリ */
@media screen and (max-width:1098px) and (min-width:768px) {
    .step02-attention-box {width:60%;}
    .step03-attention-box { width:20%; }

    .step03-mov > p {padding:5px 10px; background:#1f2a46; color:#ffffff; border-radius:3px; margin:30px auto 5px; width:80%;}
}

@media screen and (max-width:1098px) {
    .support-step-section {width:80%; margin:50px auto;}
    .sp-support-step-img {text-align:center;}
    .support-step {display:inline;}
    .step01-01 {display:inline; }
    .step01-01-blue {width:85%; margin:30px auto;}
    .step01-01-yellow {width:85%; margin:30px auto;}
    .step01-01-img {text-align:center;}

    .support-step01-section {width:90%; margin:30px auto;}

    .step03-mov-sec {display:none;}
}

@media screen and (max-width:1098px) and (min-width:480px) {
    .step03-mov > iframe {width:100%;}
}
@media screen and (max-width:479px) {
    .step03-mov > iframe {max-height:230px; width:100%;}
}

@media screen and (min-width:1099px) {
    .step03-mov-sec-sp {display:none;}
}

@media screen and (max-width:767px) {
    .support-step-mov {margin:20px 0; width:100%;}
    .sp-support-title {margin-top:-110px;}
    .support-icon-img {width:20%;}

    .step03-manual {display:flex;}
    .step03-img-sec {margin:30px 0 ; padding:30px 20px;}
    .step02-process-txt {width:90%; margin:20px auto;}
    .step02-procee-Leftimg {display:inline;}
    .step02-procee-Leftimg-txt {width:100%; margin-top:20px;}
    .step02-process-img-title {width:90%; margin:60px auto 10px;}

    .step02-process {padding:30px 20px;}
    .step02-process-title-txt {padding:0;}

    .c-headingLv3-deco>span::before {display:none;}
    .c-headingLv3-deco>span::after {display:none;}
    .step02-attention-box {width:90%;}
    .step03-attention-box { width:50%; }
    .step03-manual-title {margin-top:-70px;}

    .support-step-icon {display:none;}
    .sp-support-step-iconNom-off {display:flex; justify-content:center; width:100%; background:#ffffff; padding:5px; margin:10px 0; border-radius:15px; box-shadow:0 8px 16px rgb(0 0 0 / 10%); background-image:url(/drill-planet/assets/img/icons/icon_link_l.svg); background-repeat:no-repeat; background-position:90%; background-size: 20px 20px;}
    .sp-support-step-iconNom-on {display:flex; justify-content:center; width:100%; background:#edae40; padding:5px; margin:10px 0; border-radius:15px;}
    .step-icon-txt {margin:15px 0 0 15px;}
    .sp-menu-link {text-decoration:none;}
    .sp-step-icon-txt-off {color:#D9D9D9;}
    .sp-off-txt {color:#1f2a46; text-decoration:none;}
    .sp-step-icon-txt-on {color:#ffffff;}
    .sp-on-txt {color:#ffffff;}

    .sup00-01 > .s-star01 {position:relative; top:-320px; left:30px}

    .sup01-01 > .sp-s-star01 {position:relative; left:500px; top:1900px;}
    .sup01-01 > .sp-s-star02 {position:relative; left:30px; top:2300px;}
    .sup01-01 > .sp-s-star03 {position:relative; left:550px; top:2640px;}

    .sup02-01 > .sp-s-star01 {position:relative; left:660px; top:1900px;}
    .sup02-01 > .sp-s-star02 {position:relative; left:650px; top:2900px;}
    .sup02-01 > .sp-s-star03 {position:relative; left:30px; top:3850px;}
    .sup02-01 > .s-star01 {display:none;}

    .sup03-01 > .sp-s-star01 {position:relative; left:700px; top:300px;}
    .sup03-01 > .sp-s-star02 {position:relative; left:30px; top:600px;}
    .sup03-01 > .s-star02 {display:none;}

    .sp-s-star01 > img {width:120px;}
    .sp-s-star02 > img {width:100px;}
    .sp-s-star03 > img {width:120px;}

    .step03-mov > p {padding:5px 10px; background:#1f2a46; color:#ffffff; border-radius:3px; margin:30px auto 5px; width:100%;}
}

@media screen and (min-width:768px) {
    .sp-support-step-icon {display:none;}
    .sp-s-star01 {display:none;}
    .sp-s-star02 {display:none;}
    .sp-s-star03 {display:none;}
    .sp-support-br {display:none;}
}