@charset "utf-8";
/*=============================================== *
	サービス一覧
===============================================*/
#service-list{margin: 0;}
#service-list .layer-sub_ttl{margin: 0 0 10px;}
@media only screen and (max-width: 960px) {
img.point-bg {width: 44%;}
}
@media only screen and (max-width: 568px) {
#service-intro img.point-bg {width: 100%;}
}
@media only screen and (max-width: 375px) {
.top-point_ttl {letter-spacing: 0;}
}
/*-----------------------------------------------
 *	アンカーリンク
-----------------------------------------------*/
.service-navi{max-width: 1120px;margin: 0 auto 80px;width: 100%;}
.navi-contents{background: #f6f2e8;padding: 40px;border-radius: 6px;}
.navi-contents li{background: var(--site-primary);border-radius: 6px;font-size: 24px;font-weight: bold;text-align: center;margin: 0 0 20px;max-width: 245px;width: 100%;}
.navi-contents li:last-child{background: #fff;border:var(--site-primary) 4px solid;max-width: initial;margin: 0;width: 98%;}
.navi-contents li:last-child .dli-arrow-down{color: var(--site-primary);}
.navi-contents li a{color: #fff;display: block;padding: 15px 0;position: relative;}
.navi-contents li:last-child a{color: var(--site-primary);}
.dli-arrow-down {display: block;vertical-align: middle;color: #fff;line-height: 1;position: absolute;width: 0.12em;height: 1em;background: currentColor;right: 5%;top: 50%;transform: translateY(-50%);}
.dli-arrow-down::before {content: '';width: .5em;height: .5em;border: .15em solid currentColor;border-top: 0;border-right: 0;transform: rotate(-45deg);transform-origin: bottom left;position: absolute;left: 50%;bottom: -0.05em;box-sizing: border-box;}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 960px) {
.navi-contents {padding: 30px;}
.navi-contents li {font-size: 20px;margin: 0 0 15px;max-width: initial;width: 32%;}
.service-navi {margin: 0 auto 50px;}
}
@media only screen and (max-width: 568px) {
.service-navi {width: 100%;margin: 0;}
.navi-contents {padding: 4%;}
.navi-contents li {font-size: 16px;margin: 0 0 15px;width: 46%;}
}
/*-----------------------------------------------
 *	サービス詳細
-----------------------------------------------*/
.industry-detail{margin: 0 0 50px;}
.service-item{max-width: 540px;margin: 0 0 40px;border-radius: 6px;}
.service-item:last-child{margin: 0 auto;}
.industry-ttl{background: var(--site-basecolor);color: #fff;font-size: 32px;font-weight: bold;padding: 10px 0;text-align: center;border-radius: 6px 6px 0 0;}
.industry-txt_box{background: #fff;padding: 30px 35px 40px;border-radius: 0 0 6px 6px;}
.service-item dl{margin: 0 0 20px;}
.service-item dt{font-size: 28px;font-weight: bold;margin: 0 0 20px;text-align: center;}
@media only screen and (max-width: 1024px) {
.service-item {width: 48%;}
}
@media only screen and (max-width: 960px) {
.industry-ttl {font-size: 26px;padding: 15px 0;}
.industry-txt_box {padding: 20px 20px 30px;}
.service-item dt {font-size: 22px;}
}
@media only screen and (max-width: 568px) {
.industry-detail {margin: 0 auto 40px;width: 100%;}
.service-item {width: 100%;max-width: initial;margin: 0;}
.industry-ttl {font-size: 24px;padding: 15px 0;border-radius: 0;}
.service-item dt {font-size: 22px;}
.industry-txt_box {padding: 20px 20px 40px;border-radius: 0;}
}
/*-----------------------------------------------
 *	サービス詳細-その他
-----------------------------------------------*/
#service-list .link-service_list {margin: 0 auto;width: 100%;}
#service-list .link-service_list li {margin: 0 0 30px 0;}
#service-list .link-service_list.col_3 li img {max-width: 100px;}
#service-list .link-service_list li a {margin: 0 0 25px;}
#service-list .link-service_list li a + p {font-weight: normal;}
@media only screen and (max-width: 1024px) {
#service-list .link-service_list {width: 92%;}
}
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 568px) {
#service-list {margin: 0;}
#service-list .link-service_list {width: 92%;}
#service-list .link-service_list li {margin: 0 0 20px;width: 48%;}
#service-list .link-service_list li a {margin: 0 0 15px;box-shadow: 0 5px #167f76;border-radius: 6px;}
#service-list .link-service_list.col_3 li img {max-width: 65px;border-radius: 6px 0 0 6px;}
}