@charset "UTF-8";
/* CSS Document */
h3 span{font-size: 16px}
h4{font-size: 22px; color: #fff; font-weight: bold; text-align: center; background: #00b0cc; padding: 5px 0; margin: 0 0 8px;}
h4 span{font-size: 16px; display: inline-block;}
.sp{line-height: 1.7;}
#boxTit{margin: 0 auto 60px;}

#boxInfo{margin: 0 auto 10px;;}
#boxInfo ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; 
}
#boxInfo li{width: 31%; background: #e5f7fa; padding: 3.1%; border-radius: 5px;}
#boxInfo li:nth-of-type(2) h3{font-size: 21px;}
#boxInfo li:nth-of-type(2) h3 span{font-size: 15px;}
#boxInfo li:nth-of-type(2){background: #e6f6eb;}
#boxInfo li:nth-of-type(2) h3{color: #0aa636;}
#boxInfo li:nth-of-type(2) h3:before{background: #0aa636;}

#boxInfo li p{line-height: 1.8;}

#navChild{width: 100%; max-width: 550px; margin: 0 auto; position: relative; z-index: 2; padding: 0 40px;}
#navChild ul{display: flex; justify-content: space-between;}
#navChild li{width: 48%; text-align: center; font-size: 16px; color: #fff; border: 2px solid #00b0cc; line-height: 1.3; background: #00b0cc; position: relative; cursor: pointer;}
#navChild li a{display: block; padding: 18px 0;}
#navChild li a:hover{opacity: 1;}
#navChild li a:after{content: ''; width: 8px; height: 4px; background: url(../../images/symposium/ic_2.png); display: block; margin: 5px auto 0;}
#navChild li.active a:after,
#navChild li:hover a:after{background: url(../../images/symposium/ic_1.png);}

#navChild li.active,
#navChild li:hover{color: #00b0cc; background: #fff;}
#navChild li.active:before,
#navChild li:hover:before{content: ''; display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; bottom: -2px;}

