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

/**** Media Query *********************************/
@media (max-width:1540px){
}

@media (max-width:1320px){
	body {font-size: 15px;}
	input, select, button, textarea {font-size: 14px;}
}

@media (max-width:1200px){
	body {font-size: 14px;}
	input, select, button, textarea {font-size: 13px;}

	#footer ul.ul5 li:nth-child(1) {width: 30%;}
	#footer ul.ul5 li:nth-child(2) {width: 40%;}
	#footer ul.ul5 li:nth-child(3) {width: 30%;}
}

.mo {display: none;}
.pc {display: block;}
@media (max-width:1024px){
	.mo {display: block;}
	.pc {display: none;}

	#header.type_main {height: 80px;padding: 16px 20px;}
	#header.type_main.ov {height: 80px;}
	#header.type_main .gnb {display: none;}
	#header .btn_sitemap {position: absolute;top: 50%;right: 20px;transform:translateY(-50%);z-index: 1;}
	#header .btn_sitemap img {display: block;}
}

@media (max-width:960px){
	body {font-size: 13px;}
	input, select, button, textarea {font-size: 12px;}

	#footer.type_sub .top ul.ul1 {float: right;margin-top: -1.1em;}

	#footer ul.ul2 {clear: both;}
	
	#footer ul.ul5 {padding-top: 40px;}
	#footer ul.ul5 li {float: none;margin-top: .5em;}
	#footer ul.ul5 li:nth-child(1) {width: 40%;text-align: left;}
	#footer ul.ul5 li:nth-child(2) {width: 60%;}
	#footer ul.ul5 li:nth-child(3) {width: 40%;}
}

@media (max-width:800px){
	body {font-size: 12px;}
	input, select, button, textarea {font-size: 11px;}

	#footer.type_sub .wrap {padding: 0;}

	#footer ul.ul3 {margin-top: 20px;float: none;text-align: center;}
	#footer ul.ul3 > li {float: none;display: inline-block;vertical-align: top;}

	#footer ul.ul4 {margin-top: 20px;float: none;text-align: center;}
	#footer ul.ul4 > li {float: none;display: inline-block;vertical-align: top;}

	#footer ul.ul5 li {float: none;width: 100% !important;position: static !important;text-align: center !important;}
}

#footer ul br {display: none;}
@media (max-width:640px){
	body {font-size: 3.3vw;}
	input, select, button, textarea {font-size: 3vw;}
	select {padding: 0 1vw;}
	#wrap {padding-top: 0;}
	.wrap {padding: 0 0;}

	#header.type_main {height: 17vw;padding: 3.5vw 3vw;}
	#header.type_main.ov {height: 17vw;}
	#header.type_main .logo {width: 35vw;}
	#header .btn_sitemap {right: 0;width: 12vw;padding: 3vw;}

	#footer.type_main {padding: 5vw 3vw;}
	#footer ul {text-align: center;width: 100%;float: none;}
	#footer ul br {display: block;}
	#footer ul li {display: inline-block;vertical-align: top;float: none;}
	#footer ul.ul1 li {margin-bottom: 3vw;}
	#footer ul.ul1 li:nth-child(3) {margin-left: 0;clear: both;}

	#footer.type_sub {padding: 2.5em 0;}
	#footer.type_sub .wrap {position: relative;}
	#footer.type_sub .top {padding-left: 30vw !important;}
	#footer.type_sub .top .logo {position: absolute;top: 0;left: 0;width: 30vw;margin: 0 auto;}

	#footer.type_sub .top {}
	#footer.type_sub .top ul.ul1 {margin: 0;}
	#footer.type_sub .top ul.ul1 > li {margin-bottom: 0;margin-left: .5em;}
	#footer.type_sub .top ul.ul1 > li > a {line-height: 2;font-size: 2.7vw;}

	#footer.type_sub .top ul.ul2 {margin-top: 0;}
	#footer.type_sub .top ul.ul2 > li {margin-left: .5em;}

	#footer ul.ul4 > li {margin-left: 1em;}
	#footer ul.ul4 > li img {height: 3em;}

	#footer ul.ul5 {padding-top: 5vw;}
	#footer ul.ul5 li p {font-size: 2.7vw;}

	#footer.type_sub .bot {margin-top: 1.5em;}

	.marti01 .main_video video {padding-bottom: 15vh;}

	.main_btns {bottom: 35vw;width: 100%;}
	.main_btns ul.ul1 li {width: 9vw;}
	.main_btns ul.ul2 {margin-top: 1em;}
	.main_btns ul.ul2 li a {font-size: 3vw;line-height: 2.5;}
	.main_btns ul.ul2 li a img {height: 2.5em;}
	.main_btns ul.ul2 li:nth-child(1) a {width: auto;}

	.faq_wrap h4 {font-size: 1.75em;}
	.faq_wrap ul {margin: 1.5em 0 3em;}
	.faq_wrap ul li .faq_q p {padding: .5em 1em;padding-right: 3em;}

	.site_cnt_wrap .left_menu > ul > li > a {font-size: 4vw;}
	.site_cnt_wrap .right_menu > ul > li > .subm > ul > li > a {font-size: 3.5vw;}
}