@charset "utf-8";
@import url(media_sub.css);

@media(max-width: 1600px) {
	#footer .foot-wrap .contain .col .row.address {display: block; overflow: hidden;}
	#footer .foot-wrap .contain .col .row.address > ul {float: left;}
	#footer .foot-wrap .contain .col .row.address > ul:last-child {clear: left; margin-top: 8px;}
	#footer .foot-wrap .contain .col .row.address > ul:last-child > li .title {width: 95px;}
}

@media(max-width: 1200px) {
	#footer .foot-wrap .contain .col {display: block;}
	#footer .foot-wrap .contain .col .row.foot-btn {display: block; text-align: center;}
	#footer .foot-wrap .foot-btn {margin-top: 40px;}
	#footer .foot-wrap .foot-btn ul {display: block; margin: 0 auto; font-size: 0;}
	#footer .foot-wrap .foot-btn ul > li {display: inline-block; vertical-align: top; width: 50%;}
	#footer .foot-wrap .foot-btn .copy {margin-top: 30px; text-align: center;}
}

@media (max-width:1024px){
	#header .gnb {display: none;}

	#footer .foot-wrap {padding: 45px 0;}
	#footer .foot-wrap .contain .col .row.address > ul {margin-right: 0; display: block; float: none;}
	#footer .foot-wrap .contain .col .row.address > ul > li .title {width: 95px;}
	#footer .foot-wrap .col {margin: 0;}
	.main-visual .txt-box {text-align: center;}
	.main-visual .txt-box p {font-size: 20px;}
	.main-visual .item h2 {font-size: 55px; margin: 20px 0 30px;}
	.main-visual .txt-box p.noto {font-size: 16px;}
	.main-visual .txt-box a {margin-top: 60px;}
	.main-visual:before, .main-visual:after {display: none;}
	.main-visual .slick-dots {right: 15px;}
	.main-visual .slick-dots li button {margin: 15px 0;}
}

@media (max-width:768px){
	#header {height: 70px;}
	#header .contain .logo {font-size: 0;}
	#header .contain .logo > a {width: 100px; margin-top: 0; transform: translateY(-50%);}
	#header .contain .logo > a > img {display: block; width: 100%;}
	#footer .foot-wrap .contain .col .row.address > ul > li {margin-bottom: 10px;}
	#footer .foot-wrap .contain .col .row.address > ul > li .title {font-size: 12px; width: 90px; margin-right: 0; line-height: 16px;}
	#footer .foot-wrap .contain .col .row.address > ul > li .txt {font-size: 12px; line-height: 16px;}
	#footer .foot-wrap .foot-btn {margin-top: 20px;}
	#footer .foot-wrap .foot-btn ul {width: 260px;}
	#footer .foot-wrap .foot-btn ul li a {font-size: 12px; line-height: 26px;}
	#footer .foot-wrap .foot-btn .copy {margin-top: 20px; font-size: 14px;}

	.main-visual .txt-box p {font-size: 14px;}
	.main-visual .item h2 {font-size: 30px; margin: 15px 0 20px;}
	.main-visual .txt-box p.noto {font-size: 12px;}
	.main-visual .txt-box a {margin-top: 40px; width: 140px; line-height: 46px;}
}
