@charset "utf-8";
/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents h1 span::before {width: 65%;}
@media only screen and (max-width: 568px) {
#second-visualcontents h1 span::before {width: 75%;}
}
/*===============================================
 *	Opening
===============================================*/
.opening-wrap{margin-bottom: 6vw;}
.opening-contents{margin-bottom: 4vw;}
.opening-contents figure{max-width: 315px;}
.opening-txtbox{max-width: 650px;}
.opening-contents h3{color: #17a5d3;border-bottom: #959595 2px dashed;font-size: 26px;font-weight: 900;letter-spacing: 0;line-height: 1.4;margin-bottom: .75em;padding-bottom: .25em;}
@media only screen and (max-width: 1024px) {
.opening-contents figure {max-width: 275px;}
}
@media only screen and (max-width: 768px) {
.opening-contents h3{font-size: 22px;}
.opening-contents figure {max-width: 265px;}
.opening-txtbox {max-width: 425px;}
}
@media only screen and (max-width: 568px) {
.opening-contents h3 {font-size: 18px;}
.opening-contents figure {max-width: 145px;float: left;margin: 0 1em 0 0;}
.opening-txtbox {max-width: initial;}
}
/*-----------------------------------------------
 *	Basic Title
-----------------------------------------------*/
.alternate-box {display: flex;justify-content: space-between;align-items:flex-start;}
.photo-thumbnail {max-width: 414px;}
.alternate-box dl {max-width: 470px;}
.alternate-box dt {background: #17a5d3;color: #fff;font-size: 22px;font-weight: bold;margin-bottom: .5em;padding: 5px 1em;}
.alternate-box:nth-child(even) {flex-direction: row-reverse;}
@media only screen and (max-width: 1024px) {
.photo-thumbnail {max-width: 404px;}
.alternate-box dl {max-width: 460px;}
}
@media only screen and (max-width: 768px) {
.photo-thumbnail {max-width: 250px;}
.alternate-box dl {max-width: 380px;}
.alternate-box dt {font-size: 18px;}
}
@media only screen and (max-width: 568px) {
.photo-thumbnail {max-width: initial;margin-bottom: 15px;}
.alternate-box dt {font-size: 17px;}
}
/*===============================================
 *	worries-wrap
===============================================*/
#worries-wrap{padding: 4% 0 2%;margin-bottom: 6vw;}
.bg-worries{position: relative;}
.bg-worries::before{content: "";background: url("../img/beginner/bg-worries.png") right no-repeat;background-size: contain;position: absolute;right: 12%;bottom: 0;width: 530px;height: 553px;z-index: 10;}
.worries-contents{max-width: 710px;position: relative;z-index: 5;}
#worries-wrap h2{color: #17a5d3;font-size: 40px;font-weight: bold;max-width: 700px;margin: 0 0 10px 0;}
#worries-wrap ul{max-width: 570px;}
#worries-wrap li{background: url("../img/icon-chk.png") left 5px no-repeat;border-bottom: #f39800 2px dashed;padding: 0 0 10px 2em;font-size: 20px;line-height: 1.4;margin-bottom: 1em;}
#worries-wrap li:last-child{margin-bottom: 0;}
#worries-wrap li span{color: #3a6488;font-size: 30px;}
@media only screen and (max-width: 1500px) {
.bg-worries::before {width: 510px;height: 460px;}
}
@media only screen and (max-width: 1100px) {
.bg-worries::before {width: 460px;height: 415px;}
}
@media only screen and (max-width: 1024px) {
.bg-worries::before {right: 0;width: 460px;height: 410px;}
#worries-wrap ul {max-width: 520px;}
#worries-wrap li {font-size: 18px;}
}
@media only screen and (max-width: 768px) {
#worries-wrap ul {max-width: initial;}
#worries-wrap li {font-size: 16px;}
#worries-wrap li:nth-child(2) {width: 74%;}
#worries-wrap li:nth-child(3) {width: 50%;}
#worries-wrap li:nth-child(4) {width: 50%;}
#worries-wrap li:nth-child(5) {width: 50%;}
#worries-wrap h2 {font-size: 34px;}
.bg-worries::before {width: 340px;height: 305px;}
}
@media only screen and (max-width: 568px) {
#worries-wrap {padding: 14% 0 4%;}
#worries-wrap h2 {font-size: 23px;}
.bg-worries::before {width: 180px;height: 125px;top: 0;right: 5%;z-index: 0;}
#worries-wrap li{background-size: 20px;padding: 0 0 10px 1.5em;font-size: 16px;margin-bottom: 1em;}
#worries-wrap li span{font-size: 18px;}
#worries-wrap li:nth-child(2) {width: auto;}
#worries-wrap li:nth-child(3) {width: auto;}
#worries-wrap li:nth-child(4) {width: auto;}
#worries-wrap li:nth-child(5) {width: auto;}
}
@media only screen and (max-width: 375px) {
#worries-wrap li {background-size: 18px;font-size: 14px;}
#worries-wrap li span {font-size: 16px;}
}
/*===============================================
 *	specialty
===============================================*/
.specialty-contents{background: #fff;border: #ec7589 10px solid;border-radius: 10px;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px;}
.ttl-main_share{margin-bottom: 10px;}
.ttl-specialty{border-bottom: #959595 2px dashed;font-size: 26px;font-weight: bold;letter-spacing: 0;padding-bottom: 2px;margin-bottom: .5em;}
.ttl-specialty span{background:linear-gradient(transparent 60%, #ffff00 60%);}
.ttl-specialty em{font-size: 32px;}
.specialty-txtbox{max-width: 450px;}
.photo-share{max-width: 452px;}
.txt-share{max-width: 710px;margin: 0 auto 2vw;}
.certificate-contents{margin-bottom: 2vw;}
.img-certificate{max-width: 310px;}
.certificate-txtbox{max-width: 638px;}
.ttl-certificate{border-bottom: #959595 2px dashed;font-size: 34px;font-weight: bold;letter-spacing: 6px;line-height: 1.4;margin-bottom: .75em;padding-bottom: .5em;}
.ttl-certificate span:nth-of-type(1),.ttl-certificate span:nth-of-type(2){color: #17a5d3;font-size: 40px;}
.ttl-certificate span:nth-of-type(3){font-size: 40px;}
.ttl-certificate span:nth-of-type(4){display: block;font-size: 50px;letter-spacing: 8px;}
.ttl-certificate span:nth-of-type(3),.ttl-certificate span:nth-of-type(4){color: #f0922e;}
@media only screen and (max-width: 1024px) {
.photo-share {max-width: 372px;}
.specialty-txtbox {max-width: 480px;}
.certificate-txtbox {max-width: 578px;}
.img-certificate {max-width: 300px;}
.ttl-certificate {font-size: 30px;letter-spacing: 2px;}
.ttl-certificate span:nth-of-type(4) {font-size: 46px;}
}
@media only screen and (max-width: 768px) {
.ttl-specialty {font-size: 20px;}
.ttl-specialty em {font-size: 24px;}
.specialty-txtbox {max-width: 354px;}
.photo-share {max-width: 280px;}
.certificate-txtbox {max-width: 418px;}
.img-certificate {max-width: 230px;}
.ttl-certificate {font-size: 26px;letter-spacing: 0;}
.ttl-certificate span:nth-of-type(1), .ttl-certificate span:nth-of-type(2) {font-size: 30px;}
.ttl-certificate span:nth-of-type(3) {font-size: 30px;}
.ttl-certificate span:nth-of-type(4) {font-size: 34px;letter-spacing: 4px;}
}
@media only screen and (max-width: 568px) {
.specialty-contents {border: #ec7589 6px solid;padding: 15px;}
.ttl-specialty {font-size: 18px;margin-bottom: 1em;}
.ttl-specialty em {font-size: 20px;}
.txt-share {margin: 0 2vw 6vw;}
.photo-share {max-width: initial;margin-bottom: 10px;}
.img-certificate {max-width: 240px;margin: 0 auto 4vw;}
.ttl-certificate {font-size: 21px;}
.ttl-certificate span:nth-of-type(1), .ttl-certificate span:nth-of-type(2) {font-size: 24px;letter-spacing: 0;}
.ttl-certificate span:nth-of-type(3) {font-size: 23px;}
.ttl-certificate span:nth-of-type(4) {font-size: 26px;letter-spacing: 4px;}
}
/*-----------------------------------------------
 *	safety-wrap
-----------------------------------------------*/
.safety-wrap{margin-bottom: 4vw;}
.safety-wrap .safety-container:nth-of-type(1),.safety-wrap .safety-container:nth-of-type(2){max-width: 456px;}
.safety-wrap .safety-container:nth-of-type(3){margin-top: 2vw;width: 100%;}
.safety-container{background: #e9f3f4;border:#17a5d3 2px solid;border-radius: 6px;padding: 1.5em 10px;}
.safety-container dt{background: #17a5d3;border-radius: 60px;color: #fff;font-size: 24px;font-weight: bold;text-align: center;padding: 5px 10px;margin-bottom: 1em;}
.safety-container dd{padding: 0 .75em;}
.img-special{max-width: 257px;margin: 1em auto;}
.photo-annual{max-width: 290px;margin: 0 auto 1em;}
.photo-memo_safety{max-width: 286px;}
.ext-intro{max-width: 620px;}
.safety-fl {display: flex;justify-content: space-between;}
@media only screen and (max-width: 1024px) {
.safety-wrap .safety-container:nth-of-type(1), .safety-wrap .safety-container:nth-of-type(2) {max-width: 436px;}
.photo-memo_safety {max-width: 226px;}
.ext-intro {max-width: 610px;}
}
@media only screen and (max-width: 768px) {
.safety-wrap .safety-container:nth-of-type(1), .safety-wrap .safety-container:nth-of-type(2) {max-width: 320px;}
.safety-container dt {font-size: 18px;}
.safety-fl {display: block;}
.photo-memo_safety{float: left;margin-right: 10px;max-width: 246px;}
.ext-intro {max-width: initial;}
}
@media only screen and (max-width: 568px) {
.safety-wrap .safety-container:nth-of-type(1), .safety-wrap .safety-container:nth-of-type(2) {max-width: initial;margin-bottom: 4vw;}
.safety-container dt {font-size: 16px;}
.safety-wrap .safety-container:nth-of-type(3) {width: 93%;}
.photo-memo_safety{float:none;margin: 0 auto 10px;max-width: 286px;}
.img-special {margin: 0 auto 1em;}
.photo-annual {margin: 0 auto;max-width: 286px;}
}
/*===============================================
 *	pro_cleaning-wrap
===============================================*/
#pro_cleaning-wrap{padding: 6% 0;margin-bottom: 6vw;}
.pro_cleaning-contentes {position: relative;}
.pro_cleaning-contentes > p{font-size: 18px;max-width: 640px;}
.pro_cleaning-ttl{background: #17a5d3;border-radius: 60px;color: #fff;font-size: 28px;font-weight: bold;padding: 5px 1em;margin-bottom: 1em;}
.img-pro_cleaning{max-width: 300px;position: absolute;right: -20px;bottom: 0;}
.pro_cleaning-li{margin-bottom: 5vw;}
.pro_cleaning-li li {padding: 3% 2%;position: relative;margin-bottom: 4vw;border-radius: 6px;box-shadow: 0 4px 12px 0 rgb(169,169,169);}
.pro_cleaning-li li:last-child {margin-bottom: 0;}
.pro_cleaning-li li:nth-child(1) {background-image: url("../img/beginner/icon-cleaning_num01.png"),url("../img/m-bg_note.gif");background-position: left bottom, left top;background-repeat: no-repeat, repeat;}
.pro_cleaning-li li:nth-child(2) {background-image: url("../img/beginner/icon-cleaning_num02.png"),url("../img/m-bg_note.gif");background-position: right bottom , left top;background-repeat: no-repeat, repeat;}
.pro_cleaning-li li:nth-child(3) {background-image: url("../img/beginner/icon-cleaning_num03.png"),url("../img/m-bg_note.gif");background-position: left bottom , left top;background-repeat: no-repeat, repeat;}
.pro_cleaning-li li:nth-child(4) {background-image: url("../img/beginner/icon-cleaning_num04.png"),url("../img/m-bg_note.gif");background-position: right bottom , left top;background-repeat: no-repeat, repeat;}
.pro_cleaning-subttl{border-bottom: #959595 2px dashed;color: #17a5d3;font-size: 35px;font-weight: bold;letter-spacing: 0;margin-bottom: .75em;}
.pro_cleaning-subttl span{border-left: #17a5d3 18px solid;padding-left: .25em;}
.pro_cleaning-li li{display: flex;justify-content: space-between;flex-wrap: wrap}
.pro_cleaning-li li:nth-child(odd) {flex-direction: row-reverse;}
.pro_cleaning-thumbnail {max-width: 460px;}
.pro_cleaning-caption {font-size: 16px;}
.pro_cleaning-box {max-width: 450px;width: 100%;}
@media only screen and (max-width: 1024px) {
.pro_cleaning-contentes > p {font-size: 17px;max-width: 600px;}
.pro_cleaning-subttl {font-size: 30px;}
.pro_cleaning-thumbnail {max-width: 430px;}
.pro_cleaning-box {max-width: 450px;}
}
@media only screen and (max-width: 768px) {
.pro_cleaning-ttl {font-size: 22px;}
.pro_cleaning-contentes > p {font-size: 15px;max-width: 390px;}
.pro_cleaning-thumbnail {max-width: 310px;}
.pro_cleaning-box {max-width: 340px;}
.pro_cleaning-subttl {font-size: 22px;padding-bottom: 5px;}
.pro_cleaning-subttl span {border-left: #17a5d3 13px solid;}
.pro_cleaning-caption {font-size: 14px;}
}
@media only screen and (max-width: 568px) {
.pro_cleaning-ttl {font-size: 16px;}
.img-pro_cleaning {max-width: 190px;margin: 0 auto 10px;position: static;}
.pro_cleaning-contentes > p {font-size: 14px;max-width: initial;}
.pro_cleaning-li li {padding: 4%;}
.pro_cleaning-li li:nth-child(1) {background-size: 50%,auto;}
.pro_cleaning-li li:nth-child(2) {background-size: 50%,auto;}
.pro_cleaning-li li:nth-child(3) {background-size: 50%,auto;}
.pro_cleaning-li li:nth-child(4) {background-size: 50%,auto;}
.pro_cleaning-subttl {font-size: 18px;}
.pro_cleaning-subttl span {border-left: #17a5d3 10px solid;}
.pro_cleaning-thumbnail {max-width: inherit;margin-bottom: 10px;}
}
/*-----------------------------------------------
 *	pro_cleaning-field
-----------------------------------------------*/
.pro_cleaning-field{box-shadow: 1px 1px 4px 2px rgb(169 169 169);border-radius: 6px;}
.pro_cleaning-field-ttl{background: #17a5d3;border-top-left-radius: 6px;border-top-right-radius: 6px;color: #fff;font-size: 30px;font-weight: bold;padding: 10px 1em;letter-spacing: 1px;line-height: 1.4;}
.pro_cleaning-fieldbox{background: url("../img/beginner/bg-cleaning-summary_pc.png") right no-repeat #fff;background-size: contain;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;padding: 20px 30px;position: relative;}
.pro_cleaning-subhd_ttl{color: #f0922e;font-size: 23px;font-weight: bold;letter-spacing: 0;margin-bottom: .5em;}
.pro_cleaning-fieldbox p{max-width: 500px;}
img.pro_cleaning-human{max-width: 343px;position: absolute;right: 30px;bottom: 0;}
@media only screen and (max-width: 1024px) {
img.pro_cleaning-human {max-width: 343px;}
}
@media only screen and (max-width: 768px) {
.pro_cleaning-field-ttl {font-size: 24px;}
.pro_cleaning-subhd_ttl {font-size: 20px;line-height: 1.4;}
.pro_cleaning-fieldbox {padding: 20px;}
.pro_cleaning-fieldbox p {max-width: 430px;}
img.pro_cleaning-human {max-width: 260px;right: 0;}
}
@media only screen and (max-width: 568px) {
.pro_cleaning-field-ttl {font-size: 16px;padding: .5em 1em;}
.pro_cleaning-subhd_ttl {font-size: 16px;}
.pro_cleaning-fieldbox{background: url("../img/beginner/bg-cleaning-summary_sp.png") bottom no-repeat #fff;padding: 1em 1em 0;}
.pro_cleaning-fieldbox p {max-width: initial;}
img.pro_cleaning-human {max-width: 214px;position: static;margin: 0 auto;}
}
@media only screen and (max-width: 375px) {
.pro_cleaning-field-ttl {font-size: 15px;letter-spacing: 0;}
.pro_cleaning-subhd_ttl {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
.pro_cleaning-field {margin-bottom: 10px;}
.pro_cleaning-fieldbox {padding: 10px;}
.pro_cleaning-subhd_ttl {font-size: 13px;}
}
/*===============================================
 *	trader
===============================================*/
#trader-wrap{margin-bottom: 6vw;}
.trader-dl dt{color: #fff;font-size: 26px;font-weight: bold;letter-spacing: 2px;line-height: 1.4;margin-bottom: 10px;padding: .75em 1em .75em 5em;}
.trader-dl dt:nth-of-type(1){background: url("../img/beginner/icon-trader_num01.png") 40px center no-repeat #f0922e;}
.trader-dl dt:nth-of-type(2){background: url("../img/beginner/icon-trader_num02.png") 40px center no-repeat #f0922e;}
.trader-dl dt:nth-of-type(3){background: url("../img/beginner/icon-trader_num03.png") 40px center no-repeat #f0922e;}
.trader-dl dt:nth-of-type(4){background: url("../img/beginner/icon-trader_num04.png") 40px center no-repeat #f0922e;}
.trader-dl dt:nth-of-type(5){background: url("../img/beginner/icon-trader_num05.png") 40px center no-repeat #f0922e;}
.trader-dl dd{font-size: 18px;margin-bottom: 3em;}
@media only screen and (max-width: 1024px) {
.trader-dl dt {padding: .75em 1em .75em 4em;}
}
@media only screen and (max-width: 768px) {
.trader-dl dt {font-size: 21px;letter-spacing: 0px;padding: .75em 1em .75em 1em;}
.trader-dl dt:nth-of-type(1){background: url("../img/beginner/icon-trader_num01.png") left center no-repeat #f0922e;background-size: contain;}
.trader-dl dt:nth-of-type(2){background: url("../img/beginner/icon-trader_num02.png") left center no-repeat #f0922e;background-size: contain;}
.trader-dl dt:nth-of-type(3){background: url("../img/beginner/icon-trader_num03.png") left center no-repeat #f0922e;background-size: contain;}
.trader-dl dt:nth-of-type(4){background: url("../img/beginner/icon-trader_num04.png") left center no-repeat #f0922e;background-size: contain;}
.trader-dl dt:nth-of-type(5){background: url("../img/beginner/icon-trader_num05.png") left center no-repeat #f0922e;background-size: contain;}
.trader-dl dd {font-size: 16px;}
}
@media only screen and (max-width: 568px) {
.trader-dl dt {font-size: 17px;}
.trader-dl dd {font-size: 14px;}
.trader-dl dt:nth-of-type(1){background: url("../img/beginner/icon-trader_num01.png") right bottom no-repeat #f0922e;background-size: 20%;}
.trader-dl dt:nth-of-type(2){background: url("../img/beginner/icon-trader_num02.png") right bottom no-repeat #f0922e;background-size: 20%;}
.trader-dl dt:nth-of-type(3){background: url("../img/beginner/icon-trader_num03.png") right bottom no-repeat #f0922e;background-size: 20%;}
.trader-dl dt:nth-of-type(4){background: url("../img/beginner/icon-trader_num04.png") right bottom no-repeat #f0922e;background-size: 20%;}
.trader-dl dt:nth-of-type(5){background: url("../img/beginner/icon-trader_num05.png") right bottom no-repeat #f0922e;background-size: 20%;}
.trader-dl dd{margin-bottom: 2em;}
}
/*===============================================
 *	trivia-wrap
===============================================*/
#trivia-wrap{background: #e4f3f9;padding: 6% 0;}
.trivia-contents{background: #fff;border: #17a5d3 4px solid;box-shadow: 1px 1px 4px 2px rgb(169 169 169);border-radius: 6px;padding: 1.5em 2em 2em;}
.trivia-contents h3{background: #17a5d3;border-radius: 60px;color: #fff;font-size: 30px;font-weight: bold;text-align: center;letter-spacing: 2px;margin-bottom: 1em;padding: 5px 10px;}
.trivia-contents h4{border-left: #17a5d3 16px solid;font-size: 25px;font-weight: 800;letter-spacing: 2px;margin-bottom: .5em;padding-left: .25em;}
.trivia-flbox{margin-bottom: 1em;}
.trivia-box{max-width: 590px;}
.img-trivia{max-width: 300px;}
.trivia-summary{background: #e9f3f4;border-radius: 10px;padding: 1.5em;}
.trivia-summary p{margin-bottom: 1em;}
.trivia-summary p:last-of-type{margin-bottom: 0;}
@media only screen and (max-width: 1024px) {
.trivia-box {max-width: 570px;}
.img-trivia {max-width: 280px;}
}
@media only screen and (max-width: 768px) {
.trivia-contents h3 {font-size: 22px;}
.trivia-contents h4 {border-left: #17a5d3 13px solid;font-size: 18px;letter-spacing: 0px;}
.trivia-box {max-width: 380px;}
.img-trivia {max-width: 240px;}
}
@media only screen and (max-width: 568px) {
.trivia-contents {padding: 1.5em 1em;}
.trivia-contents h3 {font-size: 18px;letter-spacing: 1px;}
.trivia-contents h4 {border-left: #17a5d3 10px solid;font-size: 17px;}
.trivia-box {margin-bottom: 1em;max-width: initial;}
.img-trivia {max-width: 300px;}
.trivia-summary{padding: 1em;}
}


.worries-contents::after{content:none;}