@charset "utf-8";

@media (max-width: 1400px) {
	#footer .logo {max-width:220px;}
	#footer .info .txt {max-width:560px;}
}

@media (max-width: 1024px) {
	#header {height:100px;}
	#header .sitemap {display:none;}
	#header.hide {transform:translateY(0);}
	

	.main-visual .txt-box {padding-bottom:0; align-items:flex-start; padding-top:160px;}
	.main-visual .txt-box h2 {font-size:60px;}
	.main-visual .txt-box h2 strong {margin-bottom:20px;}
	.main-visual .txt-box p {font-size:20px; margin-bottom:40px;}
	.main-visual .txt-box a {font-size:16px; width:180px; line-height:56px; padding:0 20px; border-radius:28px;}
	.main-visual .txt-box a:hover {padding-left:20px;}
	.main-visual .txt-box a:before {display:none;}
	.main-visual .txt-box a:after {width:30px; height:30px; margin-top:-15px;}
	.main-visual .txt-box a:after {right:20px;}
	.main-visual .txt-box a:hover:after {opacity:1;}
	.main-visual .btns {bottom:60px;}
	/* section common */
	.sec-tit {margin-bottom:40px;}
	.sec-tit p {font-size:18px; margin-bottom:18px;}
	.sec-tit h3 {font-size:40px;}
	.sec-more a {font-size:16px; width:150px; line-height:56px; padding:0 20px; border-radius:28px;}
	.sec-more a:hover {padding-left:20px;}
	.sec-more a:before {display:none;}
	.sec-more a:after {width:30px; height:30px; margin-top:-15px;}
	.sec-more a:after {right:20px;}
	.sec-more a:hover:after {opacity:1;}
	/* section01 */
	.section01 {padding:100px 0 120px;}
	.section01 .arrows {margin-right:20px;}
	.section01 .slick-arrow {width:56px; height:56px}
	.section01 .item a {padding-top:0;}
	.section01 .item a:hover {padding-top:0; padding-bottom:0;}
	.section01 .inner {padding:20px;}
	.section01 .inner .img-box {margin-bottom:20px;}
	.section01 .inner .txt-box h4 {font-size:20px;}
	.section01 .inner .txt-box p {font-size:15px; margin-top:20px;}
	/* section02 */
	.section02 {padding:0 0 120px;}
	.section02 .inner {height:100px; }
	.section02 .inner .date {max-width:120px;}
	.section02 .inner .date strong {font-size:30px;}
	.section02 .inner .date p {font-size:15px;}
	.section02 .inner .txt {padding-left:30px; padding-right:80px;}
	.section02 .inner .txt p {font-size:24px;}
	.section02 .inner .txt span {width:46px; height:46px; margin-top:-23px; right:30px;}
	/* section03 */
	.section03 {padding:100px 0 120px;}
	.section03 .col {display:block; margin:0; }
	.section03 .col > div {width:100%; padding:0;}
	.section03 .txt-box {margin-bottom:60px;}
	.section03 .sec-tit {margin-bottom:30px;}
	.section03 .sec-tit .more {font-size:16px;}
	.section03 .cnt .inner {height:100px;}
	.section03 .cnt .inner .date {max-width:100px;}
	.section03 .cnt .inner .date strong {font-size:20px;}
	.section03 .cnt .inner .date p {font-size:15px;}
	.section03 .cnt .inner .txt {padding-right:80px;}
	.section03 .cnt .inner .txt p {font-size:20px;}
	.section03 .cnt .inner .txt span {width:28px; height:28px; margin-top:-14px;}
	.section03 .img-box .img {height:500px; padding-top:0; align-items:center;}
	.section03 .img-box p {font-size:18px; margin-bottom:16px;}
	.section03 .img-box h3 {font-size:40px; margin-bottom:30px;}
	.section03 .img-box .sec-more a:hover {padding-left:20px;}
	
	/* footer */
	#footer {padding:60px 0 0;}
	#footer .col {display:block; margin-bottom:60px;}
	#footer .logo {max-width:none; margin-bottom:40px;}
	#footer .info {width:100%; display:block;}
	#footer .info .txt {max-width:none; margin-bottom:40px;}
	#footer .info p {font-size:16px; margin-bottom:10px;}
	#footer .info dl {font-size:16px;}
	#footer .info dt {max-width:40px;}
	#footer .link ul {justify-content:flex-end; margin:0 -10px;}
	#footer .link ul li {padding:0 10px;}
	#footer .link ul li a {font-size:14px;}
	#footer .copy {border-radius:10px 10px 0 0; padding:30px 0;}
	#footer .copy .img {display:none;}
	#footer .copy p {font-size:14px;}

	.scrolltop {bottom:60px; right:15px; width:50px; height:50px;}


}

