@charset "utf-8";

@import url("/css/notosanskr.css");
@import url("/css/font-awesome.min.css");
@import url("/css/common.css");
@import url("/css/front/base.css");

.landing {min-height:100%;background:url(/images/front/common/bg_landing.jpg) no-repeat 50% 0;background-size:cover;}
.landing h1 {margin:0 auto;text-align:center;}
.landing h1 {width:43.2%;height:105px;}
.landing h1 img {width:100%;max-width:190px;vertical-align:top;}
.landing_inner {}
	@media screen and (max-width:767px) {
		.landing {padding:6rem 0 0 0;border-top:5px solid #F48729;}
		.landing h1 {width:43.2%;height:105px;}
		.landing h1 img {height:65px;}
		.landing_inner {margin:0 5.5rem;}
	}	
	@media screen and (min-width:768px) and (max-width:992px) {
		.landing {padding:10rem 0 0 0;border-top:10px solid #F48729;}
		.landing h1 {width:43.2%;height:105px;}
		.landing h1 img {height:70px;}
		.landing_inner {margin:0 15.3%;}
	}
	@media screen and (min-width:993px) {
		.landing {padding:6rem 0 0 0;border-top:3px solid #F48729;}
		.landing h1 {width:190px;height:110px;}
		.landing h1 img {height:80px;}
		.landing_inner {margin:0 auto;width:1000px;max-width:1000px;}	
	}
	
.landing_footer {}
.landing_footer>.footer_inner {color:#000;}
	@media screen and (max-width:767px) {
		.landing_footer>.footer_inner {margin:0;font-weight:400;}
		.foot_cont {text-align:center;}
		.foot_cont .foot_logo {display:block;margin:0 auto;width:42.9%;padding:3rem 0 2rem 0;box-sizing:border-box;}
		.foot_cont .foot_logo img {width:100%;max-width:240px;}
		.foot_cont .address {display:block;padding-bottom:2rem;box-sizing:border-box;font-size:1rem;line-height:1.8rem;letter-spacing:0;}
		.foot_cont .address em {color:#000;font-weight:700;}
		.foot_cont .address .inline {letter-spacing:0.05em;}
		.foot_cont .address .inline span {padding-left:20px;}
		.foot_cont .address .inline span:first-child {padding-left:0;}
	}
	@media screen and (min-width: 768px) and (max-width:992px) {
		.landing_footer>.footer_inner {margin:0 4rem;font-weight:400;}
		.foot_cont {text-align:center;}
		.foot_cont .foot_logo {display:block;margin:0 auto;width:42.9%;padding:4rem 0 2rem 0;box-sizing:border-box;}
		.foot_cont .foot_logo img {width:100%;max-width:240px;}
		.foot_cont .address {margin:0;padding-bottom:2rem;box-sizing:border-box;font-size:0;}
		.foot_cont .address li {display:inline-block;color:#555;font-size:1.5rem;line-height:3rem;letter-spacing:0;}
		.foot_cont .address em {color:#000;font-weight:700;}
		.foot_cont .address .inline {letter-spacing:0;}
		.foot_cont .address .inline span {padding-left:20px;}
		.foot_cont .address .copyright {display:block;font-size:1.3rem;}
	}
	@media screen and (min-width:993px) {
		.landing_footer>.footer_inner {margin:0 auto;width:auto;max-width:1000px;text-align:center;font-weight:700;}
		.foot_cont {text-align:center;}
		.foot_cont .foot_logo {display:block;margin:0 auto;width:210px;padding:0;box-sizing:border-box;}
		.foot_cont .foot_logo img {width:100%;}
		.foot_cont .address {box-sizing:border-box;font-size:0;}
		.foot_cont .address li {display:inline-block;font-size:1.5rem;font-weight:400;line-height:2.8rem;letter-spacing:0;}
		.foot_cont .address li em {color:#000;}
		.foot_cont .address .inline {letter-spacing:0;}
		.foot_cont .address .inline span {padding-left:30px;}
		.foot_cont .address .copyright {display:block;font-size:1.3rem;}
	}

.columns {overflow:hidden;}
.columns .col {float:left;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.columns .col a {display:table;width:100%;}
.columns .col a span {position:relative;display:table-cell;width:100%;vertical-align:middle;font-weight:700;line-height:normal}
.col1 {background-color:#f48729;}
.col.col1>a {border-top:1px solid #F9C08F;}
.col.col1>a:first-child {border-top:0;}
.col.col1>a>span {color:#fcff01;}
.col.col1>a>span>small {color:#fff;}
.col2 {background:url(/images/front/common/landing_img01.jpg) no-repeat 0 0;background-size:cover;}
.col3 {background:url(/images/front/common/landing_img02.jpg) no-repeat 0 0;background-size:cover;}
.col4 {background-color:#f0d7bb;}
.col.col4>a {border-top:1px solid #fff;}
.col.col4>a:first-child {border-top:0;}
.col.col4>a>span {color:#bd3a1c;}
.col.col4>a>span>small {color:#3e3131;}
	@media screen and (max-width:767px) {
		.columns {margin:0 auto 5rem;}
		.columns .col {width:100%;}
		.columns .col a {padding:0 2rem;}
		.columns .col span {height:75px;font-size:2rem;}
		.columns .col span small{display:block;font-size:1.1rem;}
		.col.col2,
		.col.col3 {display:none;}
		.col.col1>a>span {background:url(/images/front/common/landing_ico1.png) no-repeat 100% 50%;background-size:31px auto;}
		.col.col4>a>span {background:url(/images/front/common/landing_ico2.png) no-repeat 100% 50%;background-size:31px auto;}
	}
	@media screen and (min-width: 768px) and (max-width:992px) {
		.columns {margin:0 auto 5rem;}
		.columns .col {width:50%;height:150px;}
		.columns .col a {padding:0 2.5rem;}
		.columns .col span {height:75px;font-size:2rem;}
		.columns .col span small{display:block;font-size:1.1rem;}
		.col.col1>a>span {background:url(/images/front/common/landing_ico1.png) no-repeat 100% 50%;background-size:31px auto;}
		.col.col4>a>span {background:url(/images/front/common/landing_ico2.png) no-repeat 100% 50%;background-size:31px auto;}	
	}
	@media screen and (min-width:993px) {
		.columns {margin:0 auto 5rem;}
		.columns .col {width:50%;height:300px;}
		.columns .col a {padding:0 3.5rem;}
		.columns .col span {height:150px;font-size:3.6rem;}
		.columns .col span small{display:block;font-size:2.2rem;}
		.col.col1>a>span {color:#fcff01;background:url(/images/front/common/landing_ico1.png) no-repeat 100% 50%;}
		.col.col4>a>span {background:url(/images/front/common/landing_ico2.png) no-repeat 100% 50%;}
		
	}