@charset "utf-8";

@media screen and (max-width: 599px) { 
.contents p{line-height:1.6;}
.contents .main{ width:100%; margin:0 auto 50px; overflow:hidden; }
.block{margin:0 0 50px;}
.inner{ width:94%; margin:0 auto; }
.ttlh5{ width:auto; height:auto; margin:0 0 25px; padding:12px 8px; line-height:1; color:#FFF; font-size:1.6rem; font-weight:bold; text-align:center; letter-spacing:0.6px; }
.modalContainer{ background: #FFF; width: 80vw; display: none; height: 80vh; margin-top: 10vh; margin-right: auto; margin-bottom: auto; margin-left: auto; overflow: scroll; }
.modalContainer .ttl{ height:auto; position:relative; line-height:1; color:#FFF; }
.modalContainer .ttl_market{background:#003f98;}
.modalContainer .subttl{ background:none; width:100%; height:34px; padding:0 0 0 10px; float:left; position:static; font-size:1.2em; font-weight:bold; line-height:34px; letter-spacing:1.2px; }
.modalContainer h4{ width:100%; padding:10px 0; font-size:2.0rem; font-weight:bold; letter-spacing:8px; text-align:center; }
.modalContainer h4 span{font-size:1.2rem;}
.modalContainer .cls{ width:20%; height:30px; float:right; position:static; text-align:right; }
.modalContainer .ttl_work .cls{ width:24px; height:24px; position:absolute; top:14px; right:14px; text-align:right; }
.modalContainer .cls a{ width:100%; height:100%; display:block; position:relative; }
.modalContainer .cls img{ width:24px; height:auto; display:block; position:absolute; top:10px; right:10px; }
.modalContainer .inner{ width:92%; margin:0 auto; padding:20px 0; }
.modalContainer p{ margin: 20px 0; font-size: 0.9em; line-height: 1.4em; }
.modalContainer .img{ width:100%; height:auto; margin:0; }
.modalContainer .img img{ width:100%; height:auto; }
.slider_01sp,
.slider_02sp,
.slider_03sp,
.slider_04sp{ width:100%; min-height:130px; }
.slider_01sp img,
.slider_02sp img,
.slider_03sp img,
.slider_04sp img{ position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
.slider_01sp img.active,
.slider_02sp img.active,
.slider_03sp img.active,
.slider_04sp img.active{ z-index:10; opacity:1.0; }
.slider_01sp img.last-active,
.slider_02sp img.last-active,
.slider_03sp img.last-active,
.slider_04sp img.last-active{ z-index:9; }
.modalContainer ul{ font-size: 0; display: block; }
.modalContainer li{ width:100%; margin:0; display:inline-block; font-size:0.9rem; }
.modalContainer li a{ background:#003f98 url(../img/arrow_wh.png) no-repeat right 4% center / auto 40%; width:100%; padding:10px 0; display:block; color:#FFF; text-align:center; text-decoration:none; border-right:2px solid #FFF; }
.modalContainer li a:hover{ background:#00a0e9 url(../img/arrow_wh.png) no-repeat right 4% center / auto 40%; }
.modalContainer li a.current{ background:#00a0e9 url(../img/arrow_wh.png) no-repeat right 4% center / auto 40%; }
#modal-win{ width:100%; position:absolute; }
#modal-win-inner{ width:100%; margin:0 auto; position:relative; z-index:1000; }
#modal-bg{ width:100%; height:100%; background:#515151; position:fixed; top:0; left:0; z-index:1000; cursor:pointer; }
#market .mainContent{ background:url(../../img/2019/company/main_market.jpg) no-repeat center top / cover; }
#market .block_02{ background:none; height: 0; }
#market .block_02 .btn{ min-height:100%; margin:20px auto 0; position:static; }
#market .block_02 .btn li{ width:48%; height:100%; margin:0 0 2%; display:inline-block; position:static; }
#market .block_02 .btn li a{ display:block; position:relative; color:#FFF; text-align:center; text-decoration:none; }
#market .block_02 .btn li a p{ background:#003f98 url(../../img/2019/common/arrow_wh.png) no-repeat right 6% center / auto 40%; padding:3px 0; font-weight:bold; letter-spacing:1.2px; }
#market .block_02 .btn li a img{ width:100%; height:auto; display:block; }
}