@charset "utf-8";

/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents h1 span::before {width: 80%;}
.icon-ok::before {width: 74px;height: 74px;left: -10px;top: -10px;}
@media only screen and (max-width: 768px) {
.icon-ok::before {width: 64px;height: 64px;left: -10px;top: -7px;}
.hd-space {padding: 5px 0;}
.ttl-reason_detail {font-size: 21px;}
.ttl-reason_detail span {font-size: 24px;}
}
@media only screen and (max-width: 568px) {
#second-visualcontents h1 span::before {width: 88%;}
.ttl-reason_detail {font-size: 16px;}
.ttl-reason_detail span {font-size: 20px;}
.icon-ok::before {width: 50px;height: 50px;left: 0;top: 50%;transform: translateY(-50%);}
}
/*===============================================
 *	Common
===============================================*/
.area-magspace{margin-bottom: 4em;}
.basic-hdttl{text-align: center;}
@media only screen and (max-width: 768px) {
.basic-hdttl {letter-spacing: 1px;padding: .75em .5em;}
}
@media only screen and (max-width: 568px) {
}
/*===============================================
 * Common
===============================================*/
.flbox_re{flex-direction: row-reverse;}
.picture-opening_ttl{color: #17a5d3;font-size: 26px;font-weight: 700;border-bottom: #959595 2px dashed;letter-spacing: 0;margin-bottom: .75em;padding-bottom: 10px;}
.picture-og_ttl{color: #f0922d;font-size: 26px;font-weight: 700;border-bottom: #959595 2px dashed;letter-spacing: 0;margin-bottom: .75em;padding-bottom: 10px;}
img.photo-deployment{max-width: 316px;}
.column-ttl {letter-spacing: 0;}
.ttl-reason_detail{position: relative;top: auto;left: auto;transform: none;margin: 0 auto 1em;}
.reason-contents{margin-bottom: 0;}
/*.link-support{margin-top: 1em;}
.link-support li {width: calc(100%/3);}
.link-support li:nth-child(3),.link-support li:nth-child(6) {border-right: none;}
.link-support li:nth-child(4) {border-right: #17a5d3 2px dashed;border-bottom: none;}*/
@media only screen and (max-width: 1024px) {
img.photo-column {max-width: 290px;}
}
@media only screen and (max-width: 768px) {
.picture-opening_ttl,.picture-og_ttl {font-size: 21px;}
.column-ttl {font-size: 20px;}
}
@media only screen and (max-width: 568px) {
.picture-openingbox{margin-bottom: 5%;}
.picture-opening_ttl,.picture-og_ttl {font-size: 18px;}
.txt-openingtbox p {margin-bottom: 10px;}
img.photo-deployment {max-width: initial;margin-bottom: 1em;}
img.photo-column {max-width: initial;}
.worries-ttl {letter-spacing: 0;padding: .25em .25em .25em 2.25em;}
.ttl-reason_detail{width: 92%;}
/*.link-support li {width: calc(100%/2);}
.link-support li:nth-child(3) {border-right: #17a5d3 2px dashed;}
.link-support li:nth-child(4) {border-right: none;border-bottom: #17a5d3 2px dashed;}
.link-support li:nth-child(5),.link-support li:nth-child(6) {border-bottom: none;}*/
}
@media only screen and (max-width: 375px) {
.picture-og_ttl {font-size: 18px;}
}
/*===============================================
 * insetbox
===============================================*/
.txt-insetbox{font-size: 18px;max-width: 630px;}
@media only screen and (max-width: 1024px) {
.txt-insetbox{font-size: 18px;max-width: 600px;}
}
@media only screen and (max-width: 768px) {
.txt-insetbox {font-size: 16px;max-width: 420px;}
.picture-opening_ttl {font-size: 21px;}
}
@media only screen and (max-width: 568px) {
.picture-opening_ttl {font-size: 18px;letter-spacing: 0;}
}
@media only screen and (max-width: 375px) {
.picture-opening_ttl {font-size: 19px;letter-spacing: 1px;}
}
/*===============================================
 * Opening
===============================================*/
.picture-openingbox{margin-bottom: 3em;}
.opening-flbox{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
img.photo-opening{max-width: 316px;}
.txt-openingtbox{font-size: 18px;letter-spacing: 0;max-width: 640px;}
.txt-openingtbox p{margin-bottom: 20px;}
.txt-openingtbox p:last-of-type{margin-bottom: 0;}
@media only screen and (max-width: 1024px) {
.txt-openingtbox {max-width: 600px;}
}
@media only screen and (max-width: 768px) {
.txt-openingtbox {font-size: 16px;max-width: 440px;}
.picture-opening_ttl {font-size: 24px;}
img.photo-opening {max-width: 246px;}
}
@media only screen and (max-width: 568px) {
.picture-openingbox{margin-bottom: 5%;}
.picture-opening_ttl {font-size: 20px;letter-spacing: 0;}
.txt-openingtbox p {margin-bottom: 10px;}
img.photo-opening {max-width: initial;margin-bottom: 1em;}
}
@media only screen and (max-width: 375px) {
.picture-opening_ttl {font-size: 19px;}
}
@media only screen and (max-width: 320px) {
.picture-opening_ttl {font-size: 18px;}
}
/*===============================================
 *	solution
===============================================*/
.solution-contents {background: #fff;}
.solution-innerbox{padding: 0 2em 2em;}
.solution-ttl {margin-bottom: 0;padding: .75em;}
.solution-ttl::before {content: none;}
.solution-txt_ttl{border-bottom: #959595 2px dashed;color: #ec7589;font-size: 24px;font-weight: bold;letter-spacing: 2px;margin-bottom: .75em;padding: .5em 0;position: relative;}
.solution-txt_ttl::after {content: "";background: url("../img/proxcy/img-solution_human.png") no-repeat;background-size: contain;width: 173px;height: 159px;bottom: 0;right: 0;display: block;position: absolute;}
.solution-txt_ttl span{border-left: #ec7589 18px solid;display: block;padding: .2em 0 .2em .5em;}
.solution-txt{margin-bottom: 1.5em;}
@media only screen and (max-width: 768px) {
.solution-txt_ttl {font-size: 18px;}
.solution-txt_ttl span {border-left: #ec7589 13px solid;}
}
@media only screen and (max-width: 568px) {
.solution-innerbox {padding: 0 1em 1em;}
.solution-txt_ttl {font-size: 16px;}
.solution-txt_ttl::after {width: 103px;height: 95px;}
.solution-txt_ttl span {border-left: #ec7589 10px solid;padding: .25em 0 .25em .5em;}
}
/*-----------------------------------------------
 *	solution
-----------------------------------------------*/
.solution-li{max-width: 570px;margin-bottom: 2.5em;width: 100%;}
.solution-li li {background: url("../img/icon-chk.png") left center no-repeat;border-bottom: #f39800 2px dashed;padding: 0 0 10px 2.25em;font-size: 20px;line-height: 1.4;margin-bottom: 1em;}
.solution-li li span{color: #ec7589;font-weight: bold;}
.photo-seal{max-width: 560px;}
.link-altar {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.link-altar li{max-width: 250px;}
@media only screen and (max-width: 1024px) {
.solution-li {max-width: 530px;}
.solution-li li {font-size: 19px;}
.link-altar li {max-width: 200px;}
}
@media only screen and (max-width: 768px) {
.solution-li {max-width: 330px;margin-bottom: 4em;}
.solution-li li {font-size: 14px;background: url(../img/icon-chk.png) left -5px no-repeat;background-size: 25px;}
.photo-seal {max-width: 280px;}
.link-altar li {max-width: 150px;}
}
@media only screen and (max-width: 568px) {
.solution-li li {width: 89%;}
.solution-li {max-width: initial;margin-bottom: 1em;}
.photo-seal {max-width: initial;margin-bottom: 2em;}
.link-altar li {max-width: 140px;}
}

/*-----------------------------------------------
 *	service-catchtxt
-----------------------------------------------*/
img.photo-deployment{max-width: 316px;}
.service-wrap{margin-bottom: 5em;}
.service-flbox{display: flex;justify-content: space-between;flex-wrap: wrap;}
.service-pr_txt{font-size: 18px;line-height: 1.5;margin-bottom: 1em;}
.service-detailbox{max-width: 470px;border-radius: 10px;}
.service-detailbox h3{background: #49b1d9;border-top-left-radius: 10px;border-top-right-radius: 10px;color: #fff;font-size: 22px;font-weight: bold;line-height: 1.4;padding: .75em;text-align: center;}
.service-innerbox{padding: 1.5em;}
.service-innerbox dd p{margin-bottom: 1em;}
.service-innerbox dd p:last-of-type{margin-bottom: 0;}
.service-innerbox figure{margin: 0 auto 1em;max-width: 412px;}
.service-local_ttl {border-bottom: #959595 2px dashed;color: #f0922e;font-size: 22px;font-weight: bold;letter-spacing: 2px;margin-bottom: .75em;padding-bottom: 10px;}
.service-local_ttl span{border-left: #f0922e 18px solid;display: block;letter-spacing: 1px;line-height: 1.4;padding: .25em .5em;}
@media only screen and (max-width: 1024px) {
.service-detailbox {max-width: 460px;}
.service-local_ttl {font-size: 20px;}
}
@media only screen and (max-width: 768px) {
img.photo-deployment{max-width: 266px;}
.service-detailbox {max-width: 340px;}
.service-innerbox {padding: 1em;}
.service-pr_txt {font-size: 16px;}
.service-detailbox h3 {font-size: 18px;}
.service-local_ttl {font-size: 18px;padding-bottom: 10px;}
.service-local_ttl span {border-left: #f0922e 13px solid;padding: .25em .5em;}
}
@media only screen and (max-width: 568px) {
img.photo-deployment {max-width: initial;}
.service-wrap {margin-bottom: 3em;}
.service-detailbox {max-width: initial;margin-bottom: 2em;}
.service-detailbox:last-of-type {margin-bottom: 0;}
.service-pr_txt {font-size: 15px;}
.service-detailbox h3 {font-size: 16px;}
.service-local_ttl {font-size: 16px;}
.service-local_ttl span {border-left: #f0922e 10px solid;}
}

/*-----------------------------------------------
 *	service-summary
-----------------------------------------------*/
.service-summary_wrap{border-radius: 10px;margin-bottom: 3em;}
.service-summary_wrap h3{background: #ec7589;border-top-left-radius: 10px;border-top-right-radius: 10px;color: #fff;font-size: 22px;font-weight: bold;line-height: 1.4;padding: .75em;text-align: center;}
.service-summary_contents{padding: 2em;}
.service-summarybox{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 2em;}
.service-summarybox:nth-child(even) {flex-direction: row-reverse;}
.service-summarybox dl{max-width: 570px;}
.service-summarybox figure{max-width: 330px;width: 100%;}
@media only screen and (max-width: 1024px) {
.service-summary_contents{padding: 1.5em;}
.service-summarybox dl {max-width: 540px;}
.img-price{max-width: 430px}
}
@media only screen and (max-width: 768px) {
.service-summary_contents {padding: 1em;}
.service-summary_wrap h3 {font-size: 18px;}
.service-summarybox dl {max-width: 360px;}
.service-summarybox figure {max-width: 300px;}
.img-price{max-width: 280px}
}
@media only screen and (max-width: 568px) {
.service-summarybox figure {max-width: 330px;margin: 0 auto 1em;}
}
/*-----------------------------------------------
 *	volunteer-box
-----------------------------------------------*/
img.photo-volunteer{max-width: 334px;}
.volunteer-wrap{background: #fff;border: #ec7589 3px solid;border-radius: 10px;padding: 1em;}
.volunteer-ttl{background: #ffebee;font-size: 35px;font-weight: bold;padding: .25em;text-align: center;margin-bottom: 1em;}
.txt-volunteerbox{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.txt-volunteerbox dl{max-width: 580px;}
.txt-volunteerbox dt{border-bottom: #959595 2px dashed;color: #ec7589;font-size: 24px;font-weight: bold;letter-spacing: 0;margin-bottom: .75em;padding: .5em 0;}
.txt-volunteerbox dt span {border-left: #ec7589 16px solid;display: block;padding: .5em 0 .5em .5em;}
@media only screen and (max-width: 1024px) {
.txt-volunteerbox dl {max-width: 535px;}
.txt-volunteerbox dt {font-size: 22px;}
}
@media only screen and (max-width: 768px) {
.volunteer-ttl {font-size: 28px;}
.txt-volunteerbox dl {max-width: 345px;}
img.photo-volunteer {max-width: 304px;margin: 0 auto;}
.txt-volunteerbox dt {font-size: 22px;line-height: 1.4;}
}
@media only screen and (max-width: 568px) {
.volunteer-ttl {font-size: 20px;}
.txt-volunteerbox dt {font-size: 18px;}
}
/*===============================================
 *	Flow
===============================================*/
#gomi-flow{padding: 5em 0 1em;}
.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: 0 0 .5em;}
.flow-txt_ttl span{border-left: #f49b2e 16px solid;display: block;padding: .5em 0 .5em .5em;}
.img-flow{max-width: 378px;}
.icon-service{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1em;}
.icon-service li{max-width: 122px;}
.bnr-quo{max-width: 923px;margin: 0 auto;}
@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) {
#gomi-flow {padding: 3em 0 1em;}
.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;}
.flow_step-ttl span {font-size: 13px;text-align: center;width: 36px;}
.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;}
.icon-service li{max-width: 90px;}
.bnr-quo {margin: 1em auto 0;}
}
@media only screen and (max-width: 390px) {
.icon-service li {max-width: 80px;}
}
/*-----------------------------------------------
 *	memo-contents
-----------------------------------------------*/
.memo-contents{background: #fff;border: #ec7589 3px solid;border-radius: 10px;padding: 1.5em;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: 695px;}
.img-exist_re .memo-box_re{max-width: 625px;}
.memo-ttl{background: #f8ebed;border-radius: 6px;color: #ec7589;font-size: 18px;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;}
}