@charset "utf-8";

.stit { font-size: 2.13em; color:#212121; padding-left: 50px; margin-bottom: 0.8em; background: url("/images/sub/ico_stit.png") no-repeat left center; line-height: 1.5em;}
.stit2 { font-size: 2.13em; color:#212121; text-align: center;  margin-bottom: 2em; line-height: 1.3em; }
.stxt1 { font-size: 1.3em; color:#212121; line-height: 1.5em;  }
.stxt2 { font-size: 1.2em; color:#212121; line-height: 1.5em;  }
.stxt3 { font-size: 1.625em; color:#212121; line-height: 1.5em;  }

.order-tit1 p { font-family: 'yg-jalnan'; color:#00e79d; font-size: 1.625em; text-decoration: underline; line-height: 1.4em; }
.order-tit1 h4 { font-size: 3.75em; color:#212121; font-weight: 500; line-height: 1.5em; }

.imgWrap img { max-width: 100%;  }
.BGgr { background:#edf1f8; padding: 5% 0;  }
.BGgr2 { background: #e3e9f3; }

.s-section { padding-top: 5%; margin-top: 5%; overflow: hidden; background: url("/images/sub/slsline.png") repeat-x top; }
.s-section.first { padding-top:0; margin-top: 0;  background: none;}
.s-section.small { padding: 5% 3.5% 0; }

.s-section .col-6 { width: 47%; float: left;  }
.s-section .col-6:nth-child(even) { float: right; }
.s-section .col-6 .img {  display: block; margin-bottom: 1.8em;  }
.s-section .col-6 .img img { position: relative;  width: 100%; max-width:750px;  }

@media screen and (max-width:976px) {
.s-section .col-6 { width: 100%; }
.s-section .col-6:nth-child(even) { padding-top: 5%; margin-top: 5%; overflow: hidden; background: url("/images/sub/slsline.png") repeat-x top; }
}

.dotList {}
.dotList > li { position: relative; padding-left: 15px; font-size: 1.1em; line-height: 1.6em; margin-bottom: 0.5em;  }
.dotList > li::before { content:''; width: 6px; height: 6px; background: #00cbc3; display: block; position: absolute; top: 0.7em; left:0;}
.dotList > li ol { margin-top: 0.3em; }
.dotList > li ol li { position: relative; font-size: 0.9em; padding-left:10px; }
.dotList > li ol li::before { content:''; width: 5px; height: 2px; background: #999; display: block; position: absolute; top: 0.8em; left:0;}

@media screen and (max-width:1580px) {
   .stxt1 { font-size: 1.4em; }
   .dotList > li  { font-size: 1.0em; }
}

@media screen and (max-width:976px) {
   .dotList > li  { font-size: 1.1em; }
}



.orderList { overflow: hidden; }
.orderList li  { position: relative; counter-increment: number; line-height: 1.4em; font-size: 1.125em; padding: 0.8em 0;
                     background:url("/images/sub/dotline.png") repeat-x bottom;  width: calc(50% - 10px); float: left; }
.orderList li:nth-child(even) { float: right; }
.orderList li:before {  content: counter(number, decimal-leading-zero); color:#fff; width: 34px; line-height: 34px; display: inline-block; margin-right: 0.5em;
                                 background:#00cbc3; border-radius: 70px; text-align: center;  font-size: 0.83em; font-weight: 700; vertical-align: middle; }
.orderList li p { display: inline-block; max-width: calc(100% - 37px - 0.5em); vertical-align: middle; }

@media all and (max-width:1024px) {
   .orderList li { font-size: 1.05em; }
   .orderList li:before { width: 32px; line-height: 32px; }
}

@media all and (max-width:767px) {
   .orderList li { font-size: 1em; }
   .orderList li:before { width: 30px; line-height: 30px; font-size: 0.78em; }
}

@media all and (max-width:480px) {
   .orderList li:before { width: 24px; line-height: 24px; }
}


@media screen and (max-width:767px) {
   .stit { background-size: 35px auto; padding-left: 40px; }
}

.bdBox { position: relative; border:1px solid #dedede;   }
.bdBox h5 { text-align: left;  font-size: 1.33em; color:#212121; margin: 2em 0 0 3%; }
.bdBox img { max-width: 90%; margin: 0 auto;}

.bdBox.pd3 { padding: 3%; }
.bdBox.pd4 { padding: 4%; }
.bdBox.ex { color:#999; }

.halfCont { display:table; width: 100%;  }
.halfCont > div {  display:table-cell; width: 50%; vertical-align: top}
.halfCont > div.img img { position: relative;  width: 94%; max-width:750px;  }
.halfCont .cont-R img { float: right; }

.halfCont > div.txt { padding: 1% 0;}

.halfCont.middle > div { vertical-align: middle; }




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

.halfCont > div { vertical-align: middle }

}

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

.halfCont > div.img { width: 45%; }
.halfCont > div.txt { width: 55%; }
}

@media screen and (max-width:976px) {
   .halfCont > div.img,
   .halfCont > div.txt { width: 100%; display: block; padding: 2% 0; }
   .halfCont > div.img { text-align: center; }
   .halfCont > div.img img { width: 100%; max-width: 750px; margin: 0 auto; float: none;  }

   .halfCont.even {  display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; }
   .halfCont > div.txt { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; }

}



.intro-top { width: 100%; text-align: center; padding: 12% 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.intro-top p { color:#fff; font-size: 4.33em; font-family: 'Poppins', sans-serif; font-weight: 700 }

#greeting { background-image: url("/images/sub/greeting_top.png"); }
#history { background-image: url("/images/sub/history_top.png"); }

@media screen and (max-width:976px) {
   .intro-top { padding: 15% 0; }
}

.greet-typo { color: #212121; font-size: 1.2em; line-height: 1.8em; }

.message { overflow: hidden; text-align: center; }
.message li { float: left; width: calc(33.33% - 16px); margin-left: 24px; margin-bottom: 40px;  }
.message li:nth-child(3n+1) { margin-left:0; }
.message li img { width: 100%; margin-bottom: 20px; }
.message li p { font-size: 1.15em; line-height: 1.5em; }

@media screen and (max-width:976px) {
.message li { width: calc(50% - 14px); margin-left: 21px; margin-bottom: 30px; }
.message li:nth-child(3n+1) { margin-left:21px; }
.message li:nth-child(odd) { margin-left:0 !important; }
}

@media screen and (max-width:767px) {
.message li p { padding: 0 3%; }
.message li p br { display: none;}
}


/**/
.his_wrap{overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:7em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li{position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 20px 3em; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t{position:relative; font-size:2.2em; font-weight:700; margin-bottom:30px;}
.his_wrap li .t:before{content:""; position:absolute; top:0.1em; left:-26px; width:14px; height:14px; border-radius:100%; background:#FFF; border:4px solid #00cbc3;}
.his_wrap li .c{ font-size: 1.05em; line-height: 1.8em;}
.his_wrap li .c dt{width:60px; display:inline-block; font-weight:500; vertical-align:top; margin-bottom:10px;}
.his_wrap li .c dd{width:calc(100% - 60px); display:inline-block; vertical-align:top; margin-bottom:10px; }

.his_wrap li:nth-of-type(2n){float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-27px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }

@media all and (max-width:850px) {
	.his_wrap .his_bx .in .bg{background-size:95% auto;}
}
@media all and (max-width:650px) {
	.his_wrap .his_bx{padding-left:10px;}
	.his_wrap:before{margin-left:0; left:9px;}
	.his_wrap li{width:100%;}

	.his_wrap li:nth-of-type(2n){float:right; text-align:left; }
	.his_wrap li:nth-of-type(2n) .t:before{left:-28px; right:unset;}
	.his_wrap li:nth-of-type(2n) dt{float:left; }
}

.sMap { position: relative; overflow: hidden; z-index:-1; }
.sMap .root_daum_roughmap .wrap_map  { height: 500px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none;}

.sMap-info { position: relative; overflow: hidden; width: 92%; margin: -3vw auto 0; padding: 4%;  border:1px solid #f4f4f4; border-right-color:#ccc; border-bottom-color:#ccc;
			 background:#fff url("/images/sub/symbol_small.png") no-repeat 105% center; background-size: auto 90%; }
.sMap-info .tit { float: left; width: 40%; border-right: 1px solid #e5e5e5; }
.sMap-info .tit h4 {  color:#212121; font-size: 2.4em; line-height: 1.5em; font-weight:500;  }
.sMap-info .tit p { color:#999; font-size: 1.2em; line-height: 1.5em;  }
.sMap-info .txt { float: left; width: 60%; padding: 1% 0 0 5%; font-size: 1.4em;  line-height: 1.5em;  }

@media all and (max-width:1399px) {

.sMap-info .tit { width: 35%; }
.sMap-info .txt { width: 65%; }

}

@media all and (max-width:976px) {

.sMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
.locaInfo dl { padding: 5% 0 5% 100px; background-size: 80px; font-size: 1.3em; }

}


@media all and (max-width:767px) {

.sMap-info { background-position: 105% bottom; background-size: auto 80%; }
.sMap-info .tit { width: 100%; border-right:0; border-bottom: 1px solid #e5e5e5; padding-bottom: 3%; margin-bottom: 3%; }
.sMap-info .txt { width: 100%; padding-left:0; font-size: 1.3em; }

}


.certList { overflow: hidden; text-align: center; }
.certList li { float: left; width: calc(20% - 24px); margin-left: 30px; margin-bottom: 40px; }
.certList li:nth-child(5n+1) { margin-left:0; }
.certList li img { width: 100%; margin-bottom: 20px;  }
.certList li p { color:#212121; font-size: 1.05em; }


@media all and (max-width:976px) {

   .certList li { float: left; width: calc(25% - 18px); margin-left: 24px; margin-bottom: 35px; }
   .certList li:nth-child(5n+1) { margin-left:24px; }
   .certList li:nth-child(4n+1) { margin-left:0; }

}

@media all and (max-width:767px) {

   .certList li { float: left; width: calc(33.33% - 16px); }
   .certList li:nth-child(4n+1) { margin-left:24px; }
   .certList li:nth-child(3n+1) { margin-left:0; }

}

@media all and (max-width:480px) {

   .certList li { float: left; width: calc(50% - 10px); margin-left:20px !important; margni-bottom: 30px; }
   .certList li:nth-child(3n+1) { margin-left:20px; }
   .certList li:nth-child(odd) { margin-left:0  !important; }

}



.pd-info { overflow: hidden; }
.pd-info > div { float: left; width: 50%; }
.pd-info .img img { position: relative;  width: 94%; max-width:750px; }
.pd-info .txt { padding: 2% 3%; }
.pd-info .txt h4 { color: #212121; font-size: 2.66em; line-height: 1.2em; margin-bottom: 0.7em;}

.btn_buy { display: inline-block; color:#fff; background:#5e72e4; font-size: 1.33em; font-weight: 700; padding: 0.8em 5%; margin-top: 2.5em; }
.btn_buy p { background:url("/images/sub/ico_buy.png") no-repeat left center; padding-left: 50px; background-size: 32px; line-height: 32px; }


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

.pd-info .txt { padding: 0 0 0 2%; }
.btn_buy { margin-top: 1.5em; font-size: 1.2em; }
.btn_buy p { background-size: 26px; padding-left: 40px;  }

}

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

.btn_buy { padding: 0.5em 5%; }

}

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

.pd-info .txt h4 { font-size: 2.4em; }
}

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

.pd-info .img,
.pd-info .txt { width: 100%; }
.pd-info .img { margin-bottom: 2em;  }

}

.imgList { overflow: hidden; }
.imgList > li { float: left; width: calc(33.33% - 21.33px); margin-left: 32px;  }
.imgList > li:nth-child(3n+1) { margin-left:0; }
.imgList > li img { width: 100%; margin-bottom: 30px; display: block; }
.imgList > li dl dt { font-size: 1.73em; color:#212121; font-weight: 700; margin-bottom: 1em; line-height: 1.2em; }
.imgList > li .dotList { font-size: 0.95em; }

.imgList2 { overflow: hidden; text-align: center; }
.imgList2 > li { float: left; width: calc(25% - 30px); margin-left: 40px;  }
.imgList2 > li:nth-child(4n+1) { margin-left:0; }
.imgList2 > li img { width: 100%; display: block; }
.imgList2 > li p { color:#fff; background:#00a7f2; line-height: 50px; font-size: 1.125em; }

.imgList2.small {  }
.imgList2.small > li { text-align: center; margin-bottom: 3em; }
.imgList2.small > li img { max-width: 70%; width: auto; margin: 0 auto; }

.imgList3 { overflow: hidden; }
.imgList3 > li { float: left; width: calc(33.33% - 20px); margin-left: 30px;  }
.imgList3 > li:nth-child(3n+1) { margin-left:0; }
.imgList3 > li img { width: 100%; margin-bottom: 30px; display: block; }
.imgList3 > li p { color:#212121; font-size: 1.2em; line-height: 1.3em;  }

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

.imgList > li { width: 100%; margin-left:0; margin-bottom: 10px;  }
.imgList > li img { margin-bottom:0; width: 50%; float: left; }
.imgList > li dl { width: 50%; float: left;  padding: 5% 5% 0; box-sizing: border-box; }

.imgList > li:nth-child(even) img { float: right; }

.imgList2 > li { width: calc(50% - 20px); margin-bottom: 40px; }
.imgList2 > li:nth-child(4n+1) { margin-left:40px; }
.imgList2 > li:nth-child(odd) { margin-left:0; }

.imgList3 > li { float: left; width: calc(33.33% - 14px); margin-left: 21px;  }
.imgList3 > li img { margin-bottom: 20px; }

}

@media screen and (max-width:676px) {
	.imgList > li dl { padding: 3% 5% 0; }

   .imgList2 > li { width: calc(50% - 15px); margin-bottom: 30px; margin-left: 30px;  }
   .imgList2 > li p { line-height: 3em; }

   .imgList3 > li { width: calc(50% - 8px); margin-left: 16px; margin-bottom: 30px; }
   .imgList3 > li:nth-child(3n+1) { margin-left:16px; }
   .imgList3 > li:nth-child(odd) { margin-left:0; }
   .imgList3 > li img { margin-bottom: 10px; }
}



.tb-style1 { width: 100%; text-align: left; border-top:3px solid #dee5e9  }
.tb-style1 th { width: 15%; border-bottom: 1px solid #eee; background:#fbfbfb; color:#212121;  }
.tb-style1 td { border-bottom: 1px solid #eee; }

.tb-style1 th,
.tb-style1 td { padding: 15px 30px;}

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

.tb-style1 th,
.tb-style1 td { padding: 10px 15px;}

}



.specialList { overflow: hidden;  font-size:0; }
.specialList .sp-section{ overflow: hidden;  background-size: cover; }
.specialList .sp-section .img,
.specialList .sp-section .txt { display: inline-block; vertical-align: middle; width: 50%; }

.specialList .sp-section:nth-child(even) { direction: rtl;}



.special1 { background:#f9f9f9; }
.special2  { padding: 3% 0; }
.special3 { background:#f8fafb; }
.special4  { padding: 5% 0; }
.special5 { background:#ebeff6 url("/images/sub/special5.png"); padding: 5% 0; }
.special6 { background:#f8fafb; }
.special7 { background:#ebeff6 url("/images/sub/special7.png"); width: 50%; float: left; }
.special8 { background:#e3e9f3 url("/images/sub/special8.png"); width: 50%; float: left;  }

.specialList .sp-section.half  { height: 600px; }
.specialList .sp-section.half .img,
.specialList .sp-section.half .txt {  width: 100%; padding: 3% 0;   }

.sp-certList { /*padding: 5% 0;*/ overflow: hidden;text-align: center;}
.sp-certList ul {  font-size: 0;  }
.sp-certList ul li { display: inline-block; *zoom:1; *display: inline; font-size: 1.3rem; margin: 0 10px 70px; color:#212121; }
.sp-certList ul li img { margin-bottom: 20px;}

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

 .sp-certList ul li { width: calc(25% - 20px); font-size: 1.1rem; line-height: 1.3em; vertical-align: top}
 .sp-certList ul li img { width: 100%; }

}

@media screen and (max-width:976px) {
    .sp-certList ul li { width: calc(33% - 20px); font-size: 1.0rem; }
}

@media screen and (max-width:568px) {
    .sp-certList ul li { width: calc(50% - 20px); font-size: 0.9rem; margin-bottom: 3em; }
}


.smartBG { background:#edf1f8; padding: 5% 0; }
.smartBG h5 { font-size: 2.1em; color:#212121; line-height: 1.3em;  }
.smartBG ul li { display: inline-block; *zoom: 1; *display: inline; width: 280px; position: relative; vertical-align: top;}
.smartBG ul li::after { content:'▶'; font-size: 16px; position: absolute; right:-10px; top:0; line-height: 200px; color:#b2c0d8; }
.smartBG ul li:last-child::after { display: none; }
.smartBG ul li img { margin-bottom: 20px; }
.smartBG ul li dl dt { color:#212121; font-weight: 600; font-size: 1.46em; margin-bottom: 0.5em; line-height: 1.2em; }
.smartBG ul li dl dd { font-size: 1.06em; line-height: 1.4em;  }

.smartBG2 { background:#e3e9f3; padding: 3% 5%; overflow: hidden; }
.smartBG2 ul li { width: 50%; float: left; }
.smartBG2 ul li img { float: left; max-width: 55%; }
.smartBG2 ul li p { float: right; color:#212121; font-size: 1.46em; width: 45%; padding: 2% 5%; line-height: 1.5em;  }
.smartBG2 ul li p span { font-family: 'yg-jalnan'; font-size: 1.36em; display: block; color:#00cbc3; margin-bottom: 0.3em; }


.smartOption { border:10px solid #e3e9f3; overflow: hidden; padding: 2% 0; background:url("/images/sub/smartOptionBG.png") no-repeat right center;  }
.smartOption > div { float: left; }
.smartOption .ico { width: 18%; text-align: center;  }
.smartOption .ico img { max-width: 80% }
.smartOption .txt { width: 82%; }
.smartOption .txt h4 { color:#00cbc3; font-size: 1.8em; line-height: 1.2em; margin-bottom: 0.5em; }


@media screen and (max-width:976px) {
.smartBG ul li { width: 30%; vertical-align: top; }
.smartBG ul li img { max-width: 80%; }
.smartBG2 ul li { width: 100%; margin-bottom: 2%; }

.smartOption {padding: 4% 5% ; background-size: 40% auto; border-width: 8px; }
.smartOption .ico { display: none; }
.smartOption .txt { width: 100%; }
.smartOption .txt h4  {margin-bottom: 0.2em; }
}

@media screen and (max-width:640px) {
   .smartBG ul li { width: 40%; margin-bottom: 2em; }
   .smartBG ul li dl dd br { display: none; }
}



.sp-section { overflow: hidden; padding: 5% 0; }
.sp-cont { padding: 0 3.5%; }

.sp-tit { text-align: center; padding: 4% 0; }
.sp-tit .t1 { color:#98c4c2; font-size: 1.375em; font-weight: 600; display: inline-block; position: relative; padding: 0 250px;  }
.sp-tit .t1::before { content:''; width: 200px; height: 1px; background:rgba(152, 196, 194, 0.6); position: absolute; left:0; top: 50%; margin-top: -0.5px;  }
.sp-tit .t1::after { content:''; width: 200px; height: 1px; background:rgba(152, 196, 194, 0.6); position: absolute; right:0; top: 50%; margin-top: -0.5px;  }
.sp-tit h4 { color:#212121; font-size: 3.125em; font-weight: 700; line-height: 1.3em; margin-top: 0.5em;}

.sp-odtit { margin-bottom: 3em;  }
.sp-odtit .num { font-size: 5.625em; font-family: 'yg-jalnan'; color:#00e79d; display: inline-block; vertical-align: middle; margin-right: 0.1em; }
.sp-odtit p { font-size: 1.75em; color:#212121; line-height: 1.3em; display: inline-block; vertical-align: middle; }


@media screen and (max-width:1280px) {
.sp-tit .t1 { padding: 0 15vw; }
.sp-tit .t1::before, .sp-tit .t1::after { width: 10vw; }
.sp-tit h4 {  margin-top: 0.2em; }
}


.checkList {}
.checkList li { padding: 0.3em 0 0.3em 50px; background:url("/images/sub/ico_check.png") no-repeat left center; font-size: 1.31em;color:#212121;
                  line-height: 1.3em; margin-bottom: 0.4em; }

@media screen and (max-width:1280px) {
   .checkList li { padding-left: 40px; background-size: 30px; }
}

@media screen and (max-width:767px) {
   .checkList li { padding-left: 35px; background-size: 26px; }
}

.boxList { overflow: hidden; }
.boxList li { float: left; height: 530px; text-align: center; font-size: 1.5em; font-weight: 500; color:#212121; line-height: 1.3em;
                background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; padding: 4% 0; }
.boxList li .fs-s { font-size: 0.86em; font-weight: 300; }
.boxList li.col4 { width: 33.33%; }
.boxList li.col6 { width: 50%; }

.special3_1 { background-color:#e3e9f3; background-image: url("/images/sub/special3_img1.png");  }
.special3_2 { background-color:#f5f8fc; background-image: url("/images/sub/special3_img2.png");  }
.special3_3 { background-color:#e3e9f3; background-image: url("/images/sub/special3_img3.png");  }
.special3_4 { background-color:#edf3fc; background-image: url("/images/sub/special3_img4.png");  }
.special3_5 { background-color:#d6dde9; background-image: url("/images/sub/special3_img5.png");  }

.special4_1 { background-color:#e3e9f3; background-image: url("/images/sub/special4_img1.png");  }
.special4_2 { background-color:#f5f8fc; background-image: url("/images/sub/special4_img2.png");  }
.special4_3 { background-color:#e3e9f3; background-image: url("/images/sub/special4_img3.png");  }
.special4_4 { background-color:#d6dde9; background-image: url("/images/sub/special4_img4.png");  }
.special4_5 { background-color:#ebf3fe; background-image: url("/images/sub/special4_img5.png");  }


@media screen and (max-width:1480px) {
   .boxList li { height: 35vw; font-size: 1.45em; padding: 5% 2%;  }
}

@media screen and (max-width:1280px) {
 .boxList li.col4 br { display: none; }
}

@media screen and (max-width:976px) {
   .boxList li { height: 38vw; font-size: 1.4em;  }
}


@media screen and (max-width:767px) {
   .boxList li {  height: 45vw;  }
   .boxList li.col4 { width: 100%; background-position: 60% auto; background-size: 50% auto; }
   .boxList li.col6 { width: 100%; background-size: 65% auto; }
   .boxList li.col4 br { display: block; }
}

.icoList { text-align: center; overflow: hidden; }
.icoList li { float: left; width: 33.33%; padding: 3%; box-sizing: border-box; border-left:1px solid rgba(255,255,255,0.5); }
.icoList li:first-child { border: none; }
.icoList li img { max-width: 60%; margin-bottom: 20px;  }
.icoList li dl dt { color:#212121; font-weight: 500; font-size: 1.3em; margin-bottom: 0.8em; line-height: 1.3em; }
.icoList li dl dd { font-size: 1.05em; line-height: 1.3em;  }


@media screen and (max-width:767px) {
   .icoList li { width: 100%; padding: 3%; border-left:0; border-top: 1px solid rgba(255,255,255,0.5); }
   .icoList li img { display: inline-block; vertical-align: middle; max-width: 20%; margin-bottom:0; }
   .icoList li dl { display: inline-block; vertical-align: middle;  width: 76%; text-align: left; margin-left:2%; }
}

@media screen and (max-width:480px) {
   .icoList li  { padding: 5% 4%; }
   .icoList li dl dt { margin-bottom: 0.5em; }
}


#covid19 { overflow: hidden; text-align: center; height: 600px; padding: 7%; box-sizing: border-box;
                 background:url("/images/sub/covid19_top.png") no-repeat center; background-size: cover; }
#covid19 h3 { font-size: 3.2em; color:#212121; line-height: 1.2em; font-weight: 600; }

.btn_down { color:#fff; background:#00cbc3 url("/images/sub/btn_down.png") no-repeat 95% center;
                  line-height: 3em; font-size: 1.05em; padding: 0 60px 0 20px; display: inline-block; border-radius: 3px; }

@media screen and (max-width:1280px) {
   #covid19  { height: 45vw; }
}

@media screen and (max-width:976px) {
   #covid19 h3 { font-size: 2.8em; }
}

@media screen and (max-width:767px) {
   #covid19 { height: 50vw; }
}


#product10 {}
@media screen and (max-width:859px) {
   #product10 img { width:100% }
}


.f-inner{width: 100%; max-width: 1920px; margin: 0 auto; position: relative;}
.f-inner .box{display: flex; justify-content: space-between; align-items: center; box-shadow: 0px 0px;}
.f-inner .box > div{width: 50%;}
.f-inner .box > div img{max-width: 100%;}
.f-inner .box > div.txt{display: flex; flex-direction: column; padding: 60px; padding-left: 100px; padding-right: 45px;}
.f-inner .box > div.txt h3{font-size: 50px; font-weight: 500; color: #232323; font-family: 'Roboto', sans-serif; letter-spacing: -0.02em; line-height: 1.2em;}
.f-inner .box > div.txt p{ display: none; font-size: 20px; color: #686868; margin-top: 25px; line-height: 1.6em;}
.f-inner .box > div.txt .eng{font-size: 20px; color: #333; margin-top: 15px; line-height: 1.4em; font-family: 'Barlow Condensed', sans-serif;}

@media all and (max-width:1280px){
	.f-inner .box > div.txt{padding-left: 70px;}
	.f-inner .box > div.txt h3{font-size: 42px;}
	.f-inner .box > div.txt p{font-size: 18px;}
	.f-inner .box > div.txt .eng{font-size: 18px;}
}
@media all and (max-width:976px){
	.f-inner .box > div.txt{padding-left: 55px;}
	.f-inner .box > div.txt h3{font-size: 36px;}
	.f-inner .box > div.txt p{font-size: 16px;}
	.f-inner .box > div.txt .eng{font-size: 16px;}
}
@media all and (max-width:768px){
	.f-inner{width: 96%;}
	.f-inner .box{flex-direction: column;}
	.f-inner .box > div{width: 100%;}
	.f-inner .box > div.txt{order: 2; padding-left: 0; padding-top: 30px; padding-right: 0; padding-bottom: 0; margin-bottom: 50px;}
	.f-inner .box > div.txt h3{font-size: 28px;}
	.f-inner .box > div.txt p{margin-top: 15px;}
	.f-inner .box > div.txt .eng{margin-top: 10px; font-size: 15px;}
}
@media all and (max-width:640px){
	.f-inner .box > div.txt h3{font-size: 26px;}
	.f-inner .box > div.txt p{font-size: 14px;}
	.f-inner .box > div.txt p br{display: none;}
	.f-inner .box > div.txt .eng br{display: none;}
}