@charset "UTF-8";
/* CSS Document */
#tabNav ul{border-bottom:4px solid #3faac5;}

/* reform */
#mainImg{text-align:center; margin-bottom:40px;}

h2{border-left:6px solid #3faac5;}
#reform .group{margin-bottom:50px;}
#reform .txt{margin-bottom:25px;}
#reform .txt .note{color:#ff0000; font-weight:bold;}

#reform .group1 .txt{margin:0 0 40px;}
#reform .group1 .box{background:#3faac5; padding:13px 0; font-size:28px; line-height:1.3; font-weight:bold; color:#fff; text-align:center; position:relative;}
#reform .group1 .box p:nth-of-type(1){font-size:16px; width:27%;}
#reform .group1 .box p:nth-of-type(2), #reform .group1 .box p:nth-of-type(3){position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#reform .group1 .box p:nth-of-type(2){width:8%; left:27%;}
#reform .group1 .box p:nth-of-type(3){width:65%; right:0;}
#reform .group1 .box span{font-size:28px; display:block;}
#reform .group1 .box br{display:none;}

#reform .group2 .child{border:2px solid #3faac5; padding:15px 20px; position:relative; float:left; width:47%; box-sizing:border-box; background:#d3f2fa; line-height:1.5;
border-radius:10px;}
#reform .group2 .child:nth-child(2n){float:right;}
#reform .group2 .tit1{color:#eb3838; font-size:24px; font-weight:bold; line-height:1; margin-bottom:10px;}
#reform .group2 .tit1 span{font-size:16px; display:inline-block;}
#reform .group2 .tit2{color:#eb3838; font-size:18px; font-weight:bold; margin:0 0 5px;}
#reform .group2 .tit3{font-weight:bold; margin:0 0 5px;}
#reform .group2 .inner{padding:0 24% 0 0;}
#reform .group2 .child1 .img{position:absolute; bottom:0; right:9%; width:21%; text-align:right;}
#reform .group2 .child1 .arrow{font-weight:bold; padding:10px 0 10px 3.8em; color:#655c5c; font-size:18px;}
#reform .group2 .child2 .txt1{margin:0 0 20px;}
#reform .group2 .child2 .img{position:absolute; bottom:0; right:3%; width:39.4%; text-align:right;}

#reform .group3 .txt{margin:0 0 80px;}
#reform .group3 .box{position:relative;}
#reform .group3 .arrow{margin:18px auto 24px; background:url(../images/quality_reform/ic_arrow.gif) no-repeat; width:44px; height:36px;}
#reform .group3 .tit{border:2px solid #3faac5; text-align:center; line-height:1; padding:9px 0; font-size:20px; font-weight:bold;}
#reform .group3 .tit1{background:#3faac5; color:#fff;}
#reform .group3 .tit2{color:#3faac5;}
#reform .group3 .row1{padding:60px 0 6px 0;}
#reform .group3 .row1 li{width:47%; float:left; background:#407dd6; color:#fff; border-radius:10px; font-size:20px; line-height:1.5; text-align:center; font-weight:bold; overflow:hidden;}
#reform .group3 .row1 li:last-of-type{float:right;}
#reform .group3 .row1 p:nth-of-type(2){font-size:16px; background:#fff; color:#000; padding:5px 15px; display:inline-block; margin:10px 0 0 0;}
#reform .group3 .row1 a{display:block; padding:18px 10px;}
#reform .group3 .row1 a:hover{background-color:rgba(0,0,0,0.4);}
#reform .group3 .row2{position:relative;}
#reform .group3 .row2 li{width:47%; float:left;}
#reform .group3 .row2 li:nth-of-type(1):before, 
#reform .group3 .row2 li:nth-of-type(1):after{position:absolute; content:''; left:25%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#reform .group3 .row2 li:nth-of-type(1):before{top:25px; bottom:44px; background:#fbc738; width:22px;}
#reform .group3 .row2 li:nth-of-type(1):after{bottom:25px; background:url(../images/quality_reform/ic_arrow.gif) no-repeat bottom; width:44px; height:36px;}
#reform .group3 .row2 li:last-of-type{float:right;}
#reform .group3 .row2 li:last-of-type .arrow:nth-of-type(1){margin:14px auto 18px;}
#reform .group3 .row2 dl{padding:10px 0 0 10px;}
#reform .group3 .row2 dt{position:relative; padding:0 0 0 1em;}
#reform .group3 .row2 dt:after{position:absolute; top:0; left:0; content:'●';}
#reform .group3 .img{position:absolute; bottom:-100px; right:0; width:18%;}

