@charset "utf-8";

/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents h1 span::before {width: 76%;}
@media only screen and (max-width: 568px) {
#second-visualcontents h1 span::before {width: 82%;}
}
/*===============================================
 *	見出し
===============================================*/
.basic-hdttl {font-size: 28px;text-align: center;padding: .6em 1em;}
@media only screen and (max-width: 768px) {
.basic-hdttl {font-size: 26px;}
}
@media only screen and (max-width: 568px) {
.basic-hdttl {font-size: 20px;}
}
/*===============================================
 *	Flow
===============================================*/
.flow-mag{margin-bottom: 4vw;}
.flow-contents{margin-bottom: 4vw;}
.flow-inner{margin-bottom: 2vw;}
.flow_step-ttl{background: #17a5d3;border-radius: 6px;color: #fff;font-size: 26px;font-weight: 800;margin-bottom: 1em;padding: .5em 1em;}
.flow_step-ttl span{background: #fff;border-radius: 10px;color: #17a5d3;display: inline-block;font-size: 22px;margin-right: 1em;padding: .25em 1.5em;}
.flow-txtbox{max-width: 570px;}
.flow-txtbox p span{color: #ec7589;}
.flow-txt_ttl{border-bottom: #959595 2px dashed;color: #f49b2e;font-size: 20px;font-weight: bold;letter-spacing: 2px;margin-bottom: .75em;padding: .5em 0;}
.flow-txt_ttl span{border-left: #f49b2e 16px solid;display: block;padding: .5em 0 .5em .5em;}
.img-flow{max-width: 380px;}
@media only screen and (max-width: 1024px) {
.flow-txtbox {max-width: 540px;}
}
@media only screen and (max-width: 768px) {
.flow_step-ttl {font-size: 24px;padding: .5em .75em;}
.flow_step-ttl span {font-size: 20px;padding: 0 .75em;}
.flow-txt_ttl {font-size: 18px;}
.flow-txt_ttl span {border-left: #f49b2e 13px solid;}
.flow-txtbox {max-width: 450px;}
.img-flow {max-width: 240px;}
}
@media only screen and (max-width: 568px) {
.flow-mag{margin-bottom: 6vw;}
.flow-contents {margin-bottom: 8vw;}
.flow-inner {margin-bottom: 6vw;}
.flow-txtbox {max-width: initial;margin-bottom: 1em;}
.flow_step-ttl {font-size: 18px;display: flex;align-items: center;line-height: 1.4;}
.flow_step-ttl span {font-size: 13px;text-align: center;width: 36px;padding: 10px 10px 5px 5px;}
.flow-txt_ttl {font-size: 16px;}
.flow-txt_ttl span {border-left: #f49b2e 10px solid;padding: .25em 0 .25em .5em;}
.img-flow {max-width: 380px;}
}
/*-----------------------------------------------
 *	memo-contents
-----------------------------------------------*/
.memo-contents{background: #fff;border: #ec7589 3px solid;border-radius: 10px;padding: .75em;position: relative;margin-bottom: 4vw;}
.memo-contents figure.img-flow_memo02{max-width: 194px;position: absolute;right: 2%;bottom: 0;}
.memo-contents figure.img-flow_memo04{max-width: 300px;margin-top: 10px;}
.img-exist .memo-box{max-width: 715px;}
.img-exist_re .memo-box_re{max-width: 625px;}
.memo-ttl{background: #f8ebed;border-radius: 6px;color: #ec7589;font-size: 16px;font-weight: bold;margin-bottom: 5px;text-align: center;padding: 5px 0;}
.memo-box p span{color: #f49b2e;}
.fl-row {flex-direction: row-reverse;}
@media only screen and (max-width: 1024px) {
.memo-contents figure.img-flow_memo02 {right: 0;}
.img-exist_re .memo-box_re {max-width: 595px;}
}
@media only screen and (max-width: 768px) {
.img-exist .memo-box {max-width: 455px;}
.memo-contents figure.img-flow_memo04 {max-width: 250px;margin-top: 10px;}
.img-exist_re .memo-box_re {max-width: 415px;}
}
@media only screen and (max-width: 568px) {
.memo-ttl {font-size: 15px;margin-bottom: 10px;}
.img-exist .memo-box,.img-exist_re .memo-box_re {max-width: inherit;}
.memo-contents {padding: 1em;margin-bottom: 8vw;}
.memo-contents figure.img-flow_memo04 {max-width: 300px;margin: 10px auto 0;}
.memo-contents figure.img-flow_memo02{max-width: 194px;position: static;right: auto;bottom: auto;margin: 0 auto -1em;}
}
/*===============================================
 *	Compensation
===============================================*/
.compensation-wrap{padding: 4vw 0;}
.compensation-contents{background: #fff;border-radius: 10px;margin-bottom: 4vw;}
.compensation-wrap .compensation-contents:nth-of-type(2){margin-bottom: 2vw;}
.compensation-ttlbox{background: #17a5d3;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 1em;}
.compensation-ttl{border-left: #fff 16px solid;color: #fff;font-size: 24px;font-weight: bold;padding-left: .5em;}
.compensation-inner{padding: 1.5em;position: relative;}
.compensation-inner dt{color: #ec7589;font-size: 24px;font-weight: bold;margin-bottom: .25em;}
.compensation-inner .img-staff{max-width: 372px;position: absolute;right: 0;bottom: -1px;}
.compensation-inner .img-staff img{border-bottom-right-radius: 10px;}
.compensation-staff{max-width: 570px;}
.compensation-inner .img-questionnaire{max-width: 286px;position: absolute;right: 20px;top: -50px;}
.compensation-questionnaire{max-width: 650px;}
.compensation-questionnaire dd > p{margin-bottom: 1em;}
@media only screen and (max-width: 1024px) {
.compensation-staff {max-width: 550px;}
.compensation-inner .img-staff {max-width: 332px;}
.compensation-questionnaire {max-width: 580px;}
}
@media only screen and (max-width: 768px) {
.compensation-ttl {border-left: #fff 12px solid;font-size: 22px;}
.compensation-inner {padding: 1em 1em 0;}
.compensation-staff {max-width: initial;margin-bottom: 1em;}
.compensation-inner .img-staff {max-width: 415px;position: static;margin: 0 auto;}
.compensation-inner .img-questionnaire {position: static;right: initial;top: initial;margin: 0 auto;padding-bottom: 1em;}
.compensation-questionnaire {max-width: initial;margin-bottom: 1em;}
}
@media only screen and (max-width: 568px) {
.compensation-wrap{padding: 10vw 0;}
.compensation-contents{margin-bottom: 8vw;}
.compensation-wrap .compensation-contents:nth-of-type(2){margin-bottom: 4vw;}
.compensation-ttl {border-left: #fff 8px solid;font-size: 16px;}
.compensation-inner .img-staff img{border-bottom-right-radius: 0;}
.compensation-inner dt {font-size: 16px;}
}