@charset "utf-8";

#work .contents p{line-height:1.8;}
#work .block{margin:0 0 100px;}
#work .inner{ width:1000px; margin:0 auto; }
.modalContainer{
	background: #FFF;
	width: 80vw;
	height: 80vh;
	display: none;
	margin: 0;
	overflow: scroll;
}
.modalContainer .ttl{ height:80px; position:relative; line-height:80px; color:#FFF; }
.modalContainer .ttl_work{background:#00a0e9;}
.modalContainer .subttl{ background:url(../img/ttl_lbl.png) no-repeat left center; width:245px; height:50px; padding:0 0 0 15px; position:absolute; left:0; top:15px; font-size:1.8rem; font-weight:bold; line-height:50px; letter-spacing:1.4px; }
.modalContainer h4{ font-size:2.0rem; font-weight:bold; letter-spacing:14px; text-align:center; }
.modalContainer h4 span{ font-size:1.8rem; letter-spacing:4px; }
.modalContainer .cls{ width:31px; height:30px; position:absolute; top:25px; right:35px; }
.modalContainer .cls img{display:block;}
.modalContainer .inner{ width:80%; max-width:800px; margin:0 auto; padding:30px 0; }
.modalContainer p{line-height:1.6;}
.modalContainer .img{ width:800px; height:330px; margin:30px 0; position:relative; }
.slider_01 img,
.slider_02 img,
.slider_03 img,
.slider_04 img{ position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
.slider_01 img.active,
.slider_02 img.active,
.slider_03 img.active,
.slider_04 img.active{ z-index:10; opacity:1.0; }
.slider_01 img.last-active,
.slider_02 img.last-active,
.slider_03 img.last-active,
.slider_04 img.last-active{ z-index:9; }
.modalContainer ul{ font-size:0; display:flex; }
.modalContainer li{ display:inline-block; font-size:1.2rem; width:25%; }
.modalContainer li a{ background:#003f98 url(../img/arrow_wh.png) no-repeat right 14px center; padding:14px 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 14px center; }
.modalContainer li a.current{ background:#00a0e9 url(../img/arrow_wh.png) no-repeat right 14px center; }
#modal-win{ width:100%; position:absolute; }
#modal-win-inner{ margin:0 auto; position:relative; z-index:101; }
#modal-bg{ width:100%; height:100%; background:#515151; position:fixed; top:0; left:0; z-index:100; cursor:pointer; }
#work .mainContent{ background:url(../img/main_work.jpg) no-repeat center top / cover; background-image:url(../img/main_work.jpg); }
#work .block_02 .qa,
#work .block_03 .qa{font-size:0;}
#work .block_02 .qabox,
#work .block_03 .qabox{ width:50%; height:120px; display:inline-block; vertical-align:50%; }
#work .block_02 .q,
#work .block_03 .q{ background:#a4a4a4 url(../img/bg_Q.png) no-repeat right 435px center; }
#work .block_02 .q h3,
#work .block_03 .q h3{ background:url(../img/bg_QA.png) no-repeat right center; width:500px; height:120px; padding:20px 0 0 50px; float:right; font-size:2.8rem; color:#FFF; text-align:center; line-height:1.4; box-sizing:border-box; }
#work .block_02 .a,
#work .block_03 .a{ background:#003f98 url(../img/bg_A.png) no-repeat left 435px center; }
#work .block_02 .a h3,
#work .block_03 .a h3{ width:500px; height:120px; padding:20px 50px 0 0; float:left; font-size:2.8rem; color:#FFF; text-align:center; line-height:1.4; 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:200px;}
#work .block_03 #subttl_02{width:435px;}
#work .block_02 .worklistContainer{font-size:0;}
#work .block_02 .worklist{ width:500px; padding:20px; display:inline-block; box-sizing:border-box; }
#work .block_03 .subtxt{ margin:0 0 50px; color:#ff5858; text-align:center; }
#work .block_03 .office{ background:url(../img/bg_office.jpg) no-repeat center top; height:605px; position:relative; }
#work .block_03 .btn li{ position:absolute; }
#work .block_03 .btn li img{ display:block; transition-duration:0.3s; }
#work .block_03 .btn li img:hover{ transform:scale(1.15); transition-duration:0.3s; }
#work .block_03 .btn .b01{ width:100px; height:214px; right:100px; bottom:135px; }
#work .block_03 .btn .b02{ width:85px; height:197px; top:165px; right:410px; }
#work .block_03 .btn .b03{ width:44px; height:197px; top:0; right:460px; }
#work .block_03 .btn .b04{ width:80px; height:197px; top:185px; left:340px; }
#work .block_03 .btn li a{display:block;}