@charset "utf-8";

@media screen and (max-width: 599px) { 

#work .contents p{line-height:1.6;}
#work .block{ margin-top: 30px; margin-right: 0; margin-bottom: 50px; margin-left: 0; }
#work .inner{ width:90%; margin:0 auto; }
.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 .ttl_work{ background:#00a0e9; position:relative; }
.modalContainer .subttl{ background:url(../img/ttl_lbl.png) no-repeat left center / auto 40px; width:70%; height:34px; padding:0 0 0 10px; float:left; position:static; font-size:1.4rem; 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 .ttl_work h4{ width:100%; height:50px; padding:0; float:left; font-size:2.0rem; font-weight:bold; letter-spacing:8px; text-align:center; line-height:50px; }
.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 .ttl_work .cls img{ width:24px; height:auto; display:block; position:static; }
.modalContainer .inner{ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.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:100px; }
.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; }
#work .mainContent{ background:url(../img/main_work.jpg) no-repeat right 30% bottom / cover; }
#work .block_02 .qa,
#work .block_03 .qa{font-size:0;}
#work .block_02 .qabox,
#work .block_03 .qabox{ width:50%; height:80px; display:inline-block; vertical-align:50%; }
#work .block_02 .q,
#work .block_03 .q{ background:#a4a4a4 url(../img/bg_Q.png) no-repeat left center / auto 100%; }
#work .block_02 .q h3,
#work .block_03 .q h3{ background:url(../img/bg_QA.png) no-repeat right center / auto 100%; width:100%; height:80px; padding:15px 0 0; float:right; font-size:1.4rem; font-weight:bold; color:#FFF; text-align:center; line-height:1.6; letter-spacing:-1px; box-sizing:border-box; }
#work .block_02 .a,
#work .block_03 .a{ background:#003f98 url(../img/bg_A.png) no-repeat right center / auto 100%; }
#work .block_02 .a h3,
#work .block_03 .a h3{ width:100%; height:80px; padding:15px 0 0; float:left; font-size:1.4rem; font-weight:bold; color:#FFF; text-align:center; line-height:1.6; letter-spacing:-1px; box-sizing:border-box; }
#work .block_02 .subttl,
#work .block_03 .subttl,
#work .block_02 .subttl span,
#work .block_03 .subttl span,
#work .block_02 #subttl_01{width:40%;}
#work .block_03 #subttl_02{width:84%;}
#work .block_03 .subtxt{ margin:0 0 25px; font-size:1.4rem; color:#ff5858; text-align:center; }
#work .block_03 .office{ background:none; height:100%; position:static; }
#work .block_03 .btn li{ width:48%; height:100%; margin:0 0 2%; display:inline-block; position:static; }
#work .block_03 .btn li img:hover{ transform:none; }
#work .block_03 .btn li a{ display:block; position:relative; color:#FFF; text-align:center; text-decoration:none; }
#work .block_03 .btn li a p{ background:#00a0e9 url(../img/arrow_wh.png) no-repeat right 6% center / auto 40%; padding:3px 0; font-weight:bold; letter-spacing:1.2px; }
#work .block_03 .btn li a p span{ display:block; font-size:1.0rem; }
#work .block_03 .btn li a img{ width:100%; height:auto; display:block; }

}