.wrap{margin: -2px auto 0; border: 2px solid #00b0cc; position: relative; z-index: 1; padding: 3.5% 4.5%;}
.row{margin: 0 0 30px;}
.row:last-of-type{margin: 0 auto 10px;}
.fl{float: left;}
.fr{float: right;}
.pt1{padding: 5px 0 0!important;}
.mt2{margin: 20px 0!important;}
.txt-center{text-align: center; padding: 0 0 5px;}

.tit1{font-size: 18px; font-weight: bold; margin: 0 0 15px;}
.tit1 span{font-size: 14px; font-weight: normal;}
.tit1 i{margin: 0 10px 0 0;}
.tit2{font-size: 18px; color: #00b0cc; font-weight: bold; padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px dashed #ececec;}
.txt1{font-size: 16px;}
.fb{font-weight: bold;}

/* tab 1 */
.tab{max-width:1060px; margin:0 auto; width:calc(100% - 20px);}
.tab .note{padding:10px 0 0 0;}

#tab1 .frame-1{margin: 0 0 60px;}
#tab1 .frame-1 table{width: 640px;}
#tab1 .frame-1 tr:first-of-type,#tab1 .frame-1 td:first-of-type{background: #e5f7fa;}
#tab1 .frame-1 td{border: 1px solid #a0a0a0; text-align: center; padding: 12px 0; width: 38%;}
#tab1 .frame-1 td:first-of-type{width: 24%; padding: 12px 0 12px 20px; text-align: left;}
#tab1 .frame-1 .txt1{margin: 0 0 5px; text-align: left;}
#tab1 .frame-1 td.line{background: url("../../images/symposium/line.png") no-repeat top left/100% 100%;}

#tab1 .frame-2 .group{margin:0 0 4px;}
#tab1 .frame-2 .frame-txt {margin-bottom: 20px;}
#tab1 .frame-2 .boxTit{font-size:15px; font-weight:bold; color:#fff; text-align:center; position:relative; display: flex; flex-wrap: wrap;}
#tab1 .frame-2 .boxTit p{font-size:20px;}
#tab1 .frame-2 .boxTit span{display:block; font-size:16px;}
#tab1 .frame-2 .colTit1{background:#3c87cb; width:calc(50% - 2px); margin:0 4px 0 0;}
#tab1 .frame-2 .colTit1 p{padding:30px 0;}
#tab1 .frame-2 .colTit2{background:#327727; width:calc(50% - 2px);}
#tab1 .frame-2 .colTit2 p{padding:12px 0;}
#tab1 .frame-2 .colTit2 ul{background: #fff; display: flex; justify-content: space-between;}
#tab1 .frame-2 .colTit2 li{background: #24581b; font-size:18px; width: calc(50% - 2px); padding: 8px 0;}


#tab1 .frame-2 .box{display: flex; flex-wrap: wrap; justify-content: space-between;}
#tab1 .frame-2 .col{position:relative;}
#tab1 .frame-2 .col1{width:calc(50% - 2px); margin:0 4px 0 0; border-bottom:4px solid #cee6ea; background:#e5f7fb;}
#tab1 .frame-2 .col2{width:calc(50% - 2px); border-bottom:4px solid #e6f6eb;}
#tab1 .frame-2 .col2 {display: flex; flex-wrap: wrap; justify-content: space-between;}
#tab1 .frame-2 .col2 .col2_1 {width:calc(50% - 2px); background: #e6f6eb;}
#tab1 .frame-2 .col2 .col2_2 {width:calc(50% - 2px); background: #e6f6eb;}
#tab1 .frame-2 .col2 .item {min-height: 145px;}

#tab1 .frame-2 .col2 .mh165 {min-height: 165px;}
#tab1 .frame-2 .col2 .mh260 {min-height: 260px;}
#tab1 .frame-2 .col2 .mh400 {min-height: 400px;}


#tab1 .frame-2 .hideBor1{border-bottom:4px solid #e5f7fa !important;}

#tab1 .frame-2 .item{padding:15px 15px;}
#tab1 .frame-2 .item .bold {font-weight: bold; font-size: 18px;}
#tab1 .frame-2 .col .item:last-of-type{border-bottom:none;}
#tab1 .frame-2 .col1 .item{border-bottom:4px solid #cee6ea; padding:25px 15px;}
#tab1 .frame-2 .col2 .item{border-bottom:4px solid #cde7d5;}



#tab1 .frame-2 .noBor{border-bottom:none;}
#tab1 .frame-2 .time{font-size:16px; font-weight:bold; margin:0 0 5px;}
#tab1 .frame-2 .time span{font-size:12px; font-weight:normal;}
#tab1 .frame-2 .col4 .time{margin:0;}
#tab1 .frame-2 .cate{border:1px solid #000; padding:3px; text-align:center; line-height:1.5; margin:0 0 5px;}
#tab1 .frame-2 .cname{font-size:16px; font-weight:bold; line-height:1.5; word-break:break-all;}

#tab1 .frame-2 .inner{position:relative; padding:0 calc(31.25% + 15px) 10px 0; min-height:200px;}
#tab1 .frame-2 .txt1{font-size:18px; font-weight:bold; margin:0 0 5px;}
#tab1 .frame-2 .txt1 span{font-size:14px; font-weight:normal; display:inline-block;}
#tab1 .frame-2 .txt2{font-size:18px; color:#00b0cc; font-weight:bold; border-bottom:1px dashed #cedee1; margin:0 0 15px; padding:0 0 15px;}
#tab1 .frame-2 .name{font-size:14px; margin:0 0 20px;}
#tab1 .frame-2 .name span{font-size:16px; font-weight:bold; display:block;}
#tab1 .frame-2 .boxBtn{display: flex; justify-content: center;}
#tab1 .frame-2 .btn1,
#tab1 .frame-2 .btn2{display:block; padding:5px 0; text-align:center; font-weight:bold; font-size:12px; border-radius:20px; width: 140px; margin: 0 5px; position: relative;}
#tab1 .frame-2 .btn1 span:after,
#tab1 .frame-2 .btn2 span:after{content:''; width:4px; height:8px; position: absolute; top: 50%; right: 12px; margin: -4px 0 0 0;}
#tab1 .frame-2 .btn1{border:2px solid #00b0cc; color:#00b0cc;}
#tab1 .frame-2 .btn1 span:after{background:url(../../images/symposium/ic_3.png) no-repeat right center;}
#tab1 .frame-2 .btn2{border:2px solid #e58803; background:#e58803; color:#fff;}
#tab1 .frame-2 .btn2 span:after{background:url(../../images/symposium/ic_4.png) no-repeat right center;}
#tab1 .frame-2 .btn2 br{display:none;}
#tab1 .frame-2 .cap{font-size:11px; padding:7px 0 0 0; text-align:center;}
#tab1 .frame-2 .frame-txt .cap {text-align: left; padding: 0;}
#tab1 .frame-2 .img{position:absolute; top:0; right:0; width:31.25%;}
#tab1 .frame-2 .img figcaption{font-size:11px; text-align:center; padding:7px 0 0 0;}
#tab1 .frame-2 .list{max-width:335px;}
#tab1 .frame-2 .list:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}
#tab1 .frame-2 .list li{width:47.76%; float:left; margin:0 4.48% 20px 0;}
#tab1 .frame-2 .list li:nth-of-type(2n){margin:0 0 20px;}
#tab1 .frame-2 .list li:nth-of-type(2n+1){clear:both;}
#tab1 .frame-2 .list figure{margin:0 0 10px;}
#tab1 .frame-2 .list .btn1{margin:0;}

#tab1 .frame-2  .un {cursor: default !important; opacity: 0.4 !important;}
#tab1 .frame-2  .un:hover {opacity: 0.4 im !important;}

#tab1 .frame-2 .group1{margin: 0 0 30px;}
#tab1 .frame-2 .group2{margin: 0 0 30px;}

/* pc fix 11-29 */
#tab1 .frame-2 .group3 .boxTit{line-height: 1.5; font-weight:bold; color:#fff; text-align:center; position:relative; display: flex; justify-content: space-between;}
#tab1 .frame-2 .group3 .boxTit p{font-size: 19px;}
#tab1 .frame-2 .group3 .boxTit span{display:block; font-size:15px;}
#tab1 .frame-2 .group3 .colTit1{background: #3c87cb; width: 156px; display: flex; justify-content: center; align-items: center;}
#tab1 .frame-2 .group3 .colTit2{background: #327727; width: calc(100% - 164px);}
#tab1 .frame-2 .group3 .colTit2 p{padding: 10px 0;}
#tab1 .frame-2 .group3 .colTit2 ul{background: #fff; display: flex; justify-content: space-between;}
#tab1 .frame-2 .group3 .colTit2 li{background: #24581b; font-size:18px; width: calc(50% - 2px); padding: 8px 0;}
#tab1 .frame-2 .group3 .box{display: flex;}
#tab1 .frame-2 .group3 .item{padding: 15px 15px 25px; min-height: 120px;}
#tab1 .frame-2 .group3 .empty{height: 20px; min-height: 1px; padding: 0;}
#tab1 .frame-2 .group3 .empty2x{height: 40px; min-height: 1px; padding: 0;}
#tab1 .frame-2 .group3 .empty3x{height: 60px; min-height: 1px; padding: 0;}

#tab1 .frame-2 .group3 .col1{background: #e5f7fb; width: 156px; margin: 0 8px 0 0; border-bottom: 4px solid #cee6ea;}
#tab1 .frame-2 .group3 .col1 .item{border-bottom: 4px solid #cee6ea;}
#tab1 .frame-2 .group3 .col2,
#tab1 .frame-2 .group3 .col3{background: #e6f6eb; width: calc((100% - 168px) / 2); font-size: 15px; border-bottom: 4px solid #c7e1cf;}
#tab1 .frame-2 .group3 .col2{margin: 0 4px 0 0; display: block;}
#tab1 .frame-2 .group3 .col2 .item,
#tab1 .frame-2 .group3 .col3 .item{border-bottom: 4px solid #c7e1cf;}
#tab1 .frame-2 .group3 .noBor{border-bottom:none !important;}
#tab1 .frame-2 .group3 .col1 .item:last-of-type,
#tab1 .frame-2 .group3 .col2 .item:last-of-type,
#tab1 .frame-2 .group3 .col3 .item:last-of-type{border-bottom: none;}

#tab1 .frame-2 .group3 .box:last-of-type .col1,
#tab1 .frame-2 .group3 .box:last-of-type .col2,
#tab1 .frame-2 .group3 .box:last-of-type .col3{border-bottom: none;}

#tab1 .frame-2 .group3 .date{font-size: 14px; line-height: 1.5;}
#tab1 .frame-2 .group3 .date span{font-size: 18px; font-weight: bold;}
#tab1 .frame-2 .group3 .name{font-size: 17px; font-weight: bold; margin-top: 20px; line-height: 1.5;}
#tab1 .frame-2 .group3 .name span{font-size: 13px; font-weight: normal; display: block;}

#tab1 .frame-2 .group3 .colTit2{width: 100%;}
#tab1 .frame-2 .group3 .col2,
#tab1 .frame-2 .group3 .col3{width: calc((100% - 4px) / 2);}
/* end pc fix 11-29 */


/* tab2 */
#tab2 .frame-2 .group1,
#tab2 .frame-2 .group2{margin:0 0 30px;}

#tab2 .frame-2 .boxTit{line-height: 1.5; font-weight:bold; color:#fff; text-align:center; position:relative; display: flex; justify-content: space-between;}
#tab2 .frame-2 .boxTit p{font-size: 19px;}
#tab2 .frame-2 .boxTit span{display:block; font-size:15px;}
#tab2 .frame-2 .colTit1{background: #3c87cb; width: 156px; display: flex; justify-content: center; align-items: center;}
#tab2 .frame-2 .colTit2{background: #327727; width: calc(100% - 164px);}
#tab2 .frame-2 .colTit2 p{padding: 10px 0;}
#tab2 .frame-2 .colTit2 ul{background: #fff; display: flex; justify-content: space-between;}
#tab2 .frame-2 .colTit2 li{background: #24581b; font-size:18px; width: calc(50% - 2px); padding: 8px 0;}
#tab2 .frame-2 .box{display: flex;}
#tab2 .frame-2 .item{padding: 15px 15px 25px; min-height: 120px;}
#tab2 .frame-2 .empty{height: 20px; min-height: 1px; padding: 0;}
#tab2 .frame-2 .empty2x{height: 40px; min-height: 1px; padding: 0;}
#tab2 .frame-2 .empty3x{height: 60px; min-height: 1px; padding: 0;}

#tab2 .frame-2 .col1{background: #e5f7fb; width: 156px; margin: 0 8px 0 0; border-bottom: 4px solid #cee6ea;}
#tab2 .frame-2 .col1 .item{border-bottom: 4px solid #cee6ea;}
#tab2 .frame-2 .col2,
#tab2 .frame-2 .col3{background: #e6f6eb; width: calc((100% - 168px) / 2); font-size: 15px; border-bottom: 4px solid #c7e1cf;}
#tab2 .frame-2 .col2{margin: 0 4px 0 0;}
#tab2 .frame-2 .col2 .item,
#tab2 .frame-2 .col3 .item{border-bottom: 4px solid #c7e1cf;}
#tab2 .frame-2 .noBor{border-bottom:none !important;}
#tab2 .frame-2 .col1 .item:last-of-type,
#tab2 .frame-2 .col2 .item:last-of-type,
#tab2 .frame-2 .col3 .item:last-of-type{border-bottom: none;}

#tab2 .frame-2 .box:last-of-type .col1,
#tab2 .frame-2 .box:last-of-type .col2,
#tab2 .frame-2 .box:last-of-type .col3{border-bottom: none;}

#tab2 .frame-2 .date{font-size: 14px; line-height: 1.5;}
#tab2 .frame-2 .date span{font-size: 18px; font-weight: bold;}
#tab2 .frame-2 .name{font-size: 17px; font-weight: bold; margin-top: 20px; line-height: 1.5;}
#tab2 .frame-2 .name span{font-size: 13px; font-weight: normal; display: block;}

#tab2 .frame-2 .full .colTit2{width: 100%;}
#tab2 .frame-2 .full .col2,
#tab2 .frame-2 .full .col3{width: calc((100% - 4px) / 2);}

/*191113追加 1/2 */
.hide{ display: none;}
.hide.target{ display: block;}
.jpgImage{}
.imagearea{ margin: 0 0 5px 0;}


/* popup */
.fancybox-overlay{background: rgba(0,0,0,0.4)!important;}
.fancybox-skin{padding: 0!important;}
.fancybox-opened .fancybox-skin{box-shadow: none!important;}
.pop-per [class*="list"] li{position: relative;}
.pop-per [class*="list"] span{position: absolute; top: 0; left: 0;}
.pop-per .list1 li{padding-left: 6.5em;}
.pop-per .list2 li{padding-left: 4.5em;}

.pop-per{display: none; width: 100%; max-width: 960px; padding: 3.5% 4.16%; background: #fff; overflow: hidden;}
.pop-per .pL{float: left; width: 77.3%;}
.pop-per .pR{float: right; width: 18.2%;}
.pop-per .per-tit{padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px dashed #ededed;}
.pop-per .p-txt{font-size: 18px; font-weight: bold;}
.pop-per .p-txt span{font-size: 14px;}
.pop-per .btnClose{display: block; width: 100%; max-width: 141px; margin: 60px auto 0; padding: 10px 0 10px 30px; border: 2px solid #00b0cc; color: #00b0cc; font-weight: bold; border-radius: 40px; line-height: 1;
	font-family: 'Montserrat', sans-serif;
	background: url(../../images/symposium/ic_5.png) no-repeat 76% center;
	cursor: pointer;
}

.btn{font-size: 20px; color: #fff; font-weight: bold; text-align: center; margin: 0 auto 50px; display: block; line-height: 1; padding: 45px 0;
	background-color: #620a2d;
	background: -webkit-linear-gradient(top, #a9114e, #620a2d);
	background: -moz-linear-gradient(top, #a9114e, #620a2d);
	background: -ms-linear-gradient(top, #a9114e, #620a2d);
	background: -o-linear-gradient(top, #a9114e, #620a2d);
	border-radius: 5px;
	position: relative;
}
.btn:before{content: ''; display: block; width: 6px; height: 11px; background: url(../../images/top/ic_1.png) no-repeat; position: absolute; top: 50%; right: 20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
fg:before {
	content: attr(t);
	position:absolute; top:-1em; left:0; width:100%;
    font-size: 50%;
    text-align: center;
	line-height: 1.5;
	
}

fg {
	display: inline-block;
	position:relative;
}

.box-txt{border: 2px solid #00b0cc; padding: 10px 15px; margin: 0 auto 40px; font-size: 11px;}
.btnGray{background: #BEBEBE!important; border: 2px solid #BEBEBE!important;}
.btnGray:hover{opacity: 1;}

.f16_green{
	font-size: 16px;
	color: #53a046;
	font-weight: bold;
	margin-top: 10px;
}
.f15{font-size: 15px;}
.f15.green{
	color: #53a046;
}

.mt20{margin-top: 20px;}

.f13_auth{
	font-size: 13px;
	margin-top: 10px;
}
.f13_auth span{
	font-size: 17px;
	font-weight: bold;
}

.col_p_child{
	width: calc(50% - 2px);
	background: #e6f6eb;
}
.bold2{
	font-weight: bold;
}


/*===============================
             MEDIA
================================*/
@media screen and (min-width:0\0){
	#navChild li{height: 90px!important;}
}

@media only screen and (max-width:980px){
	#boxInfo li{width: 100%; margin: 0 0 20px;}
	#boxInfo li p{line-height: 1.7;}
	
	/* tab 1 */
	.wrap{padding:3% 10px;}

	#tab1 .frame-2 .cname{font-size:14px;}
	#tab1 .frame-2 .time span{display:block;}
		
}

@media only screen and (max-width:750px){
	#navChild{padding: 0 5.3%;}

	.mt2{margin: 20px auto 30px!important;}
	.cap{text-align: center; position: static; width:100%; padding: 5px 0 0 0;}

	.listBtn{margin: 15px auto 0; max-width: 750px;}
	.listBtn li{width: 100%; margin: 0 0 5px; float: none;}
	.listBtn li:first-of-type{margin:0 0 5px;}
	.listBtn.mt2 li.orange{margin: 0 auto; float: none;}
	.listBtn li a{max-width: 200px; margin: 0 auto; background-position: 92% center!important; text-align: left!important;}
	.listBtn li.cap{margin:0; padding: 0;}

	/* tab 1 */
    #tab1 .frame-1 table{width: 100%;}
    
	#tab1 .frame-2 .colTit1{width:calc(50% - 1px); margin:0 2px 0 0;}
	#tab1 .frame-2 .colTit1 p{padding:5vw 0;}
	#tab1 .frame-2 .colTit2 p{padding:3vw 0;}
	
	#tab1 .frame-2 .col1{width:calc(50% - 1px); margin:0 2px 0 0; border-bottom:2px solid #cee9ee;}
	#tab1 .frame-2 .col2{border-right:1px solid #cde7d5; border-bottom:2px solid #cde7d5;}
	
	#tab1 .frame-2 .hideBor1{border-bottom:2px solid #e5f7fa !important;}	
    
	#tab1 .frame-2 .item{padding:15px 3px;}
	#tab1 .frame-2 .col1 .item{border-bottom:2px solid #cee9ee; padding:15px 5px;}
	#tab1 .frame-2 .col2 .item{border-bottom:2px solid #cde7d5;}
	
	#tab1 .frame-2 .inner{padding:0;}
	#tab1 .frame-2 .txt1{font-size:14px;}
	#tab1 .frame-2 .txt2{border:none; padding:0; font-size:14px;}
	#tab2 .frame-2 .txt2 span{font-size:10px;}
	#tab1 .frame-2 .img{position:static; width:100%; margin:0 auto 10px; text-align:center;}
	#tab1 .frame-2 .name{text-align:center; font-size:12px;}
	#tab1 .frame-2 .name span{font-size:14px;}
	#tab1 .frame-2 .time{font-size:14px;}
	#tab1 .frame-2 .time span{font-size:10px;}
	#tab1 .frame-2 .cate{font-size:12px;}
	#tab1 .frame-2 .cname{font-size:12px;}

    #tab1 .frame-2 .cap{font-size:10px;}
	#tab1 .frame-2 .list{max-width:750px; margin:0 0 10px;}
	#tab1 .frame-2 .list li{width:100%; float:none; margin:0 0 20px;}
	#tab1 .frame-2 .list li:last-of-type{margin:0;}
	#tab1 .frame-2 .list figure{text-align:center;}
	#tab1 .frame-2 .list .btn1{max-width:200px; margin:0 auto;}
	#tab1 .frame-2 .cap{text-align:left;}
	
    #tab1 .frame-2 .boxBtn{flex-wrap: wrap; max-width: 200px; margin: 0 auto;}
    #tab1 .frame-2 .btn1{width: 100%; margin: 0 0 10px;}
    #tab1 .frame-2 .btn2{width: 100%; margin: 0;}
	
	/* tab 2 */
    #tab2 .frame-2 .cap{font-size:10px;}
    #tab2 .frame-2 .colTit1{width: 32%;}
    #tab2 .frame-2 .colTit2{width: calc(68% - 4px);}
    #tab2 .frame-2 .col1{width: 32%; margin: 0 4px 0 0;}
    #tab2 .frame-2 .col2, 
    #tab2 .frame-2 .col3{width: calc((68% - 8px) / 2);}
    #tab2 .frame-2 .item{padding: 15px 5px;}
    
    
    #tab2 .frame-2 .col1,
    #tab2 .frame-2 .col1 .item{border-bottom: 2px solid #cee6ea;}
    #tab2 .frame-2 .col2,
    #tab2 .frame-2 .col2 .item, 
    #tab2 .frame-2 .col3,
    #tab2 .frame-2 .col3 .item{border-bottom: 2px solid #c7e1cf;}
    
	/* popup */
	.pop-per .pL,.pop-per .pR{width: 100%; float: none;}
	.pop-per .pR{max-width: 160px; margin: 0 auto 15px;}
	.pop-per .per-tit{text-align: center;}

	.btn{font-size: 16px; padding:20px 0; margin: 0 auto 20px;}
	.btn:hover{opacity: 1;}

	fg:before {top:-0.5em;}
	
    /*191113追加 2/2 */
    .imgPc{ display: none;}
    .imgSp{ display: block;}
}

@media only screen and (max-width:480px){
	h4{font-size: 18px;}
	h4 span{font-size: 14px;}

	#navChild li{font-size: 3vw;}
	#navChild li,#navChild li.active, #navChild li:hover{background-position: center 12vw;}
	#navChild li a{padding: 3vw 0 5vw;}
	#navChild li:last-of-type a{padding: 4.5vw 0 0;}

	.tit1,.tit2{font-size: 16px;}
	.txt1{font-size: 14px;}

	#boxInfo li{padding: 10px;}
	#boxInfo h3{font-size: 18px;}
	#boxInfo h3 span{font-size: 14px;}
	
	/* tab 1 */
    #tab1 .sp-scroll{overflow-x: scroll; -webkit-overflow-scrolling: touch; padding: 0 0 15px;}
    #tab1 .frame-1{margin: 0 0 50px;}
    #tab1 .frame-1 table{width: 436px;}    	
        
	#tab1 .frame-2 .boxTit p{font-size:3.3vw;}
	#tab1 .frame-2 .boxTit span{font-size:3vw;}
    #tab2 .frame-2 .col2, 
    #tab1 .frame-2 .col3{font-size: 3vw;}
    #tab1 .frame-2 .date{font-size: 3vw;}
    #tab1 .frame-2 .date span{font-size: 3.2vw; display: block;}
    #tab1 .frame-2 .name{font-size: 3.2vw;}
    #tab1 .frame-2 .name span{font-size: 3vw;}
    #tab1 .frame-2 p {font-size: 3vw;}
    #tab1 .frame-2 .item .bold {font-size: 3.2vw;}

    #tab1 .frame-2 .col1 {width: calc(32% - 2px); margin: 0;}
    #tab1 .frame-2 .col2 {width: calc(68% - 2px);}
    #tab1 .frame-2 .col2 .col2_1 {}
    #tab1 .frame-2 .col2 .col2_2 {}
    #tab1 .frame-2 .txt1 {font-size: 3vw;}
    #tab1 .frame-2 .txt1 span {font-size: 3vw;}
    #tab1 .frame-2 .txt2 {font-size: 3vw;}
    #tab1 .frame-2 .btn1, #tab1 .frame-2 .btn2 {font-size: 1.8vw;}
    
    #tab1 .frame-2 .colTit1 {width: calc(32% - 2px);}
    #tab1 .frame-2 .colTit2 {width: calc(68% - 2px);}
    #tab1 .frame-2 .colTit2 li {font-size: 3.2vw;}
    
    /* sp fix 11-29 */
	#tab1 .frame-2 .group3 .boxTit p{font-size: 3.3vw;}
    #tab1 .frame-2 .group3 .boxTit span{font-size: 3vw;}
    #tab1 .frame-2 .group3 .colTit2 li{font-size: 3.2vw;}
    #tab1 .frame-2 .group3 .col2, 
    #tab1 .frame-2 .group3 .col3{font-size: 3vw;}
    #tab1 .frame-2 .group3 .date{font-size: 3vw;}
    #tab1 .frame-2 .group3 .date span{font-size: 3.2vw; display: block;}
    #tab1 .frame-2 .group3 .name{font-size: 3.2vw;}
    #tab1 .frame-2 .group3 .name span{font-size: 3vw;}
    /* end sp fix 11-29 */

	/* tab 2 */	
    #tab2 .frame-2 .boxTit p{font-size: 3.3vw;}
    #tab2 .frame-2 .boxTit span{font-size: 3vw;}
    #tab2 .frame-2 .colTit2 li{font-size: 3.2vw;}
    #tab2 .frame-2 .col2, 
    #tab2 .frame-2 .col3{font-size: 3vw;}
    #tab2 .frame-2 .date{font-size: 3vw;}
    #tab2 .frame-2 .date span{font-size: 3.2vw; display: block;}
    #tab2 .frame-2 .name{font-size: 3.2vw;}
    #tab2 .frame-2 .name span{font-size: 3vw;}
    
	/* popup */
	.pop-per{padding: 20px 10px;}
	.pop-per .p-txt{font-size: 16px;}
	.pop-per .btnClose{margin: 40px auto 0;}

	.f16_green{font-size: 3.5vw;}
	.f15{font-size: 3.5vw;}
	.f13_auth{
		font-size: 3vw;
	}
	.f13_auth span{
		font-size: 3.2vw;
	}
}