@charset "UTF-8";


@media (max-width:1240px) {
	body {font-size:14px}
	.inner {max-width:96%; margin:0 auto}
	.sub-notice {max-width:96%; margin:0 auto}

	.main-cont02 .video-wrap .swiper-slide a {flex-direction:column}
	.main-cont02 .video-wrap .swiper-slide .video-box {width:100%;}
	.main-cont02 .video-wrap .swiper-slide .text-box {width:100%;}
	

	.sub0102 .flex .text-box {width:calc(100% - 370px)}
}

@media (max-width:1024px) {

	.icoSns {width:22px;height:22px;}
	.icoSns--blog {background-position:-22px;}
	.icoSns--youtube {background-position:-44px;}
	.icoSns--facebook {background-position:-66px;}
	#header .top ul li:last-child a {padding:7px 17px;;}
	#header .top .inner {max-width:100%}
	#header .bottom .inner .sns a {width:32px; height:32px;}
	#header .bottom .inner .logo img {width:180px}
	#header .gnb {display:none;}
	#header .m-gnb {display:block;}
	#header .m-gnb .btn-open{display:block; position:relative; width:24px; height:18px; margin-left:14px;}
	#header .m-gnb .btn-open span {display:block; width:100%; height:2px; background:#333; position:absolute; left:0;top:0; transition:0.15s}
	#header .m-gnb .btn-open span:nth-child(2) {left:0;top:50%;}
	#header .m-gnb .btn-open span:nth-child(3) {left:0;top:100%;}
	#header .m-gnb .btn-open.on span {transform:translateY(-50%) rotate(45deg); top:50%; transition:0.15s}
	#header .m-gnb .btn-open.on span:nth-child(2) {opacity:0;}
	#header .m-gnb .btn-open.on span:nth-child(3) {transform:rotate(-45deg); top:calc(50% - 1px);}
	#header .m-gnb .m-gnb-wrap {display:none; position:absolute; left:0;top:calc(100% + .5rem);width:100%;z-index:999; background:#fff; padding:20px 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.2) 0px 10px 10px -5px;}
	#header .m-gnb .m-gnb-wrap .inner {display:block;}
	#header .m-gnb .m-gnb-wrap .inner .depth1 li a{font-size:1.125em; font-weight:500; padding:1rem;}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li {border-bottom:1px solid #efefef;}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li:last-child {border-bottom:0;}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li a {position:relative;}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li > a::after {position:absolute; right:calc(1rem + 4px);top:calc(50% + 2px);transform:translate(-50%,-50%) rotate(45deg); width:8px; height:2px;background:#333;content:'';}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li > a::before {position:absolute; right:1rem;top:calc(50% + 2px);transform:translate(-50%,-50%) rotate(-45deg); width:8px; height:2px;background:#333;content:'';}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li.on > a::before {transform:translate(-50%,-50%) rotate(-315deg);}
	#header .m-gnb .m-gnb-wrap .inner .depth1 > li.on > a::after {transform:translate(-50%,-50%) rotate(-45deg);}
	#header .m-gnb .m-gnb-wrap .inner .depth2 li a {font-size:1em; padding:.2rem 1rem;}
	#header .m-gnb .m-gnb-wrap .inner .depth2 {margin:1rem; display:none; background:#f9f9f9; margin-top:0; padding:.5rem 0}


	#main-visual {height:380px}
	#main-visual .swiper-slide .text-box .title {font-size:32px;}
	#main-visual .swiper-slide .text-box .btn {margin-top:2rem}


	.quick-menu ul li {flex:1}
	.quick-menu ul li a {padding:20px 0}
	.quick-menu ul li a img {max-width:50px}


	.main-cont01 {padding:4.5rem 0;}
	.main-cont02 {margin:4.5rem 0}
	.main-cont02 .video-wrap .swiper-slide .text-box {padding:16px}
		.main-cont02 .video-wrap .swiper-slide .text-box .title, .main-cont02 .video-wrap .swiper-slide .text-box .desc {-webkit-line-clamp:1}
	.main-cont02 .video-wrap .swiper-slide .text-box .desc {padding-bottom:18px; margin-top:6px;}


	#sub-visual {height:180px;}
	#sub-visual .title {width:100%; font-size:36px; text-align:center; line-height:1.2}
	#sub-content {margin:70px 0 100px}
	.sub-con > div {margin-top:3.5em}
	#sub-content .section+.section {margin-top:60px}
	#sub-content .title-wrap {margin-bottom:2rem}

	.sub0101 .img-box {height:300px;}


	.sub0103 .section01 .sec-cont {flex-direction:column; align-items:center; gap:20px}
	.sub0103 .section01 .sec-cont .right {width:670px}
	.sub0103 .section02 dl {padding:20px}
	.sub0103 .section03 .sec-cont {flex-direction:column; align-items:center; gap:20px}
	.sub0103 .section03 .sec-cont .number {width:726px;}
	.sub0103 .section03 .sec-cont .number ul {columns:2}
	
	.sub0201 .flex {flex-direction:column}
	.sub0201 .flex > div {padding:2em 1.5em;}
	.sub0203 .step-wrap ul {flex-wrap:wrap;}
	.sub0203 .step-wrap ul li{width:calc(50% - 10px); flex:none; padding:20px;}

	.album__list li {width:calc((100% - 1em * 2) / 2)}

	
	.sub-notice .b-list thead {display:none;}
	.sub-notice .b-list colgroup col:nth-child(4), .sub-notice .b-list colgroup col:nth-child(5), .sub-notice .b-list colgroup col:nth-child(6) {display:none;}
	.sub-notice .b-list td:nth-child(3) {display:none;}
	.sub-notice .b-list td:nth-child(4) {display:none;}
	.sub-notice .bd-post dl dt {width:110px}
	.sub-notice .bd-post dl dd {width:calc(100% - 100px)}
	.sub-notice .bd-post dl dd input[type="text"] {width:100%;}
	.sub-notice .bd-post dl dd input[type="password"] {width:100%;}

	#boardPost .tbl--vert th {width:110px}
	#boardPost .tbl--vert td {width:calc(100% - 110px)}
}

