@charset "UTF-8";

body {font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","Helvetica Neue","メイリオ", Meiryo,"MS PGothic","Osaka",Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing: 0.5px;color:#333;background-color:#fff;}

.container{background:url(../img/header-bg.png) 0% 0% no-repeat;background-size:35.83%;background-size:35.83%;}
.header-contents{}
.header-contents .wrapper{text-align:center;}
.header-contents .box{width:45%;margin-right:auto;margin-left:auto;padding:0 20px;-webkit-box-sizing: border-box;box-sizing: border-box;}

.home-contents section{border-top:1px solid #ccc;}
.home-contents section .wrapper{margin-right:auto;margin-left:auto;}
.home-contents section h2{font-weight:bold;text-align:center;}
.home-contents section h3{font-weight:bold;text-align:center;}
.home-contents section .image{text-align:center;margin-top:20px;}
.home-contents section .text{font-size:min(2.8vw,23px);margin-top:20px;}

.footer-contents{background-color:#cccccc;}
.footer-contents .wrapper{padding:70px 20px 20px;text-align:center;color:#fff;}
.footer-contents h2{max-width:388px;min-width:220px;width:20.2%;margin-right:auto;margin-left:auto;}

.home-contents section.contact .map{ max-width:980px;width: 100%;position: relative;margin:30px auto 0; }
.home-contents section.contact .map:before{ padding-top: 56.25%;content:"";display: block; }
.home-contents section.contact .map > div{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.home-contents section.contact .map > div iframe{width:100%;height:100%;}

.footer-contents .copy{font-size:13px;margin-top:30px;}

@media screen and (max-width:767px){
	.header-contents .wrapper{padding:100px 0 125px;}
	.header-contents .box{min-width:280px;}
	.home-contents section .wrapper{padding:60px 20px;}
	.home-contents section h2{font-size:38px;}
	.home-contents section.about h3{font-size:22px;}
	.home-contents section .text{font-size:18px;}
}

@media screen and (min-width:768px){
	.header-contents .box{max-width:744px;}
	.home-contents section .wrapper{max-width:680px;padding:80px 20px;}
	.home-contents section h2{font-size:56px;}
	.home-contents section.about h3{font-size:36px;}
	.home-contents section .image img{max-width:80%;}
}

@media screen and (min-width:768px) and ( max-width:1080px) {
	.header-contents .wrapper{padding:144px 0 206px;}
}

@media screen and (min-width:1081px) {
	.header-contents .box{width:32.73%;}
	.home-contents section .wrapper{max-width:980px;padding:100px 20px;}
	.home-contents section h2{font-size:min(3.5vw,66px);}
	.home-contents section.about h3{font-size:min(3vw,46px);}
	.home-contents section h3{margin-top:20px;}
	.home-contents section .text{margin-top:30px;}
}

@media screen and (min-width:1081px) and ( max-width:1280px) {
	.header-contents .wrapper{padding:170px 0 206px;}
}

@media screen and (min-width:1281px) and ( max-width:1536px) {
	.header-contents .wrapper{padding:205px 0 248px;}
}

@media screen and (min-width:1537px){
	.header-contents .wrapper{padding:256px 0 310px;}
	.container{-webkit-background-size:608px auto;background-size:608px auto;}
}
.