@charset "utf-8";
/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents h1 span::before {width: 80%;}
@media only screen and (max-width: 568px) {
#second-visualcontents h1 span::before {width: 90%;}
}
/*===============================================
 *	見出し
===============================================*/
.basic-hdttl {font-size: 32px;text-align: center;padding: .6em 1em;}
.reason-contents{margin-bottom: 0;}
@media only screen and (max-width: 768px) {
.basic-hdttl {font-size: 26px;}
}
@media only screen and (max-width: 568px) {
.basic-hdttl {font-size: 20px;}
}
/*===============================================
 *	Opening
===============================================*/
.opening-wrap{margin-bottom: 6vw;}
.opening-contents{margin-bottom: 4vw;}
.opening-contents figure{max-width: 400px;}
.opening-txtbox{max-width: 560px;}
.opening-contents h3{font-size: 34px;font-weight: 900;letter-spacing: 2px;line-height: 1.4;margin-bottom: .75em;}
.opening-contents h3 span{color: #ec7589;}
.opening-contents p {line-height: 1.8;}
@media only screen and (max-width: 1024px) {
.opening-txtbox {max-width: 590px;}
.opening-contents figure {max-width: 325px;}
}
@media only screen and (max-width: 768px) {
.opening-contents h3{font-size: 23px;margin-bottom: .5em;}
.opening-contents figure {max-width: 265px;}
.opening-txtbox {max-width: 395px;}
}
@media only screen and (max-width: 568px) {
.opening-contents h3 {font-size: 20px;}
.opening-contents figure {max-width: 135px;float: left;margin: 0 1em 0 0;}
.opening-txtbox {max-width: initial;}
}
/*===============================================
 *	service
===============================================*/
.service-wrap{margin-bottom: 4vw;}
.service-contents{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction:row-reverse;}
.service-inner{padding: 2em;margin-bottom: 2vw;}
.service-ttl{background: #f0922e;border-radius: 10px;color: #fff;font-size: 26px;font-weight: 800;letter-spacing: 2px;margin-bottom: 1em;text-align: center;padding: .5em 1em;}
.service-txtbox{max-width: 470px;}
.service-txtbox p span{color: #ec7589;}
.service-txt_ttl{border-bottom: #959595 2px dashed;color: #17a5d3;font-size: 24px;font-weight: bold;letter-spacing: 1px;margin-bottom: .75em;padding: .5em 0;}
.service-txt_ttl span{border-left: #17a5d3 18px solid;display: block;padding: .2em 0 .2em .5em;}
.img-service{max-width: 420px;}
.fl-row {flex-direction: row;}
@media only screen and (max-width: 1024px) {
.service-txtbox {max-width: 500px;}
.img-service {max-width: 360px;}
}
@media only screen and (max-width: 768px) {
.service-ttl {font-size: 22px;padding: .5em .75em;}
.service-ttl span {font-size: 20px;padding: 0 .75em;}
.service-txt_ttl {font-size: 18px;}
.service-txt_ttl span {border-left: #17a5d3 13px solid;}
.service-txtbox {max-width: 380px;}
.img-service {max-width: 220px;}
}
@media only screen and (max-width: 568px) {
.service-wrap {margin-bottom: 8vw;}
.service-inner {margin-bottom: 6vw;padding: 1.25em;}
.service-txtbox {max-width: initial;margin-bottom: 1em;}
.service-ttl {font-size: 18px;}
.service-ttl span {font-size: 13px;text-align: center;width: 36px;}
.service-txt_ttl {font-size: 16px;}
.service-txt_ttl span {border-left: #17a5d3 10px solid;padding: .25em 0 .25em .5em;}
.img-service {max-width: initial;margin-bottom: 1em;}
}
/*-----------------------------------------------
 *	memo-contents
-----------------------------------------------*/
.memo-contents{background: #fff;border: #ec7589 3px solid;border-radius: 10px;padding: .75em;position: relative;margin-bottom: 4vw;}
.memo-contents figure.img-service_memo{max-width: 300px;}
.memo-inner{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction:row-reverse;}
.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;}
@media only screen and (max-width: 1024px) {
.img-exist_re .memo-box_re {max-width: 555px;}
}
@media only screen and (max-width: 768px) {
.img-exist .memo-box {max-width: 455px;}
.img-exist_re .memo-box_re {max-width: 405px;}
.memo-contents figure.img-service_memo {max-width: 230px;}
}
@media only screen and (max-width: 568px) {
.memo-ttl {margin-bottom: 10px;}
.img-exist .memo-box,.img-exist_re .memo-box_re {max-width: inherit;}
.memo-ttl{font-size: 15px;}
.memo-contents {padding: 1em;margin-bottom: 8vw;}
.memo-contents figure.img-service_memo {max-width: initial;margin-top: 1em;}
}
/*-----------------------------------------------
 *	aside-contents
-----------------------------------------------*/
.aside-contents{background: #ffebee;border-radius: 10px;padding: .75em;margin-top: 1.5em;}
.aside-inner{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.aside-contents figure.img-aside{max-width: 300px;}
.aside-box{max-width: 578px;}
.aside-ttl{background: #fff;border-radius: 6px;color: #ec7589;font-size: 16px;font-weight: bold;margin-bottom: 5px;text-align: center;padding: 5px 0;}
@media only screen and (max-width: 1024px) {
.aside-box {max-width: 500px;}
}
@media only screen and (max-width: 768px) {
.aside-box {max-width: 355px;}
.aside-contents figure.img-aside {max-width: 230px;}
}
@media only screen and (max-width: 568px) {
.aside-contents {margin-top: 1em;padding: 1em;}
.aside-ttl{font-size: 15px;}
.aside-ttl {margin-bottom: 10px;}
.aside-box {max-width: inherit;}
.aside-contents figure.img-aside {max-width: initial;margin-top: 1em;}
}
/*-----------------------------------------------
 *	item-contents
-----------------------------------------------*/
.item-catchtxt {margin: .5em 0;}
.img-work {max-width: 354px;}
.img-work figcaption {font-size: 12px;text-align: right;}
@media only screen and (max-width: 568px) {
.img-work {max-width: 214px;}
.img-work figcaption {text-align: center;}
}