@charset "utf-8";

/*===============================================
 *	service-wrap
===============================================*/
.link-anc{display: flex;justify-content: space-between;flex-wrap: wrap;}
.link-anc li{background: url(../img/icon-arrow_bottom.png) 96% center no-repeat #fff;background-size: 17px;box-shadow: 0px 4px 0 0 rgba(218,218,217,1);max-width: 290px;width: 100%;border: #346bb6 2px solid;border-radius: 6px;display: flex;line-height: 1.2;margin-bottom: 14px;}
.link-anc li p{padding: 0 0 0 1em;}
.link-anc li span{display: block;font-size: 14px;}

.link-anc li a{display: flex;align-items: center;font-size: 18px;color: #005a93;font-weight: bold;width: 100%;}
.link-anc li img{max-width: 100px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.link-anc span{display: block;margin-left: 4%;}
@media only screen and (max-width: 768px) {
.link-anc li{max-width: 325px;}
}
@media only screen and (max-width: 568px) {
.link-anc li {background-size: 12px;max-width: initial;width: 48%;border: #346bb6 1px solid;box-sizing: border-box;}
.link-anc li p {padding: 0 0 0 .75em;}
.link-anc li a{font-size: 13px;}
.link-anc li img {max-width: 60px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
}
@media only screen and (max-width: 320px) {
.link-anc li img {max-width: 50px;}
}
/*-----------------------------------------------
 *	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;margin-bottom: 10px;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: 510px;padding: 0 0 20px;position: absolute;top: 5%;z-index: 5;}
.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;}
.anxiety-txtbox ul li span{color: #346bb6;display: block;}
img.txt-possible{max-width: 970px;margin: 0 auto;}
@media only screen and (max-width: 1024px) {
#anxiety-wrap img.photo-anxiety {width: 60%;}
}
@media only screen and (max-width: 768px) {
.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%;}
img.txt-possible {max-width: 730px;}
}
@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: 26px;line-height: 1.4;margin-bottom: 0;}
.anxiety-ttl span {font-size: 32px;}
.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: 28px;}
}
/*-----------------------------------------------
 *	service-ttl
-----------------------------------------------*/
.service-ttl{max-width: 980px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;text-shadow: 1px 1px 0 #103971;}
.service-ttl h2{color: #f1e33f;font-size: 34px;font-weight: bold;}
.service-ttl h2 span{font-size: 28px;}
.service-ttl p{color: #fff;max-width: 520px;}
@media only screen and (max-width: 768px) {
.service-ttl h2 {font-size: 32px;}
.service-ttl h2 span{font-size: 26px;}
.service-ttl p {max-width: 390px;}
}
@media only screen and (max-width: 568px) {
.service-ttl h2 {font-size: 22px;}
.service-ttl h2 span {font-size: 18px;}
}
/*-----------------------------------------------
 *	sorting
-----------------------------------------------*/
.ttl-definition {width: 57%;}
.definition-box {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;position: relative;}
.definition-box p{width: 58%}
.item1 { order: 1; }
.item2 { order: 3; }
.item3 { order: 2; }
.processing-contents01 {background: url("../img/service/photo-processing01.png") 98% 20px no-repeat;}
.processing-contents02 {background: url("../img/service/photo-processing02.png") 2% 20px no-repeat;}
.bg-service_photo{padding: 2%;}
.bg-service_photo img{max-width: 369px;margin-top: -60px;}
.photo_l {flex-direction:row-reverse;}
@media only screen and (max-width: 768px) {
.ttl-definition {width: 52%;}
.definition-box p {width: 53%;}
.bg-service_photo img {max-width: 320px;margin-top: -60px;}
}
@media only screen and (max-width: 568px) {
.ttl-definition {width: 60%;}
.bg-service_photo {margin-top: 1em;padding: 0 3% 3%;}
.definition-box p {padding-top: 2em;width: 100%;}
.bg-service_photo img{max-width: 120px;margin-top: 0;position: absolute;}
.photo_l img{left: 0;top: 0;}
.photo_r img{right:0;top: 0;}

}
@media only screen and (max-width: 320px) {
.bg-service_photo img {max-width: 90px;}
.definition-box p {padding-top: 1em;}
}
/*-----------------------------------------------
 *	memorial
-----------------------------------------------*/
.catch-memorial{max-width: 900px;margin: 0 auto 40px;}
.point-contents{background: #fff;padding: 30px;position: relative;z-index: 5;}
.point-fl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.point-fl img{width: 35%;}
.point-txtbox{display: flex;align-items: flex-start;justify-content: space-between;flex-direction:row-reverse;flex-wrap: wrap;}
.point-txt{width: 60%;order: 1;}
.point-txtbox img{width: 35%;}
.mag30{margin: 0 0 30px 0;}
.point-contents .ttl-definition_full{position: relative;}
.ttl-definition_full span.position-price{position: absolute;border-left: none;border-bottom: none;right: 0;top: 0px;background: #eb4b66;padding: 5px 1em;color: #fff;text-shadow: none;}
.ttl-definition_full span.position-price .tax{border-left: none;border-bottom: none;display: inline;padding: 0;}
.ttl-definition_full span.position-price {position: absolute;color: #fff;background: #eb4b66;font-weight: bold;}
.ttl-definition_full span.position-price::before,
.ttl-definition_full span.position-price::after {position: absolute;left: -10px;width: 50%;height: 50%;background: #eb4b66;content: '';z-index: -1;}
.ttl-definition_full span.position-price::before {top: 0;transform: skew(-45deg);}
.ttl-definition_full span.position-price::after {top: 50%;transform: skew(45deg);}

@media only screen and (max-width: 768px) {
.point-contents {padding: 15px;}
}
@media only screen and (max-width: 568px) {
.point-txt{width: 100%;order: 0;}
.point-fl{display: block;}
.point-fl img{width: 100%;margin: 0 0 20px 0;}
.point-txtbox img{width: 100%;margin: 0 0 20px 0;}
.point-txtbox {width: 100%;}
.ttl-definition_full span.position-price {top: -5px;padding: 5px 5px 5px 0;}
.ttl-definition_full span.position-price .tax{font-size: 11px;}
.ttl-definition_full span.position-price::before,
.ttl-definition_full span.position-price::after {left: -8px;}
}
@media only screen and (max-width: 375px) {
.ttl-definition_full span.position-price {padding: 5px .5em;}
}
/*.memorial-plan li{margin-bottom: 20px;}
.memorial-plan li:last-child{margin-bottom: 0;}
.memorial-plan li:nth-child(2) dt,.memorial-plan li:nth-child(2) dd{margin-left: auto;}
.memorial-plan dl{padding: 30px;}
.memorial-plan dt{max-width: 580px;}
.memorial-plan dd{max-width: 600px;text-shadow: 1px 1px 0 #fff;}
.memorial-plan .plan01{background: url("../img/service/photo-memorial01.png") right top no-repeat;}
.memorial-plan .plan02{background: url("../img/service/photo-memorial02.png") left top no-repeat;}
.memorial-plan .plan03{background: url("../img/service/photo-memorial03.png") right bottom no-repeat;}
.memorial-plan .plan04{background: url("../img/service/photo-memorial04.png") right top no-repeat;}
@media only screen and (max-width: 768px) {
.memorial-plan dl {padding: 20px;}
.memorial-plan dt {max-width: 400px;margin-bottom: 20px;}
.memorial-plan dd {max-width: 400px;}
}
@media only screen and (max-width: 568px) {
.memorial-plan li {margin-bottom: 0;}
.memorial-plan dl {padding: 15px 15px 10px;}
.memorial-plan dt {margin-bottom: 20px;}
.memorial-plan li:nth-child(2) dt, .memorial-plan li:nth-child(2) dd {margin-left: 0;}
.memorial-plan .plan02{background: url("../img/service/photo-memorial02.png") right top no-repeat;}.memorial-plan .plan03{background: url("../img/service/photo-memorial03.png") right top no-repeat;}
.memorial-plan .plan01,.memorial-plan .plan02,.memorial-plan .plan03,.memorial-plan .plan04 {background-size: 85px;}
}*/
/*-----------------------------------------------
 *	search
-----------------------------------------------*/
.search-dl dd{margin-bottom: 20px;}
.search-dl02{max-width: 660px;}
.item-contents{border: #009db3 2px solid;}
.item-contents h4{background: #009db3;color: #fff;padding: 5px;font-size: 23px;font-weight: bold;}
.item-contents h4 span{display: block;max-width: 290px;margin: 0 auto;}
.item-contents h4 span img{display:inline;max-width: 38px;}
ul.item-storage{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 30px;}
ul.item-storage li{max-width: 132px;}
.og-box{background: #fefbe8;border: #fb9f42 2px solid;padding: 10px;font-size: 15px;}

.deed-box{background: url("../img/service/photo-deed.png") right top no-repeat;}
.ttl-gr_definition{border-left: #34b699 5px solid;font-size: 20px;font-weight: bold;padding-left: 3px;margin: 0 0 15px 0;text-shadow: 1px 1px 0 #fff;}
.ttl-gr_definition:first-letter {color: #34b699;font-size: 28px;}
.ttl-gr_definition span{display: block;border-left: #34b699 3px solid;border-bottom: #34b699 3px solid;padding-left: 10px;}
@media only screen and (max-width: 768px) {
ul.item-storage {justify-content: space-evenly;}
}
@media only screen and (max-width: 568px) {
.deed-box {background-size: 100px;}
.item-contents{margin-bottom: 10px;}
.item-contents h4{font-size: 18px;}
.item-contents h4 span{max-width: 200px;}
.item-contents h4 span img{max-width: 25px;}
.search-dl02 {margin-bottom: 10px;}
ul.item-storage li{max-width: 100px;}
.ttl-gr_definition {font-size: 16px;}
.ttl-gr_definition:first-letter {font-size: 20px;}
.ttl-gr_definition::before{height:28px;}
.og-box{margin-bottom: 10px;font-size: 13px;}
}
@media only screen and (max-width: 320px) {
.ttl-gr_definition {font-size: 15px;width: 76%;}
.ttl-gr_definition:first-letter {font-size: 18px;}
.ttl-gr_definition::before{height:25px;}
}

/*-----------------------------------------------
 *	option-wrap
-----------------------------------------------*/
#option-wrap {background: url("../img/service/photo-option.png") right top no-repeat;padding: 0 0 7%;}
#option-wrap p{max-width: 648px;font-size: 17px;}
.photo-option{margin-bottom: 30px;padding: 3% 0 0}
.photo-option img{max-width: 606px;}
@media only screen and (max-width: 768px) {
#option-wrap {background-size: contain;}
#option-wrap p {max-width: 450px;}
.photo-option img {max-width: 490px;}
.link-support {justify-content: space-around;}
}
@media only screen and (max-width: 568px) {
#option-wrap {background-size: 80px;padding: 3% 0 3%;margin-bottom: 20px;}
#option-wrap p {max-width: initial;margin-top: 0;font-size: 14px;float: none;}
.photo-option img {max-width: initial;width: 75%;}
}
@media only screen and (max-width: 320px) {
#option-wrap p {margin-top: 5px;line-height: 1.4;}
.photo-option {background-size: 50px;padding: 0 0 2%;}
.photo-option img {max-width: 250px;}
}





















