@charset "utf-8";

/*===============================================
 *	TTL
===============================================*/
.bg-life{background: url("../img/items/img-life.png") left bottom no-repeat;background-size: 320px;max-width: 850px;margin: 0 auto;}
.life-box {max-width: 580px;margin-left: auto;padding: 3em 0 1em;}
.ttl-main_life{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_life span{font-size: 46px;}

@media only screen and (max-width: 768px) {
.ttl-main_life {font-size: 28px;line-height: 1.4;margin-bottom: 0.5em;}
.ttl-main_life span{font-size: 32px;}
.bg-excellent {background: url(../img/items/img-life.png) 5% no-repeat;background-size: 28%;}
.bg-life {background-size: 220px;max-width: 690px;}
.life-box {max-width: 480px;}
.life-box img{max-width: 346px;}

}
@media only screen and (max-width: 568px) {
.bg-life {background: url(../img/items/img-life.png) 5% bottom no-repeat;background-size: 130px;max-width: initial;}
.life-box {max-width: 235px;padding: 1.5em 0;}
.life-box img {max-width: 196px;}
.ttl-main_life {font-size: 17px;margin-bottom: 0;}
.ttl-main_life span {font-size: 18px;}
}
/*===============================================
 *	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:nth-child(n + 4){margin-bottom: 0;}
.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: 305px;}
}
@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:nth-child(n + 4){margin-bottom: 14px;}
.link-anc li a {font-size: 13px;background: url(../img/arrow-link.png) 95% center no-repeat #346bb6;background-size: 10px;border-bottom: solid 4px #002655;border-radius: 6px;padding: 10px;color: #fff;}
.link-anc li img {display: none;}
}
@media only screen and (max-width: 320px) {
.link-anc li img {max-width: 50px;}
}
/*-----------------------------------------------
 *	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;}
.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: 290px;margin-top: -60px;}
}
@media only screen and (max-width: 568px) {
.ttl-definition {width: 100%;}
.bg-service_photo {margin-top: 1em;padding: 0 3% 3%;}
.definition-box p {padding-top: 1em;width: 100%;}
.bg-service_photo img {max-width: initial;margin-top: 0;position: relative;}
}
@media only screen and (max-width: 320px) {
.bg-service_photo img {max-width: 90px;}
.definition-box p {padding-top: 1em;}
}
/*-----------------------------------------------
 *	type-tbl
-----------------------------------------------*/
table.type-tbl {background: #fff;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-collapse: separate;margin-bottom: 30px;width: 100%;}
table.type-tbl caption {border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;padding: 10px 0;background: #009db3;color: #fff;font-size: 22px;font-weight: bold;letter-spacing: 1px;}
table.type-tbl th {background: #e4f3f9;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;vertical-align: middle;padding: 10px 0;color: #282828;font-size: 18px;font-weight:bold;letter-spacing: 1px;text-align: center;}
table.type-tbl td {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 15px 20px;background: #fff;letter-spacing: 1px;word-break: break-all;width: 70%;}
@media only screen and (max-width: 568px) {
table.type-tbl {margin-bottom: 10px;}
table.type-tbl caption {padding: 10px 0 5px;font-size: 16px;}
table.type-tbl th {padding: 5px;font-size: 14px;}
table.type-tbl td {padding: 10px;font-size: 12px;letter-spacing: 0;}
}
/*-----------------------------------------------
 *	caution-box
-----------------------------------------------*/
.caution-box{background: #fefbe8;border: #fb9f42 10px solid;max-width: 900px;margin: 0 auto 40px;padding: 30px 0;}
.caution-box p{font-size: 20px;font-weight: bold;text-align: center;line-height: 1.8;}
@media only screen and (max-width: 568px) {
.caution-box {border: #fb9f42 5px solid;margin: 0 auto 20px;padding: 10px;}
.caution-box p {font-size: 15px;font-weight: bold;text-align: center;}
}
.txt-small{font-size: 14px;margin-bottom: 20px;}
@media only screen and (max-width: 568px) {
.txt-small{font-size: 13px;}
}