@charset "UTF-8";
.area-grid-item{overflow:hidden;max-width:1920px;margin:0 auto;padding:10px 0}
.sec-grid-item-01{overflow:hidden;float:left;width:59.8%;margin:0 .5% .52% 0}
.sec-grid-item-02{overflow:hidden;float:left;width:39.7%}
.sec-grid-item-03{float:left;width:39.7%;margin-right:.5%;clear:left}
.sec-grid-item-04{overflow:hidden;float:left;width:59.8%}
.box-grid-item{position:relative}
.box-grid-item.item-01{width:100%;margin-bottom:.871%}
.box-grid-item.item-02{float:left;width:66.3%;margin-right:.9%}
.box-grid-item.item-03{float:left;width:32.8%}
.box-grid-item.item-04{float:left;width:49.35%;margin:0 1.3% 1.312% 0}
.box-grid-item.item-05{float:left;width:49.35%;margin-bottom:1.312%}
.box-grid-item.item-06{clear:both;width:100%}
.box-grid-item.item-08{float:left;width:32.75%;margin:0 .9% .871% 0}
.box-grid-item.item-09{float:left;width:66.35%;margin-bottom:.871%}
.box-grid-item.item-10{float:left;width:66.35%;margin-right:.9%}
.box-grid-item.item-11{float:left;width:32.75%}
.box-grid-item img{width:100%}
.box-grid-item .text-normal{position:absolute;top:25px;left:30px;right:30px;z-index:1;font-size:13px;font-size:.92vw;line-height:1.4;text-align:left}
.box-grid-item .text-normal.s-white{color:#fff}
.box-grid-item .text-normal h2{font-size:17px;font-size:1.17vw;font-weight:700}
.box-grid-item .text-normal h2.ico-window{display:inline-block;padding-right:30px;background:url(/~/Media/Corporate/base/img/ico_win_01.png) right center no-repeat;-webkit-background-size:21px 15px;background-size:21px 15px}
.box-grid-item .text-over{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,115,206,.8);text-align:center;opacity:0;transition:opacity .3s ease}
.box-grid-item:hover .text-over{opacity:1}
.box-grid-item .text-over:before{display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;content:""}
.box-grid-item .text-over .text-over-in{display:inline-block;width:90%;color:#fff;font-size:14px;font-size:1vw;text-align:center;vertical-align:middle}
.box-grid-item .text-over h2{margin-bottom:7px;font-size:20px;font-size:1.25vw}
/*.box-grid-item .text-over a{display:block;width:164px;margin:25px auto 0;padding:10px 0;background:#fff;font-weight:700;font-size:15px;color:#0073CD}*/
.box-grid-item .text-over a {display: block;width: 100%;margin: 0;padding: 0;background: transparent;font-weight: 700;font-size: 15px;color: #0073CD;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

.box-grid-item .text-only-01,.box-grid-item .text-only-02{display:block;position:absolute;top:60.5%;left:0;width:100%;z-index:2;font-size:20px;color:#fff;text-align:center}
.box-grid-item .text-only-02{top:46.5%;color:#0073CD}

.area-news-list-01 .box-news dl {font-size: 16px;}

.text-over-in a.is-opacity {text-indent: 100%; white-space: nowrap; overflow: hidden;}

@media screen and (min-width:1920px){
.box-grid-item .text-normal h2{font-size:22px}
.box-grid-item .text-normal{font-size:18px}
.box-grid-item .text-over h2{font-size:24px}
.box-grid-item .text-over .text-over-in{font-size:19px}
}
@media screen and (min-width:769px) and (max-width:1200px){
.box-grid-item .text-normal h2{font-size:14px}
.box-grid-item .text-normal{font-size:11px}
.box-grid-item .text-over h2{font-size:15px}
.box-grid-item .text-over .text-over-in{font-size:12px}
}
@media screen and (max-width:768px){
.area-grid-item{max-width:none;padding:6px 0}
.sec-grid-item-01,.sec-grid-item-02,.sec-grid-item-03,.sec-grid-item-04{float:none;width:100%;margin:0 0 1.875%}
.sec-grid-item-04{margin-bottom:0}
.box-grid-item.item-01{width:100%;margin-bottom:1.875%}
.box-grid-item.item-02{float:left;width:65.6%;margin-right:1.9%}
.box-grid-item.item-03{float:left;width:32.5%}
.box-grid-item.item-04{float:left;width:49.05%;margin:0 1.9% 1.875% 0}
.box-grid-item.item-05{float:left;width:49.05%;margin-bottom:1.875%}
.box-grid-item.item-06{clear:both;width:100%}
.box-grid-item.item-08{float:left;width:32.5%;margin:0 1.6% 1.875% 0}
.box-grid-item.item-09{float:left;width:65.9%;margin-bottom:1.875%}
.box-grid-item.item-10{float:left;width:65.9%;margin-right:1.6%;clear:left}
.box-grid-item.item-11{float:left;width:32.5%}
.box-grid-item .text-normal{position:absolute;top:10px;left:15px;right:15px;font-size:10px;font-size:3.13vw;line-height:1.5}
.box-grid-item .text-normal h2{font-size:12px;font-size:3.75vw}
.box-grid-item .text-normal h2.ico-window{display:inline-block;padding-right:25px;background-size:15px auto}
.box-grid-item .text-over{position:absolute;width:100%;height:100%;background:0 0;opacity:1}
.box-grid-item .text-over:before{display:none}
.box-grid-item .text-over .text-over-in{display:block;width:auto}
.box-grid-item .text-over h2,.box-grid-item .text-over p{display:none}
.box-grid-item .text-over a{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:0 0;text-indent:-999px}
.box-grid-item .text-only-01,.box-grid-item .text-only-02{top:53%;width:100%;font-size:12px;font-size:3.75vw;line-height:1.17}
.box-grid-item .text-only-02{top:39%;color:#0073CD}
}