@charset "utf-8";

/*===============================================
 *	link
===============================================*/
.link-anc{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 960px;margin: 0 auto 30px;}
.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 a{font-size: 20px;color: #005a93;font-weight: bold;padding: 1em;text-align: center;width: 100%;}
@media only screen and (max-width: 768px) {
.link-anc{margin: 0 5% 20px;}
.link-anc li {max-width: initial;width: 30%;}
}
@media only screen and (max-width: 568px) {
.link-anc{margin: 0 5% 10px;}
.link-anc li {background-size: 13px;max-width: initial;width: 32%;border: #346bb6 1px solid;box-sizing: border-box;}
.link-anc li a{font-size: 13px;}
}
@media only screen and (max-width: 320px) {
}
/*===============================================
 *	Award
===============================================*/
.certificate-li{margin-bottom: 2em;}
.certificate-li dt {font-size: 16px;}
.certificate-li li {width: calc(96% / 4);}
.certificate-li li:nth-child(-n+3) {margin-bottom: 2em;}
.certificate-li li dd img {margin: 10px auto 0;}
.certificate-li li:nth-child(1) {flex-basis:30%;}
.certificate-li li:nth-child(2) {flex-basis:30%;}
.certificate-li li:nth-child(3) {flex-basis:30%;}
.certificate-li li:nth-child(1) dd img{max-width: initial;width: 135px;}
.certificate-li li:nth-child(2) dd img{max-width: initial;width: 135px;}
.certificate-li li:nth-child(3) dd img{max-width: initial;width: 135px;}
.certificate-li li:nth-child(4) dd img{max-width: initial;width: 135px;}
.certificate-li li:nth-child(5) dd img{max-width: initial;width: 135px;}
.certificate-li li:nth-child(6) dd img{max-width: initial;width: 135px;}
.certificate-li li:nth-child(7) dd img{max-width: initial;width: 135px;}
.letter-contents img {max-width: 283px;}
@media only screen and (max-width: 768px) {
#ihin_award .letter-subttl .br-sp {display: block;}
.certificate-li dt {font-size: 13px;}
.letter-contents img {max-width: 250px;}
}
@media only screen and (max-width: 568px) {
.certificate-li{margin-bottom: 1em;}
.certificate-li li {width: calc(96% / 2);}
.certificate-li li:nth-child(1) {flex-basis:auto;}
.certificate-li li:nth-child(2) {flex-basis:auto;}
.certificate-li li:nth-child(3) {flex-basis:auto;}
.certificate-li li dd img {width: 120px;}
.certificate-li dt span {display: block;padding-left: 0;}
.letter-contents img {display: block;max-width: 283px;float: none;margin: 0 auto 10px;}
}

/*===============================================
 *	楽天リサーチ調べ
===============================================*/
#ihin_award #rakuten-graph div {
    width: 750px;
    margin: 0 auto;
    padding-bottom: 40px;
}
#ihin_award #rakuten-graph div h4 {
    background: #18558c;
    text-align: center;
    padding: 10px;
    color: #fff;
}
#ihin_award #rakuten-graph div p {
    margin-top: 20px;
}
#ihin_award #rakuten-graph div img {
    margin-top: 15px;
}
#ihin_award #rakuten-graph dl {
    border: 1px solid #dcdcdc;
    border-bottom: 0;
    text-align: center;
    margin-top: 20px;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#ihin_award #rakuten-graph dl dt {
    background-color: #ecf8fe;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 15px;
    width: 30%;
    box-sizing: border-box;
}
#ihin_award #rakuten-graph dl dt:last-child {
    border-bottom: 0;
}
#ihin_award #rakuten-graph dl dd {
    padding: 20px 15px;
    text-align: left;
    background: #fff;
    width: 70%;
    box-sizing: border-box;
    border-bottom: 1px solid #dcdcdc;
}
@media only screen and (max-width: 568px) {
    #ihin_award #rakuten-graph div {
        width:100%;
        padding-bottom: 0;
    }
    #ihin_award #rakuten-graph div p {
        margin-top: 0px;
        padding: 0 15px 15px;
    }
    #ihin_award #rakuten-graph div img {
        margin-top: 0;
        padding: 0;
    }
    #ihin_award #rakuten-graph dl {
        margin: 0 auto;
    }
    #ihin_award #rakuten-graph dl dt {
        width: 40%;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #ihin_award #rakuten-graph dl dd {
        width: 60%;
        padding: 15px;
    }
}
/*===============================================
 *	Company_page Table
===============================================*/
#company_page table {width: 100%;margin-bottom: 27px;border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
#company_page table tr th {width: 247px;padding: 15px 10px 18px 14px;border-bottom: 1px solid #dcdcdc;color: #414141;font-weight: bold;text-align: left;vertical-align: middle;box-sizing: border-box;line-height: 1.8;background: #e4f3f9;}
#company_page table .location > th {vertical-align: top;}
#company_page table .location table th {background: #346bb6;color: #fff;}
#company_page table .location li {margin-bottom: 10px;}
#company_page table .location li span:nth-of-type(1){font-weight: 700;}
#company_page table .location li a {text-decoration: underline;}
#company_page table .location li a:hover {text-decoration: none;}
#company_page table .location .address {font-size: 14px;}

