@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:600&display=swap');

h4{font-size: 18px; font-weight: bold; margin: 0 0 10px;}
h4 i{margin: 0 10px 0 0;}

#boxTit{margin: 0 auto 30px;}

.navLink{margin: 0 0 60px;}
.navLink li{float: left; width: 32.04%; margin: 0 1.94% 0 0; border: 2px solid #00b0cc; line-height: 1.3; text-align: center;}
.navLink li:last-of-type{margin: 0;}
.navLink li a{font-size: 16px; color: #00b0cc; display: block; padding: 25px 0 38px; height: 100%;
	background: url(../../images/outline/ic_1.png) no-repeat center 63px;
}
.navLink li:nth-of-type(1) a{padding: 16px;}
.navLink li a.active,.navLink li a.active:hover{color: #fff;
	background: #00b0cc url(../../images/outline/ic_2.png) no-repeat center 63px;
	opacity: 1;
}

.txt1{font-size: 16px; font-weight: bold;}
.txt2{font-weight: bold; color: #00b0cc;}
.txt2 .num{font-size: 16px; font-family: 'Montserrat', sans-serif; padding: 0 10px 0 0;}
.txt3{font-weight: bold; line-height: 1; padding: 10px; background: #e5f7fa; margin: 0 0 30px;}
.cap{font-size: 12px;}
.row{margin: 0 0 30px;}
.row:last-of-type,.row-1:last-of-type,.row-2:last-of-type{margin: 0;}
.row-1{margin: 0 0 50px;}
.row-2{margin: 0 0 80px;}
.list li{padding: 0 0 0 20px; background: url(../../images/outline/ic_3.png) no-repeat left 8px; margin: 0 0 6px;}
.btn{font-size: 20px; color: #fff; letter-spacing: 0.15em; font-weight: bold; text-align: center; margin: 0 auto 50px; display: block; line-height: 1; padding: 21px 0;
	background-color: #581717;
	background: -webkit-linear-gradient(top, #a62c2c, #581717);
	background: -moz-linear-gradient(top, #a62c2c, #581717);
	background: -ms-linear-gradient(top, #a62c2c, #581717);
	background: -o-linear-gradient(top, #a62c2c, #581717);
	border-radius: 5px;
	position: relative;
}
.btn:before{content: ''; display: block; width: 6px; height: 11px; background: url(../../images/outline/ic_4.png) no-repeat; position: absolute; top: 50%; right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btn1{color: #fff; text-align: center; line-height: 1; padding: 20px 0; width: 100%; max-width: 320px; border-radius: 5px; display: block;
	background: #0058a4 url(../../images/outline/ic_4.png) no-repeat 92% center;
}

.btn2{color: #fff; text-align: center; line-height: 1.4; padding: 20px 0; width: 100%; max-width: 600px/*320px*/; border-radius: 5px; display: block;
	background: #db82b6 url(../../images/outline/ic_4.png) no-repeat 94% center;
}

.linkPdf{padding: 0 0 0 20px; display: inline-block; position: relative;}
.linkPdf:before{content: ''; display: block; width: calc(100% - 20px); height: 2px; background: #7f7f7f; position: absolute; right: 0; bottom: 2px;}
.linkPdf i{position: absolute; left: 0; top: 6px; color: #00b0cc;}

.out{margin: 0 auto 90px;}
.out:last-of-type{margin: 0 auto;}

#out-1 .frame{margin: 0 0 60px;}
#out-1 .frame:last-of-type{margin: 0;}
#out-1 .frame:nth-of-type(2) h3:before{height: 56px;}
#out-1 .frame:nth-of-type(3) .row-1:last-of-type p{margin: 0 0 12px;}
#out-1 .fl{float: left; width: 66.67%;}
#out-1 .fr{float: right; width: 30.1%;}
#out-1 table{width: 100%; margin: 20px 0;}
#out-1 td{border: 1px solid #cccccc; padding: 8px 0 8px 30px;}
#out-1 td:first-of-type{width: 190px; background: #cceff5; padding: 8px 0 8px 20px;}
#out-1 .cap{margin:0 0 12px;}

#out-2 .wrap{border: 1px solid #00b0cc; padding: 3.5% 4.05%;}
#out-2 .inter{padding: 10px 20px; background: #e5f7fa; margin: 0 0 10px; border-radius: 5px;}
#out-2 .inter:last-of-type{margin: 0;}
#out-2 .item:nth-of-type(1){margin: 0 0 55px;}
#out-2 .item:nth-of-type(2){margin: 0 0 40px;}
#out-2 .item:nth-of-type(3){margin: 0 0 50px;}
#out-2 .item:nth-of-type(4){margin: 0 0 30px;}
#out-2 .item figure{text-align: center;}
#out-2 .row:nth-of-type(1) i{font-size: 15px; vertical-align: top; padding: 8px 0 0;}
#out-2 .row-2:nth-of-type(3){text-align: center;}
#out-2 .row-2:last-of-type i{font-size: 21px;}

#out-4 .row:first-of-type{/*border-bottom: 1px solid #dcdcdc;*/ padding: 0 0 25px; margin: 0 0 25px;}
#out-4 .fb{font-weight: bold; margin: 0 0 10px;}
#out-4 h5 {background: #e5f7fa;padding: 10px;margin: 0 0 20px;font-size: 1.2em;font-weight: bold;}

/*===============================
             MEDIA
================================*/
@media screen and (min-width:0\0){
	.list li{background-position: left 7px;}
}

@media only screen and (max-width:980px){
	.navLink li a{font-size: 1.6vw;}
}

@media only screen and (max-width:750px){
	.navLink li{width: 49%; margin: 0 2% 2% 0;}
	.navLink li:nth-of-type(2n){margin: 0 0 2%;}
	.navLink li a{font-size: 3vw; padding: 4vw 0 3vw;}
	.navLink li a,.navLink li a.active, .navLink li a.active:hover{background-position: center 11vw;}
	.navLink li:nth-of-type(1) a{padding: 2.5vw 0;}

	.linkPdf{text-decoration: underline;}
	.linkPdf:before{display: none;}
	
	.btn{font-size: 16px; padding:20px 0;}
	.btn:hover{opacity: 1;}
	.btn2 {font-size: 4.2vw;background: #db82b6 url(../../images/outline/ic_4.png) no-repeat 97% center;}

	#out-1 .frame:nth-of-type(2) h3::before{height: 100%;}
	#out-1 .fl,#out-1 .fr{width: 100%; float: none;}
	#out-1 .fr{max-width: 289px; margin: 0 auto 30px;}
	#out-1 tr:first-of-type{border-top: 1px solid #cccccc;}
	#out-1 td{display: block; border-top: none; padding: 10px!important;}
	#out-1 td:first-of-type{width: 100%;}
}

@media only screen and (max-width:480px){
	h4{font-size: 16px;}
	.navLink{margin: 0 0 30px;}

	.out{margin: 0 auto 50px;}
	.row-2,.row-1{margin: 0 0 30px;}
	.txt1,.txt2 .num{font-size: 14px;}
	.linkPdf{font-size: 12px;}

	#out-1 .frame{margin: 0 0 50px;}

	#out-2 .inter{padding: 10px;}
	#out-2 .item{margin: 0 0 30px!important;}

	#out-4 .row:first-of-type{padding: 0 0 15px; margin: 0 0 15px;}



}