@media (max-width: 640px) {
	#header {height:80px;}

	.main-visual .txt-box {padding-top:120px;}
	.main-visual .txt-box h2 {font-size:30px;}
	.main-visual .txt-box p {font-size:18px; margin-bottom:30px;}
	.main-visual .txt-box a {font-size:14px; width:160px; line-height:46px; border-radius:24px;}
	.main-visual .txt-box a:after {width:20px; height:20px; margin-top:-10px;}
	.main-visual .txt-box a:hover:after {opacity:1;}
	.main-visual .btns {bottom:120px;}
	.main-visual .btns .bt-wrap {justify-content:center;}
	/* section common */
	.sec-tit {margin-bottom:30px;}
	.sec-tit p {font-size:16px; margin-bottom:10px;}
	.sec-tit h3 {font-size:28px;}
	.sec-more a {font-size:14px; width:120px; line-height:46px; border-radius:23px;}
	.sec-more a:after {width:20px; height:20px; margin-top:-10px;}
	/* section01 */
	.section01 {padding:80px 0 100px;}
	.section01 .slick-arrow {width:40px; height:40px}
	.section01 .inner .txt-box h4 {font-size:18px;}
	.section01 .inner .txt-box p {font-size:14px; margin-top:14px;}
	/* section02 */
	.section02 {padding:0 0 100px;}
	.section02 .inner {height:70px;}
	.section02 .inner .date {max-width:80px;}
	.section02 .inner .date strong {font-size:20px;}
	.section02 .inner .date p {font-size:14px;}
	.section02 .inner .txt {padding-left:10px; padding-right:60px;}
	.section02 .inner .txt p {font-size:20px;}
	.section02 .inner .txt span {width:40px; height:40px; margin-top:-20px; right:20px;}
	/* section03 */
	.section03 {padding:80px 0 100px;}
	.section03 .txt-box {margin-bottom:40px;}
	.section03 .sec-tit {margin-bottom:20px;}
	.section03 .sec-tit .more {font-size:14px;}
	.section03 .cnt .inner {height:70px;}
	.section03 .cnt .inner .date {max-width:80px;}
	.section03 .cnt .inner .date strong {font-size:18px;}
	.section03 .cnt .inner .date p {font-size:14px;}
	.section03 .cnt .inner .txt {padding-right:60px;}
	.section03 .cnt .inner .txt p {font-size:16px;}
	.section03 .cnt .inner .txt span {width:20px; height:20px; margin-top:-10px; right:20px;}
	.section03 .img-box .img {height:400px;}
	.section03 .img-box p {font-size:16px; margin-bottom:10px;}
	.section03 .img-box h3 {font-size:28px; margin-bottom:20px;}
	/* footer */
	#footer {padding:30px 0 0;}
	#footer .col {margin-bottom:30px;}
	#footer .logo {margin-bottom:30px;}
	#footer .info .txt {margin-bottom:30px;}
	#footer .info p {font-size:14px;}
	#footer .info dl {font-size:14px; display:block;}
	#footer .info dt {max-width:none;}
	#footer .info dd {width:100%;}
	#footer .link ul li a {font-size:13px;}
	#footer .copy {padding:10px 0;}

	.scrolltop {bottom:40px; width:44px; height:44px;}
}

@media (max-width: 400px) {
	
	/*
	.section02 .inner {height:auto; display:block;}
	.section02 .inner .date {max-width:none; flex-direction:row-reverse; height:40px; background:#003876; color:#fff; justify-content:flex-end; padding:0 20px;}
	.section02 .inner .date p:after {content:'.';}
	.section02 .inner .date strong {font-size:14px; font-weight:400; padding-left:6px; line-height:1.6em;}
	.section02 .inner .txt {width:100%; height:50px; display:flex; align-items:center; padding-left:20px;}
	.section02 .inner .txt p {font-size:18px;}
	*/
	
}