.client{width:100%; margin:auto; font-size:16px; text-align:left;}
.client a{color:#8c745b;}
.client a:hover{color:#694c2d;}
.client h2{color:#541f02; font-size:26px; margin:20px; font-weight:bold; text-align:center;}
.client h2+p{margin:10px 2.5%;}

.client #service,
.client #reason
{background:#E4DDD9;}

.client #service,
.client #jinzai,
.client #reason,
.client #faq{clear:both; padding:2% 0 5%; box-sizing:border-box;}


@media screen and (min-width:641px) {
  .client #service .contents{display: flex; margin: auto 15px; gap: 15px;}
  .client #service .contents dt{display: flex; align-items: center; flex:1 0 auto;}
  .client #service .contents dt::after{content: none!important;}
  .client #service .contents dd{margin-bottom: 0;}
}
.client #service .contents dt,
.client #jinzai .contents dt{position: relative; background:#E6671E; padding:10px; color:#FFF; text-align:center; font-weight:bold;}
.contents dd{margin-bottom:30px;}

.client #service .contents li p img{width:100%;}

.client #service .contents li:nth-of-type(3){clear:both;}
.client #service .contents dt:after,
.client #jinzai .contents dt:after{
  content: '';  position: absolute;  display: block;  width: 0;  height: 0;  left: 46%; bottom: -15px;  border-top: 15px solid #E6671E;  border-right: 15px solid transparent;  border-left: 15px solid transparent;}

.client #service dd img,
.client #jinzai dd img{width: 100%; background:#FFF; margin-bottom: 10px;}
.client #service dd p,
.client #jinzai dd p{padding:10px 0;}


.link_btn{border:4px solid #EF8F51; font-weight:bold; border-radius:5px; background:#FFF; display:block; padding:10px; text-align:center;
    margin-bottom: 8px; }
.size-down{font-size:14px;}
.link_btn:hover{background:#ede1d9;}
.link_btn:after{content:""; background:url(/images/common/icon_arrow_right.png) no-repeat right center; padding:10px;}




/*float解除*/
.client nav:after,
#globalnav:after,
.client #service li:after,
.client #jinzai li:after,
{content:""; display:block; clear:both;}

/******セクション別******/
.client > img{width:100%;}
.client nav {margin:20px;}
.client nav li a{display:block; float:left; text-align:center; border:4px solid #fbb36f; font-weight:bold; padding: 7px; border-radius:5px; background: #FFF;}



.client nav li a:before{content:""; background:url(/images/common/icon_arrow_under.png) no-repeat left center; padding:15px;}
.client nav li a:hover{background:#feeddc}



.client #intro{}
.client #intro{clear:both; margin:15px auto 30px; border:2px solid #E4DDD9;}



.client #service{}
.client #service li{margin-bottom:5.5%;}
.client #service li:nth-child(even){margin-right:0;}
.client #service .contents dt{ min-height: 45px;}


.client #jinzai li:last-child,
.client #faq .contents li:last-child{margin-right:0;}
.client #jinzai strong{font-weight:bold; color:#e86900;}


.client #reason{}
.client #reason li{background:#f4f3f2; margin:3% 2.5%; padding:5%;}
.client #reason li dt{color:#e86900; font-weight:bold; font-size:24px; margin-bottom:20px; text-align:center; padding-top:50px; background:url(/images/common/icon_reason01.png) top center no-repeat;}
.client #reason li:nth-of-type(2) dt{background:url(/images/common/icon_reason02.png) top center no-repeat;}
.client #reason li:nth-of-type(3) dt{background:url(/images/common/icon_reason03.png) top center no-repeat;}

.client #faq{}
.client #faq .qa dl{background:#f4f3f2; margin:2.5%; padding:3%;}
.client #faq .qa dt{color:#e86900; font-size:17px; font-weight:bold;}
.client #faq .qa dt:before{content:"Q"; font-size:30px; margin:10px;}
.client #faq .qa dd{border-top:1px solid #FFF;text-indent: -2.6em;    margin-left: 2.6em; margin-top: 10px;    padding-top: 15px;}
.client #faq .qa dd:before{content:"A"; font-size:30px; margin:10px;}


 .cv{clear:both; background:#531E06; padding:2%;}
 .cv dt{text-align:center; margin: 10px;}
 .cv dt:before{content:"企業の皆さまからのお問い合わせ"; color:#FFF; white-space:pre; margin: 10px;}


/*PC*/
@media only screen and (min-width: 768px) {
.client {    float: left;    max-width: 840px;    width: 70%;}


.client nav li a{width:48%; margin:1% 1% 3%; box-sizing: border-box;}
.client #intro h2 span{background: linear-gradient(transparent 60%, #ffff66 60%);}
.client #intro p{    width: 83%;    margin: 20px auto;}
.client #service li{width:45%; max-width: 370px; float:left; margin:2.5% 2.5% 3%;}
.client #jinzai li,
.client #faq .contents li{width:32%; max-width: 250px; float:left; margin:1.5% 1.5% 1.5% 0;}
}


/*SP*/
@media only screen and (max-width: 767px) {
 .client section{width:96%; margin:auto;}
 .client #service,
 .client #jinzai,
 .client #reason,
 .client #faq{padding:2% 4% 5%;}
 .client nav li a{width:100%; margin:1% auto;    box-sizing: border-box;}
 .client #intro p{    width: 90%;    margin: 20px auto;}
}