@media (max-width:768px) {
	.quick-menu ul {flex-wrap:wrap;}
	.quick-menu ul li {width:50%; flex:none;}
	

	.main-cont01 .cont .desc {font-size:16px;}

	.main-cont02 .inner {flex-direction:column}
	.main-cont02 .inner > div {width:100%;}

	.sub0102 .flex {flex-direction:column; align-items:center; gap:2em}
	.sub0102 .flex .text-box {width:100%;}


	.sub0103 .section03 .sec-cont .img-box {width:100%}
	.sub0103 .section03 .sec-cont .number {width:100%;}
	.sub0103 .section03 .sec-cont .number ul {columns:2}

	.tbl-wrap {overflow-x:scroll}
	.tbl-wrap table {width:768px;}

	.sub0205 .sec-cont dl {flex-direction:column; align-items:flex-start}
	.sub0205 .sec-cont dt img {max-width:36px;}
	.sub0205 .sec-cont dd {margin-left:0}

	.sub0402 .box ul li .title {margin-top:1em; padding-top:.5em;}

	.album__list li {width:100%}

	.sub-notice .board-c {padding:2em 0}

}
@media (max-width:600px) {
	.sub0402 .box ul li {width:100%;}
	.sub0402 .box ul li img {width:100%;}

}

@media (max-width:670px) {

	.sub0103 .section01 .sec-cont .left {width:100%;}
	.sub0103 .section01 .sec-cont .right {width:100%}
	.sub0103 .section01 dl dt img {max-width:36px}

}

@media (max-width:480px) {
#header .bottom .inner .logo img {width:160px}

	#main-visual .swiper-slide .text-box .title {font-size:28px;}
	.main-cont01 .cont .title {font-size:1.7em}

	.sub0101 .text-box .t-b br {display:none;}

	.sub0103 .section02 dt {font-size:14px;}
	.sub0103 .section03 .sec-cont .number ul {columns:1}



	.sub0203 .step-wrap ul li {width:100%}

	.sub0205 .box {padding:20px}

	.sub-notice .board-c input[type="text"] {width:120px;}
	.board__search input[type="text"] {width:120px;}
}