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

.logo{
	float:left;
}

.tel{
	float:right;
}


.sec01 h2{
	font-size:34px;
	margin-bottom:30px;
	text-align:center;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 7px;
}

.sec01 p{
	text-align:center;
	font-size:16px;
}

.sec02{
	background-image:url(../img/sec02-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}


.column-3 div{
	width:330px;
	float:left;
	margin-right:5px;
}

.column-3 div:last-child {
	margin-right:0;
}


/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:640px){

.logo{
	width:40%;
	margin-top:5px;
}

.tel{
	width:40%;
}

.sec01 h2{
	font-size:18px;
	margin-bottom:15px;
	letter-spacing: 3px;
}

.sec01 p{
	text-align:center;
	font-size:13px;
}

.sec02{
	background-image:url(../img/sec02-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.column-3 div{
	width:100%;
	float:left;
	margin-right:5px;
}

.column-3 div img{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:30px;
}

}

.sec03 img{
	width:100%;
	height:auto;
}

.sec04{
	background-color:#f7ebe1;
	background-image:url(../img/sec04-arrow.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

.sec04 h3{
	font-weight:bold;
	font-size:24px;
	margin-bottom:40px;
}

.column-2 div{
	width:465px;
	float:left;
	margin-right:70px;
	margin-bottom:53px;
	position:relative;
}

.column-2 div:nth-child(even){
	margin-right:0;
}

.column-2 div p{
	position:absolute;
	bottom:0;
	width:100%;
	font-size:16px;
	text-align:center;
	background-image:url(../img/sec04-bg.png);
	padding:15px;
}

.sec05 .img01 , .sec05 .img02 , .sec05 .img03 , .sec05 .img04 , .sec05 .img05 , .sec05 .img06 , .sec05 .img07 , .sec05 .img08 , .sec05 .img09{
	width:55%;
	float:left;
	height:400px;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:80px;
}

.sec05 .img01{background-image:url(../img/loafer01.jpg);}
.sec05 .img02{background-image:url(../img/loafer02.jpg);}
.sec05 .img03{background-image:url(../img/loafer03.jpg);}
.sec05 .img04{background-image:url(../img/bino01.jpg);}
.sec05 .img05{background-image:url(../img/bino02.jpg);}
.sec05 .img06{background-image:url(../img/bino03.jpg);}
.sec05 .img07{background-image:url(../img/techno01.jpg);}
.sec05 .img08{background-image:url(../img/techno02.jpg);}
.sec05 .img09{background-image:url(../img/techno03.jpg);}

.sec05{
	margin-top:135px;
	overflow:hidden;
}

.sec05 .text{
	width:45%;
	float:left;
	height:400px;
	padding:30px 55px;
	margin-bottom:80px;
}

.sec05 .text h4{font-size:26px;}



/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:640px){

.sec04{
	background-size:100px;
}

.sec04 h3{
	font-weight:bold;
	font-size:16px;
	margin:20px 0 30px 0;
	padding:0;
}

.column-2 div{
	width:100%;
	margin-right:0;
	margin-bottom:30px;
}

.column-2 div img{
	width:100%;
}

.column-2 div p{
	font-size:12px;
}

.sec05 .img01 , .sec05 .img02 , .sec05 .img03 , .sec05 .img04 , .sec05 .img05 , .sec05 .img06 , .sec05 .img07 , .sec05 .img08 , .sec05 .img09{
	width:100%;
	height:200px;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:0;
}

.sec05{
	margin-top:30px;
	overflow:hidden;
}

.sec05 .text{
	width:100%;
	height:auto;
	padding:15px 10px;
	margin-bottom:30px;
}

.sec05 .text h4{font-size:18px;}


}


.sec06 .inner{
	padding-top:0;
}

.sec06 .specification{
	background-color:#f7ebe1;
	padding:30px 0 40px 55px;
}

.conversion01{
	float:left;
}

.conversion02{
	float:right;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:640px){


.sec06 img{
	width:100%;
	height:auto;
}

.sec06 .specification{
	background-color:#f7ebe1;
	padding:30px 10px 40px 10px;
	font-size:10px;
}

.conversion01{
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:15px;
}

.conversion02{
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}


}


.contact{
	background-color:#f7ebe1;
	padding:80px 0;
}

.contact .inner{
	background-color:#FFFFFF;
	padding:0 40px 40px 40px;
}

.contact h3{
	padding:0;
	font-weight:bold;
	font-size:26px;
	margin-bottom:40px;
}

.formTable {
	width:100%;
	background-color:#FFFFFF;
	line-height:2.2;
	padding-top:20px;
}

.formTable th{
	border-bottom:1px solid #f7ebe1;
	width:30%;
	padding:20px;
	vertical-align:middle;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}

.formTable th img{
	vertical-align:middle;
}

.formTable th span{
	display:none;
}

.formTable td{
	border-bottom:1px solid #f7ebe1;
	padding:20px 0;
}

.formTable input , .formTable textarea{
	background-color:#f7ebe1;
	border:none;
	padding:15px;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.scr {
	overflow-y: scroll;
	height: 150px;
	margin:10px 0 0 0;
	padding:40px;
}

.scr h4{
	font-weight:bold;
	font-size:16px;
}

.confirmation{
	background-color:#f7ebe1;
	padding:30px;
	margin:0 0 40px 0;
}

.contact .button{
	font-size:24px;
	background-color:#a40000;
	padding:15px 50px;
	color:#FFFFFF;
	border:none;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.contact .button:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:640px){



.contact{
	background-color:#FFFFFF;
	padding:30px 0;
}

.contact .inner{
	padding:0 10px;
}

.contact h3{
	font-size:20px;
	margin-bottom:10px;
}

.formTable {
	width:100%;
	line-height:1.8;
	padding-top:20px;
}

.formTable th{
	border-bottom:1px solid #f7ebe1;
	width:90px;
	padding:20px 0;
	vertical-align:middle;
	text-align:left;
	font-size:inherit;
	font-weight:bold;
}

.formTable th img{
	display:none;
}

.formTable th span{
	font-size:9px;
	vertical-align: super;
	color:#FF0004;
	display:inline;
}

.formTable td{
	border-bottom:1px solid #f7ebe1;
	padding:20px 0;
}

.formTable input , .formTable textarea{
	background-color:#f7ebe1;
	border:none;
	padding:15px;
	margin-bottom:3px;
}

.scr {
	height: 150px;
	margin:10px 0 10px 0;
	padding:15px;
	-webkit-overflow-scrolling: touch;
}

.scr h4{
	font-weight:bold;
	font-size:inherit;
}

.confirmation{
	background-color:#f7ebe1;
	padding:15px;
	margin:0 0 40px 0;
}

.contact .button{
	-webkit-appearance:none;
	font-size:14px;
	background-color:#a40000;
	padding:15px 50px;
	color:#FFFFFF;
	border:none;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-weight:bold;
}

.contact .button:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}




}