@charset "utf-8";
/*===============================================
 *	bnr
===============================================*/
.bnr-books{max-width: 900px;margin: 0 auto 2em;}
.img_medal{max-width: 280px;}
#shere img {margin-bottom: 15px;}
@media only screen and (max-width: 568px) {
#shere img {margin: 0 auto 15px;}
}
/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents h1 span::before {width: 45%;}
@media only screen and (max-width: 568px) {
#second-visualcontents h1 span::before {width: 52%;}
}
/*===============================================
 *	導入部分
===============================================*/
#greeting-sec {padding: 0% 0 6%;}
#greeting-sec h2 {text-align: left;}
@media only screen and (max-width: 1024px) {
  #greeting-sec {padding: 0 4vw 5vw;}
}
@media only screen and (max-width: 568px) {
  #greeting-sec {width: 92%;padding: 0 4vw 7vw;}
  #greeting-sec h2 {font-size: 20px; }
}
/*===============================================
 *	award-wrap
===============================================*/
#award-wrap{margin-bottom: 4vw;}
.award-ttl {background: #17a5d3;border-radius: 60px;color: #fff;font-size: 28px;font-weight: bold;text-align: center;padding: 5px 10px;margin-bottom: .5em;}
.award-ttl img{display: inline;max-width: 36px;margin:0 10px 5px 0;}
.award-contents{padding: 20px;}
.award-contents img{max-width: 280px;float: right;margin-top: -70px;}
.award-txtbox{max-width: 580px;float: left;}
.award-subttl{font-size: 24px;font-weight: bold;line-height: 1.4;margin-bottom: 10px;}
.award-subttl span{color: #0047ad;}

@media only screen and (max-width: 1024px) {
.award-contents {padding: 0 0 20px;}
.award-contents img {margin-top: -40px;}
}
@media only screen and (max-width: 768px) {
#award-wrap {margin-bottom: 10px;}
.award-ttl{font-size: 26px;}
.award-contents img {max-width: 250px;margin-top: -120px;}
.award-subttl {font-size: 21px;line-height: 1.6;padding-top: 1em;}
.award-txtbox {max-width: initial;}
}
@media only screen and (max-width: 568px) {
.award-ttl {font-size: 20px;line-height: 1.4;}
.award-ttl img {max-width: 20px;}
.award-subttl {font-size: 18px;padding: 0;}
.award-contents img {display: block;max-width: 283px;float: none;margin: 0 auto 10px;}
.award-txtbox {float: none;}

}
/*===============================================
 *	Award
===============================================*/
.award-li{display: flex;justify-content: space-between;flex-wrap: wrap;}
.award-li dt {font-size: 16px;font-weight: bold;color: #2EAED7;position: relative;text-align: center;margin-bottom: 1em;border-bottom: 6px solid #2EAED7;line-height: 1.2;padding-bottom: 5px;}
.award-li dt:before {position: absolute;bottom: -6px;left: 0;width: 30%;height: 6px;content: '';background: #007499;}
.award-li dt span {display: block;}
.award-li li {background: url(../img/m-bg_note.gif) bottom left repeat #fff;border-radius: 6px;box-sizing: border-box;box-shadow: 0 10px 25px 0 rgba(219, 219, 219, 1);border: #2EAED7 2px solid;padding: 20px;max-width: 315px;margin-bottom: 4vw;position: relative;width: calc(96% / 4);}
.award-li {display: flex;justify-content: space-between;flex-wrap: wrap;}
.award-li li:nth-child(-n+3) {margin-bottom: 2em;}
.award-li li dd img {margin: 10px auto 0;}
.award-li li:nth-child(1) {flex-basis:30%;}
.award-li li:nth-child(2) {flex-basis:30%;}
.award-li li:nth-child(3) {flex-basis:30%;}
.award-li li:nth-child(1) dd img{width: 135px;}
.award-li li:nth-child(2) dd img{width: 135px;}
.award-li li:nth-child(3) dd img{width: 135px;}
.award-li li:nth-child(4) dd img{width: 135px;}
.award-li li:nth-child(5) dd img{width: 135px;}
.award-li li:nth-child(6) dd img{width: 135px;}
.award-li li:nth-child(7) dd img{width: 135px;}
@media only screen and (max-width: 768px) {
.award-li li {margin-bottom: 1em;max-width: initial;padding: 15px 10px;}
.award-li li:nth-child(1) dd img {max-width: 185px;}
.award-li li:nth-child(1) dd img {max-width: 165px;}
.award-li li:nth-child(2) dd img{max-width: 186px;}
#ihin_award .award-subttl .br-sp {display: block;}
.award-li dt {font-size: 13px;}
.award-li li dd p{padding-top: 1em;}
}
@media only screen and (max-width: 568px) {
.award-li li dd {display: flex;justify-content: space-between;align-items: center;}
.award-li li dd p {padding-top: 0;font-size: 14px;}
.award-li li {width: calc(96% / 2);}
.award-li li:nth-child(1) {flex-basis:auto;}
.award-li li:nth-child(2) {flex-basis:auto;}
.award-li li:nth-child(3) {flex-basis:auto;}
}


/*===============================================
 *	Company_page Table
===============================================*/
#company_page{margin-bottom: 3em;}
#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 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 {pointer-events:none;}*/
#company_page table .location li a:hover {text-decoration: none;}
#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 a {text-decoration: underline;}
#company_page table tr .work_list a:hover {text-decoration: none;}
#company_page table tr .work_list li:not(:first-child)::before {content: "、";}
#company_page table tr .work_list li {padding-right: 5px;}
#company_page table .mutual-link {margin: 10px auto;}
@media only screen and (max-width: 768px) {
#company_page table .mutual-link {width:100%;margin: 0 auto;}
}
@media only screen and (max-width: 568px) {
#company_page{margin-bottom: 2em;}
#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 {flex-wrap: wrap; gap: 15px 4%; flex-direction: row; margin: 5px auto;}
#company_page table .mutual-link li {width: 48%;}
}
/*===============================================
 *	mutual-link
===============================================*/
.mutual-link {margin: 60px auto ;gap: 16px 1.5%;display: flex;max-width: 980px;width:100%;flex-wrap: wrap;}
.mutual-link li {width: 32%;}
@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: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;}
.media_list li a {text-decoration: underline;}

/*===============================================
 *	Company_branch
===============================================*/
#company_branch ul {margin-bottom: 6vw;}
#company_branch ul > li {overflow: hidden;margin-bottom: 4vw;}
#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: 247px;padding: 21px 10px 18px 14px;background: #007499;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: 568px) {
#company_branch ul {margin-bottom: 12vw;}
#company_branch ul > li {margin-bottom: 8vw;}
#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%;}
}