@charset "utf-8";
/* CSS Document */

#key img{
	width: 100%;
}

#sec01{

}
#sec01 h2{
	padding-left: 202px;
	padding-bottom: 35px;
}
#sec01 .titl01{
	position: absolute;
	top: 0;
	left: 0;
}
#sec01 .txt {
    color: #000;
    text-align: center;
    padding: 0 10px;
}
#sec01 ul.bnr{
	text-align: center;
}
#sec01 ul.bnr li{
	padding: 10px;
}
#sec01 ul.bnr li:first-child {padding-bottom: 0}
#sec01 ul.bnr li a img {max-width: 100%}
#sec02{
	background: url(../img/scene/bg_sec02.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	width: 100%;

}
#sec02 .box{
	background: url(../img/scene/bg_box.png) repeat-y center top;
	width: 100%;
	padding-bottom: 10px;
}
#sec02 h2{
	text-align: center;
	padding-top: 3px;
}
#sec02 .txt {
    color: #fff;
    letter-spacing: 2px;
    padding: 0 10px 10px 10px;
    text-align: center;
}
#sec02 .bnr{
	text-align: center;
}

#sec03
{
	background:  url(../img/scene/bg02_sec03.png) no-repeat center top, url(../img/scene/bg01_sec03.png) no-repeat center top/100% 715px;
	width: 100%;
	
	position: relative;
}
#sec03 h2{
	text-align: center;
	padding: 10px 0 0 0 ;
}
#sec03 .txt{
	color: #000000;
}
#sec03 .img01{
	text-align: center;
	padding: 0 10px 10px 10px;
}
#sec03 .img01 img {max-width: 100%}
#sec04{
	background: url(../img/scene/bg_sec04.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
#sec04 h2{
	position: absolute;
	top: 2%;
	right: 0;
}
#sec04 .txt {
    color: #fff;
    padding-top: 260px;
    padding-left: 10px;
    width: 70%;
    padding-bottom: 10px;
}
body {font-size: 15px; line-height: 33px}
#wrapper #container #sec01 #h1 img {width: 100%}
#wrapper #container #sec01 .content {position: relative;}
#wrapper #container #sec01 .content #text1 {position: absolute; top:0; right: 0; width: 30%}
#wrapper #container #sec01 .content #text1 img {max-width: 100%}

#wrapper #container #sec02 .content .box h2 {text-align: center;}
#wrapper #container #sec02 .content .box h2 img {max-width: 100%}
#wrapper #container #sec02 .content .bnr {padding:0 10px;}
#wrapper #container #sec02 .content .bnr img {max-width: 100%}

#wrapper #container #sec03 #floor h2 {text-align: center;}
#wrapper #container #sec03 #floor h2 img {max-width: 100%}
#wrapper #container #sec03 #floor .txt {text-align: center;    padding: 0 10px 10px 10px;}

#wrapper #container #sec04 .content h2 {text-align: center;}
#wrapper #container #sec04 .content h2 img {max-width: 100%}

@media (max-width: 414px){
	#sec04 .txt {
    padding-top: 140px;
}
#wrapper #container #sec04 .content h2 {
    width: 90%;
}
}