#company_page table tr td {background: #fff;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;padding: 15px 14px 14px 15px;vertical-align: middle;color: #414141;box-sizing: border-box;line-height: 1.8;}
#company_page table tr .work_list {display: flex;flex-wrap: wrap;}
#company_page table tr .work_list li {padding-right: 10px;}
#company_page table tr .work_list li a{font-weight: 800;text-decoration: underline;}
#company_page table #shere img {
    max-width: 283px;
    margin-bottom: 30px;
}
#company_page table .mutual-link {margin: 10px auto;}
@media only screen and (max-width: 768px) {
#company_page table tr th {width: 150px;}
#company_page table #shere img {max-width: 283px;margin: 0 auto 15px;}
#company_page table .mutual-link {width:100%;margin: 0 auto;}
}
@media only screen and (max-width: 568px) {
#company_page table tr {display: flex;flex-direction: column;}
#company_page table tr th,#company_page table tr td {width: 100%;padding: 10px 15px;}
#company_page table .mutual-link {display: flex;flex-wrap: wrap; gap: 15px 4%; flex-direction: row; margin: 5px auto;}
#company_page table .mutual-link li {width: 48%;}
}
/*===============================================
 *	Company_branch
===============================================*/
#company_branch ul > li {overflow: hidden;margin-bottom: 30px;}
#company_branch ul li h3 {clear: both;margin-bottom: 21px;}
#company_branch ul li .pics {overflow: hidden;width: 30%;}
#company_branch ul li .pics p:nth-of-type(1) {margin-bottom: 12px;}
#company_branch ul li .googlemap {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}
#company_branch ul li .map_full {width: 100%;height: 286px;}
#company_branch ul li #map_half {width: 67%;}
#company_branch ul li .map.w01 {margin-bottom: 20px;}
#company_branch ul li .map iframe {width: 100%;height: 100%;}
#company_branch ul li table {clear: both;width: 100%;border: 1px solid #dcdcdc;}
#company_branch ul li table th {width: 130px;padding: 21px 10px 18px 14px;background: #346bb6;color: #fff;font-weight: bold;text-align: left;vertical-align: top;box-sizing: border-box;}
#company_branch ul li table td {padding: 18px 14px 14px 15px;vertical-align: middle;color: #414141;background: #fff;line-height: 1.8;box-sizing: border-box;}
@media only screen and (max-width: 768px) {
#company_branch ul li table th {width: 70px;}
}
@media only screen and (max-width: 568px) {
#company_branch ul li .map_full {height: 186px;}
#company_branch ul li .googlemap {margin-bottom: 10px;}
#company_branch ul li table tr {display: flex;flex-direction: column;}
#company_branch ul li table tr th {width: 100%;padding: 10px 15px;}
#company_branch ul li table tr td {width: 100%;padding: 10px 15px;}
.ttl-definition {width: 100%;}
}
/*===============================================
 *	mutual-link
===============================================*/
.mutual-link {margin: 60px auto ;gap: 0 1.5%;display: flex;max-width: 980px;width:100%;}
@media only screen and (max-width: 768px) {
.mutual-link {width: 94%;margin: 40px auto;}
}
@media only screen and (max-width: 568px) {
.mutual-link {flex-direction: column;gap: 15px 0;width: 80%;margin: 30px auto;}
}

/*===============================================
 *	media_list
===============================================*/
.media_list {padding: 0 1em;}
.media_list li {position: relative;margin-bottom: .25em;}
.media_list li a{text-decoration: underline;}
.media_list li a:hover{text-decoration: none;}
.media_list li:last-child {margin-bottom: 0;}
.media_list li::after,.media_list li::before {display: block;content: '';position: absolute;}
.media_list li::after {top: 9px;left: -1em;width: 6px;height: 6px;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.media_list li::before {top: 12px;left: -1.025em;width: 8px;height: 1px;background-color: #666;}
