@charset "UTF-8";
/* CSS Document */


@media (max-width: 840px) {
	.gnav li{
		padding: 0;
	}
}

@media (max-width: 800px) {
	
	.pc{display: none;}
	.sp{display: inherit;}
	
	
	body{
		font-size: 13px;
	}
	
	header.top,
	header{
		position: fixed;
		top: 16px;
		left: 24px;
		padding: 0;
		background: none;
		transform: none;
		z-index: 999;
		width: 16vw;
		border: none;
	}
	
	header:after{
		display: none;
	}
	
	.l-wrap,.m-wrap{
		padding-top: 12vh;
	}
	
	.l-wrap.sp-nm,
	.m-wrap.sp-nm{
		padding-top: 0;
	}
	
	.top-icatch-area,
	.top-slider{
		width: 100%;
		height: 80vh;
	}

	.top-slider img{
	    height: 80vh;
	}	
	
	.post-wrap .post{
		width: 50%;
	}
	
	.top-news-area div:nth-of-type(3).post,
	.top-diary-area div:nth-of-type(3).post{
		display: none;
	}
	
	.post-wrap .post h3{
		line-height: 1.6;
		padding: 12px;
	}
	
	.top-news-area{
		margin-bottom: 7.2vh;
	}
	
	.concept-read-area,
	.concept-profile-area,
	.service-wrap{
		margin-bottom: 7.2vh;
	}
	
	.service-wrap table{
		width: 100%;
	}
	
	.service-contents-wrap{
		column-count:unset;
		column-gap:unset;
	}
	
	.service-contents{
		width: 100%;	
	}
	
	.service-contents .text br{
		display: none;
	}
		
	.service-wrap .note th{
		width: 99%;
	}
	.service-wrap .note td{
		width: 1%;
	}
	
	.please-area{
		padding: 2em 5%;
	}
	
	.please-area h3{
		width: 100%;
		margin-bottom: 3.2vh;
		font-size: 18px;
	}
	.please-area p{
		width: 100%;
	}
	
	.post-wrap .post .thumb .cat{
		padding: 8px;
		font-size: 13px;
	}
	
	h2.service{
		padding-left: 0;
	}
	
	.ba-wrap .content{
		width: calc(50% - 4px);
	}

	.faq-contents dt{
		margin: 1.5em 0;
	}
	
	.faq-contents.active dt{
		margin-bottom: 0;
	}
	
	.faq-contents.active dd{
		margin-top: .5em;
	}
	
	.single-wrap h3{
		font-size: 17px;
	}
	
	.service-icatch-wrap p,
	.single-wrap.service-single-wrap .service-detail-contents .text{
		font-size: 1em;
	}
	
	.service-icatch-wrap,
	.single-wrap.service-single-wrap .service-detail-contents{
		margin-bottom: 5em;
	}

	.single-wrap.service-single-wrap .service-detail-contents .thumb-wrap,
	.single-wrap.service-single-wrap .service-detail-contents .video-wrap{
		width: 90%;
	
	}
	
	.ba-wrap .content .video-wrap .play-btn{
		max-width: 40px;
	}

	.post-wrap .content .tag {
	    padding: 0px 13px;
		font-size: 15px;
	}


}

@media (max-width: 400px) {
	.open-menu-wrap li span.en{
		font-size: 46px;
	}

}