#reform .boxBtn{max-width:400px; width:100%; margin:0 auto; text-align:center;} 
#reform .boxBtn a{display:block; padding:25px 0; text-align:center; color:#fff; font-size:24px; line-height:1; font-weight:bold; border-radius:20px;
background:linear-gradient(#fbc738, #fbaf2b);}
#reform .boxBtn a:hover{background:#fbaf2b;}

/* Other page */
#subNav{margin-bottom:35px; border-bottom:4px solid #4b71c3;}
#subNav li{width:48.4%; margin:0 3.2% 0 0; float:left;}
#subNav li:last-child{margin:0;}
#subNav li a{color:#fff; font-size:18px; font-weight:bold; text-align:center; background:#fff; padding-bottom:9px; line-height:1; display:block;}
#subNav li a span{background:#f9be32; display:block; padding:9px 5px;}
#subNav li.active a, #subNav li.active a span,
#subNav li a:hover, #subNav li a:hover span{background:#4b71c3;}

ul.list{padding-left:25px;}
ul.list li{margin-bottom:10px;}
ul.list li a.pdf{background:url(../images/common/ic_pdf.png) no-repeat; padding-left:30px; min-height:22px; display:inline-block;}
ul.list li a.excel{background:url(../images/common/ic_excel.png) no-repeat; padding-left:30px; min-height:22px; display:inline-block;}
ul.list li a.word{background:url(../images/common/ic_word.png) no-repeat; padding-left:30px; min-height:22px; display:inline-block;}
ul.list li a.pdf:hover, ul.list li a.word:hover, ul.list li a.excel:hover{text-decoration:underline;}

.reform .group{margin-bottom:60px;}
.reform .boxImg{text-align:center; padding:15px 0 30px;}
.reform .group1 .childL{width:21%; float:left;}
.reform .group1 .childR{width:75%; float:right;}
.reform .group1 ul.txt{margin-bottom:20px;}
.reform .group1 ul.txt li{position:relative; padding-left:1em;}
.reform .group1 ul.txt li span{position:absolute; left:0; top:0;}
.reform .group1 ul.list{padding-left:0;}

/* anshin */
#anshin .group4 .boxImg{padding:5px 0 10px;}
#anshin .group4 .txt{font-size:18px;}
#anshin .group4 .cap{font-size:12px; margin:0 0 30px;}

/* tejun */
#tejun #map{padding:40px 0 0 0;}

/*===============================
             MEDIA
================================*/
@media only screen and (max-width:960px){
/* reform */	
#reform .group1 .box{font-size:3vw;}
#reform .group1 .box p:nth-of-type(1){font-size:1.7vw;}	
#reform .group1 .box span{font-size:3vw;}

#reform .group2 .child{width:49%;}
#reform .group2 .txt1 br{display:none;}
#reform .group2 .inner{padding:0;}
#reform .group2 .child1 .img{width:16%;}
#reform .group2 .child2 .img{width:33%;}
}


@media only screen and (max-width:736px){
/* reform */	
#reform .group1 .box{font-size:3.9vw;}
#reform .group1 .box p:nth-of-type(1){width:38%; font-size:2.2vw;}
#reform .group1 .box p:nth-of-type(2){width:8%; left:38%;}
#reform .group1 .box p:nth-of-type(3){width:54%;}	
#reform .group1 .box br{display:block;}	
#reform .group1 .box span{font-size:3.9vw;}

#reform .group2 .child{width:100%; float:none !important;}
#reform .group2 .child1{margin:0 0 20px;}
#reform .group2 .inner{padding:0 26% 0 0;}
#reform .group2 .child1 .img{width:13%; right:5%;}
#reform .group2 .child2 .img{width:26%;}

#reform .group3 .img{bottom:-5%;}

/* Other page */
.reform .group1 .childL{width:100%; text-align:center; margin-bottom:10px;}
.reform .group1 .childR{width:100%; float:none;}
}

@media only screen and (max-width:480px){
/* reform */	
#mainImg{margin-bottom:30px;}
#reform .txt{margin:0 0 20px !important;}

#reform .group2 .child{padding:15px 15px 0;}
#reform .group2 .inner{padding:0;}
#reform .group2 .child1 .img, #reform .group2 .child2 .img{position:static; margin:20px auto 0;}
#reform .group2 .child1 .img{width:25%;}
#reform .group2 .child2 .img{width:52%;}

#reform .group3{margin:0 0 80px;}
#reform .group3 .tit{font-size:18px;}
#reform .group3 .arrow{width:35px; height:29px; background-size:100% auto;}
#reform .group3 .row1{padding:20px 0 6px;}
#reform .group3 .row1 li{width:100%; font-size:18px; float:none !important;}
#reform .group3 .row1 li:nth-of-type(1){margin:0 0 10px;}
#reform .group3 .row2 li:nth-of-type(2){width:70%;}
#reform .group3 .row2 li:nth-of-type(1):before, #reform .group3 .row2 li:nth-of-type(1):after{left:14%;}
#reform .group3 .row2 li:nth-of-type(1):before{width:17px;}
#reform .group3 .row2 li:nth-of-type(1):after{width:35px; height:29px; background-size:100% auto;}
#reform .group3 .row2 dt{font-size:14px;}
#reform .group3 .img{width:23%;}

#reform .boxBtn a{font-size:20px;}

/* Other page */
#subNav li a{font-size:16px;}

.reform .group{margin-bottom:40px;}
.reform .group1{margin:0 0 40px;}
}