@charset "utf-8";

/*===============================================
 *	Common
===============================================*/

.bg-blue_band_thin {background: #009db3;}
.blueborder-contents {background: url(../img/bg-note.png) bottom left repeat #fff;border: #009db3 5px solid;position: relative;z-index: 5;}

.fl-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
@media only screen and (max-width: 568px) {
.fl-box {display: block;}
}
/*===============================================
 *	TTL
===============================================*/
.bg-excellent{background: url("../img/img-certificate.png") left no-repeat;background-size: 215px;max-width: 900px;margin: 0 auto;}
.excellent-box {max-width: 670px;margin-left: auto;padding: 1em 0;}
.ttl-main_excellent{font-size: 36px;font-weight: bold;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;margin-bottom: .5em;line-height: 1.4;}
.ttl-main_excellent span{font-size: 46px;}

.bg-features{background: url("../img/beginning/img-features.png") left no-repeat;background-size: 215px;max-width: 900px;margin: 0 auto;}
.features-box {max-width: 670px;margin-left: auto;padding: 6em 0 4em;}
.ttl-main_features{font-size: 36px;font-weight: bold;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;line-height: 1.4;}
.ttl-main_features span{font-size: 46px;}

@media only screen and (max-width: 768px) {
.ttl-main_excellent{font-size: 28px;}
.ttl-main_excellent span{font-size: 32px;}
.ttl-main_features span{font-size: 32px;}
.bg-excellent {background: url(../img/img-certificate.png) 5% no-repeat;background-size: 28%;}
.excellent-box {max-width: 510px;}
.excellent-box img{max-width: 346px;}
.ttl-main_excellent {line-height: 1.4;margin-bottom: 0.5em;}
.bg-features {background: url(../img/beginning/img-features.png) 5% no-repeat;background-size: 20%;}
.features-box {max-width: 570px;padding: 3em 0 3em;}
.features-box img{max-width: 346px;}
.ttl-main_features {line-height: 1.4;margin-bottom: 0.5em;}

}
@media only screen and (max-width: 568px) {
.excellent-box {max-width: 275px;padding: 1.5em 0;}
.excellent-box img {max-width: 196px;}
.ttl-main_excellent {font-size: 17px;}
.ttl-main_excellent span {font-size: 18px;}
.features-box {max-width: 275px;padding: 1.5em 0;}
.features-box img {max-width: 196px;}
.ttl-main_features {font-size: 20px;}
.ttl-main_features span {font-size: 24px;}

}
/*===============================================
 *	pink-box
===============================================*/
.pink-box {background: url("../img/departure/bg-note.png") left repeat #fff;border: #ec7589 4px solid;outline: #ffdae0 12px solid;outline-offset: -16px;position: relative;padding: 35px;max-width: 910px;margin: 0 auto;}
.pink-box h2{border-left: #ec7589 7px solid;padding-left: .5em;font-size: 26px;font-weight: bold;margin-bottom: 20px;}
.pink-box p{margin-bottom: 1em;}
.pink-box p span{font-weight: bold;}
img.arrow-ihin{max-width: 520px;margin: 0 auto;}
@media only screen and (max-width: 768px) {
.pink-box {border: #ec7589 2px solid;outline: #ffdae0 8px solid;outline-offset: -12px;padding: 25px;margin: 0 4%;}
.pink-box h2 {font-size: 22px;}
}
@media only screen and (max-width: 568px) {
.pink-box h2 {border-left: #ec7589 5px solid;font-size: 20px;}
img.arrow-ihin {max-width: 350px;margin: 0 auto 30px;}
}
@media only screen and (max-width: 375px) {
img.arrow-ihin {max-width: 320px;}
}
@media only screen and (max-width: 320px) {
.pink-box h2 {font-size: 16px;}
}
/*===============================================
 *	Opening
===============================================*/
.opening-wrap{margin-bottom: 6vw;}
.opening-contents .figure-box{max-width: 315px;}
.opening-txtbox{max-width: 580px;}
.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: 375px;}
}
@media only screen and (max-width: 568px) {
.opening-contents h3 {font-size: 18px;}
.opening-contents figure {max-width: 135px;float: left;margin: 0 1em 0 0;}
.opening-txtbox {max-width: initial;}
}
/*-----------------------------------------------
 *	anxiety
-----------------------------------------------*/
#anxiety-wrap{margin-bottom: 50px;}
#anxiety-wrap h4{font-size: 44px;margin-bottom: 30px;text-align: center;}
#anxiety-wrap .fl-right{margin:0 auto 40px;}
#anxiety-wrap .fl-right .anxiety-txtbox{left:0;}
#anxiety-wrap img.photo-anxiety{margin-left: 40%;max-width: 734px;z-index: 0;}
.anxiety-ttl{font-size: 40px;font-weight: bold;text-align: center;}
.anxiety-ttl span{color: #009db3;font-size: 46px;}
.anxiety-box {background: url("../img/arrow-bottom.png") center bottom no-repeat;max-width: 1180px;position: relative;padding-bottom: 80px;}
.anxiety-txtbox{background: rgba(233,242,247,.8);max-width: 550px;position: absolute;top: 10%;z-index: 5;width: 100%;}
.anxiety-txtbox ul{padding: 20px;}
.anxiety-txtbox ul li{background: url("../img/service/icon-check.png") left center no-repeat;background-size: 30px;font-size: 20px;font-weight: 700;padding-left: 40px;margin-bottom: 1em;}
.anxiety-txtbox ul li:last-child{margin-bottom: 0;}
.anxiety-txtbox ul li span{color: #346bb6;}
.txt-possible{max-width: 829px;margin: 0 auto 6%;}
@media only screen and (max-width: 1024px) {
#anxiety-wrap{margin: 2%;}
#anxiety-wrap img.photo-anxiety {width: 60%;}
}
@media only screen and (max-width: 768px) {
.anxiety-ttl{font-size: 30px;}
.anxiety-ttl span{font-size: 36px;}
.anxiety-box {background: url(../img/arrow-bottom.png) center bottom no-repeat;padding-bottom: 100px;}
#anxiety-wrap .fl-right .anxiety-txtbox {left: 0;position: relative;margin: -100px auto 0;max-width: 675px;}
#anxiety-wrap img.photo-anxiety {margin-left: 0;width: 100%;}
.txt-possible {max-width: 700px;}
}
@media only screen and (max-width: 568px) {
#anxiety-wrap{margin-bottom: 30px;}
#anxiety-wrap .fl-right {background-size: 140px;margin:0 auto 20px;}
#anxiety-wrap .fl-right .anxiety-txtbox {margin: -20px auto 0;max-width: initial;width: 94%;}
.anxiety-ttl {font-size: 22px;line-height: 1.4;margin-bottom: 0;}
.anxiety-ttl span {font-size: 26px;}
.anxiety-box {padding-bottom: 70px;}
.anxiety-txtbox ul {padding: 15px 5px 15px 15px;}
.anxiety-txtbox ul li {background-size: 20px;font-size: 16px;margin-bottom: 10px;padding-left: 25px;}
}
@media only screen and (max-width: 568px) {
.anxiety-txtbox ul li {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
.anxiety-ttl {font-size: 21px;}
.anxiety-ttl span {font-size: 26px;}
.ttl-dimensional {font-size: 17px;}
.ttl-dimensional em {font-size: 20px;}
}
/*===============================================
 *	reason-wrap
===============================================*/
#reason-wrap{background: url(../img/cleaning/bg-reason.png) repeat;padding: 2% 0;}
.brackets-box p{margin-bottom: 1em;}
.ttl-main_reason{max-width: 860px;margin: 0 auto;}
img.icon-reason{width: 80px;}
.img-sharebox{position: relative;margin-bottom: 5%;}
.ttl-main_share{max-width: 760px;margin: 0 auto;}
.blueborder-contents {background: url(../img/bg-note.png) bottom left repeat #fff;border: #009db3 5px solid;position: relative;z-index: 5;}
.sub-ttl-safe{font-size: 38px;font-weight: bold;text-align: center;margin-bottom: 30px;}
.sub-ttl-safe img{max-width: 845px;margin: 0 auto;padding-top: 15px;}
.mag-arrow{margin-bottom: 10px;}
.trouble-box {background: url("../img/hoarding-house/bg-trouble.jpg") right center no-repeat #edf1f1;padding: 20px;position: relative;z-index: 5;}
.trouble-box::before, .trouble-box::after {content: '';width: 30px;height: 30px;position: absolute;}
.trouble-box::before {border-left: solid 10px #959595;border-top: solid 10px #959595;top: 0;left: 0;}
.trouble-box::after {border-right: solid 10px #959595;border-bottom: solid 10px #959595;bottom: 0;right: 0;}
.trouble-list {padding: 1em 1em 0;}
.trouble-list li {font-size: 24px;font-weight: bold;list-style-type: decimal;list-style-position: inside;margin-bottom: 10px;padding-left: 1em;text-indent: -1em;}
.trouble-list li span {background: linear-gradient(transparent 65%, #f6d2a8 0%);padding: 0 4px;}
.arrow-relief {max-width: 704px;margin: 0 auto 3em;}
.brackets-box {background: #e4f3f9;padding: 20px;position: relative;z-index: 5;}
.brackets-box::before, .brackets-box::after {content: '';width: 30px;height: 30px;position: absolute;}
.brackets-box::before {border-left: solid 10px #009db3;border-top: solid 10px #009db3;top: 0;left: 0;}
.brackets-box::after {border-right: solid 10px #009db3;border-bottom: solid 10px #009db3;bottom: 0;right: 0;}
.brackets-box p {font-size: 36px;font-weight: bold;text-align: center;margin: 0;}
.brackets-box span {background: linear-gradient(transparent 65%, #a8e0f6 0%);padding: 0 4px;}
.certificate-li li {max-width: 435px;}
.certificate-li li:nth-child(1) dd img {max-width: 200px;margin-bottom: 20px;}
.certificate-li li:nth-child(2) dd img {max-width: 260px;}
.sub-ttl-newlife{max-width: 886px;margin: 0 auto;}
img.arrow-all{max-width: 804px;margin: 0 auto 1em;}
.sub-ttl-fulltime{max-width: 844px;margin: 0 auto 1em;}
.sub-ttl-price{max-width: 894px;margin: 0 auto;}
@media only screen and (max-width: 768px) {
.ttl-main_reason{max-width: 640px;}
.sub-ttl-safe {font-size: 32px;}
.ttl-main_reason {margin: 0 2%;}
img.icon-reason {width: 50px;height: 44px;}
.fl-dimensional span {padding-left: 10px;}
.arrow-relief {max-width: 554px;margin: 0 auto 2em;}
.brackets-box p {font-size: 24px;}
.certificate-li {margin-bottom: 20px;}
.certificate-li li dt {margin-bottom: 10px;}
.certificate-li li dd {flex-wrap: wrap;}
.certificate-li li {max-width: initial;width: calc(96% / 2);}
.sub-ttl-newlife {max-width: initial;width: 92%;}
img.arrow-all {max-width: 565px;}
.sub-ttl-fulltime {max-width: initial;width: 92%;}
.sub-ttl-price {max-width: initial;width: 92%;}
}
@media only screen and (max-width: 568px) {
#reason-wrap {padding: 30px 0;}
.bg-reason {border-top: #50bfcf 4px solid;border-bottom: #50bfcf 4px solid;}
img.icon-reason {width: 50px;height: 44px;max-width: initial;}
.brackets-box::before, .brackets-box::after {width: 20px;height: 20px;}
.ttl-main_share {max-width: 260px;}
.sub-ttl-safe {font-size: 18px;}
.sub-ttl-safe img {max-width: 310px;padding-top: 5px;}
img.arrow-relief {margin: 0 auto 2em;}
.brackets-box {padding: 20px 15px;}
.brackets-box p {font-size: 18px;}
.certificate-li {margin-bottom: 0;}
.certificate-li li {width: 100%;}
.certificate-li li dd {flex-wrap: initial;}
.trouble-box {padding: 15px;background-size: contain;}
.trouble-list {padding: .5em .5em 0;}
.trouble-list li {font-size: 16px;text-shadow: 1px 1px 0 #fff;}
}
@media only screen and (max-width: 375px) {
.ttl-main_share {max-width: 230px;}
.sub-ttl-safe {font-size: 16px;}
}
@media only screen and (max-width: 320px) {
.brackets-box::before {border-left: solid 7px #009db3;border-top: solid 7px #009db3;}
.brackets-box::after {border-right: solid 7px #009db3;border-bottom: solid 7px #009db3;}
.ttl-main_share {max-width: 200px;}
.sub-ttl-safe {font-size: 22px;}
.brackets-box p {font-size: 15px;}
}
/*===============================================
 *	all-onebox
===============================================*/
.all-onebox{margin: 0 auto 4em;max-width: 980px;}
@media only screen and (max-width: 768px) {
.all-onebox{margin: 0 4% 4%;}
}
@media only screen and (max-width: 568px) {
.all-onebox{margin: 0 4% 2%;}
}

/*===============================================
 * 01.	bereaved
===============================================*/
img.photo-reason {max-width: 349px;}
img.photo-reason_left{float: left;margin-right: 20px;}
img.photo-reason_right{float: right;margin-left: 20px;}
img.arrow-bereaved{max-width: 470px;margin: 0 auto;}
.bereaved-contents p{margin-bottom: 20px;}
@media only screen and (max-width: 768px) {
img.photo-reason_right {margin-left: 10px;}
img.photo-reason_left {margin-right: 10px;}
img.photo-reason {max-width: 240px;}
img.arrow-bereaved {max-width: 420px;}
}
@media only screen and (max-width: 568px) {
img.photo-reason {max-width: 165px;}
img.photo-reason_left{margin-right: 5px;}
img.photo-reason_right {margin-left: 5px;}
img.arrow-bereaved {max-width: 260px;}
.bereaved-contents p{margin-bottom: 10px;}
}
@media only screen and (max-width: 320px) {
img.arrow-bereaved {padding-top: 15px;}
}
/*===============================================
 * 02.	request
===============================================*/
.service-aboutbox {margin: 0 auto 10px;max-width: 900px;}
.service-aboutbox a {color: #009db3;}
.service-aboutbox li {background: #eafcff;border: #aae1e9 2px solid;padding: 0;width: calc(90%/5);}
.service-aboutbox li span{height:60px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;line-height: 1.3;}
@media only screen and (max-width: 768px) {
.service-aboutbox li {margin-bottom: 5px;width: calc(92%/5);}
.service-aboutbox li span {font-size: 13px;}
}
@media only screen and (max-width: 568px) {
.service-aboutbox li span{height:50px;}
.service-aboutbox li{width: calc(96%/2);margin-bottom: 15px;}
.service-aboutbox li:nth-child(n+4) {margin-bottom: 15px;}
}
@media only screen and (max-width: 320px) {
.service-aboutbox li span {font-size: 13px;}
}
/*===============================================
 * 03.	price
===============================================*/
.definition-box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.definition-box img {max-width: 349px;}
.definition-box dl {width: 60%;}
.definition-box dt {border-left: #009db3 6px solid;font-size: 20px;font-weight: bold;padding-left: 15px;margin-bottom: 1em;}
.definition-odd {flex-direction: row-reverse;}
.basic-li li .img-price{max-width: 855px;margin: 1em auto 0;}
@media only screen and (max-width: 768px) {
.definition-box img {max-width: 280px;}
.definition-box dl {width: 58%;}
.definition-box dt {font-size: 18px;}
}
@media only screen and (max-width: 568px) {
.definition-box img {max-width: initial;margin: 0 auto 5px;}
.definition-box dl {width: 100%;}
.definition-box dt {font-size: 17px;padding-left: 10px;margin-bottom: 10px;}
}
@media only screen and (max-width: 375px) {
.definition-box dt {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
}
.img-point03{max-width: 429px;}
.point03-box{align-items: flex-start;}
.procedure-list{max-width: 980px;margin: 0 auto 4em;}
.procedure-list li{margin-bottom: 1.5em;max-width: 440px;}
.procedure-list li:last-child{max-width: initial;width: 100%;}
.procedure-list dt{font-size: 20px;font-weight: bold;text-align: center;margin-bottom: 10px;}
.procedure-list dt span{font-size: 22px;font-weight: bold;background:linear-gradient(transparent 60%, #ff6 60%);padding: 0 5px;}
.procedure-list .procedure-txtbox{max-width: 430px;}
.procedure-list li dd p {margin-bottom: 1em;}
@media only screen and (max-width: 768px) {
.procedure-list{margin: 0 4%;}
.procedure-list .procedure-txtbox{max-width: 360px;}
.procedure-list dt{font-size: 18px;}
.img-point03 {max-width: 309px;}
.procedure-list li {font-size: 18px;width: 100%;max-width: 310px;margin-bottom: 1em;}
.procedure-list li img {margin: 0 auto 10px;width: 100%;}
.procedure-list dt span{display: inline-block;}
.procedure-list li dd p {font-size: 16px;}
}
@media only screen and (max-width: 568px) {
.procedure-list li {max-width: initial;padding: 10px;}
.procedure-list dt {font-size: 16px;line-height: 1.4;}
.procedure-list dt span {font-size: 18px;}
.procedure-list li dd p {margin-left: 0;padding-top: 0;font-size: 14px;}
table.revival-size {margin-bottom: 5%;}
}
@media only screen and (max-width: 375px) {
}