@charset "utf-8";
/* CSS Document */
/*****  hover  *****/
/* = ドラック選択時のカラー変更
----------------------------------------------- */
*{
   margin : 0;
   padding : 0;
}

html{
	height:100%;
}

::selection {
	background:#FFE0C1; /* Safari */
}

::-moz-selection {
	background:#FFE0C1; /* Firefox */
}

li{list-style:none;}

img{margin:0;}

.red{color:#D80000;}
.mlr_auto{margin-left:auto;margin-right:auto;}

a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/*****  link  *****/


a:link { color: #fff; text-decoration:none; }
a:visited { color: #fff; text-decoration:none; }
a:hover { color: #fff; text-decoration:none; }
a:active { color: #fff; text-decoration:none; }


/* TOP */
/* #wrapper
-------------------------------- */
/*------------------------------------------
--------------------------------------------
--------------------------------------------
pc用----------------------------------------
--------------------------------------------
--------------------------------------------
------------------------------------------*/

/*767pxより大きい場合に適用*/
@media screen and (min-width: 767px) {
body {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	font-size: 15px;
	font-weight:500;
	text-align:left;
	letter-spacing:0.08em;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	background-color: #fff;
}
	
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}

.centerimg{
		text-align: center;
		margin: 40px 0px;
}
	
.sp{display: none;}
.wrapper{
width: inherit;
max-width: 100%;
margin-left:auto;
margin-right:auto;
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
}
.w1000{width:1000px;height:auto; overflow:hidden;margin-left: auto;margin-right: auto; padding:10px 0px;}

h1{
font-size: 15px;
color: #000;
text-align: left;
padding-top: 10px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

header h2{
padding-top: 10px;
text-align: left;
}
	
h3{
font-size: 30px;
color: #000;
text-align: center;
padding-top: 50px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
	
	h4{
		text-align: center;
		margin: 40px 0 60px;
	}

@-webkit-keyframes zoom {
80% {
-webkit-transform: scale(1.08);
}
}
@keyframes zoom {
80% {
transform: scale(1.08);
}
}

#s01{
background:url(../img/pc/pc_bg1.jpg) no-repeat center ;
background-size:cover;
position:relative;
}

.c_btn{position: absolute;
	top:0;
	right:0;
	}

.content{
width: inherit;
max-width: 100%;
height:auto;
overflow:hidden;
margin-left:auto;
margin-right:auto;
background-color: #fff;
}
	.c_logo{margin: 40px auto;text-align: center;}

	.content p{line-height: 2em;}
	
	.content .contact_btn{text-align: center;}

#page-top {
width:74px;
height:74px;
position: fixed;
bottom: 20px;
right: 10px;
z-index:20000;
}
footer{
width:100%;
height: auto;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background-color: #000;
}

	.footer_logo{
		text-align: center;
		margin: 40px 0; 
	}

.copy{
color: #fff;
height: 60px;
margin-bottom: 20px;
text-align: center;
}


}


/*------------------------------------------
スマホ用
------------------------------------------------*/

/*767pxより小さい場合に適用*/
@media screen and (max-width: 767px) {
body {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	font-size: 1em;
	text-align:left;
	letter-spacing:0.08em;
	font-weight:500;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color: #444;
	background:url(../img/common/bg.gif) repeat;
}

.pc{display: none;}
/*----------ハンバーガーアイコン----------*/
html{
  font-size: 62.5%;
}

h1{
	font-size: 1.2em;
	float: center;
    width: 70%;
    margin: 2em 0;
	color: #000;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
	
	h2{text-align: center;}
	
h3{
font-size: 3em;
	line-height: 1.5em;
color: #000;
text-align: center;
padding-top: 50px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	}
	
	.c_logo{text-align: center;margin: 30px 0;}
	.c_logo img{width: 60%;}
	

#s01{
	background-size: cover;
  width: 100%;
background:url(../img/sp/sp_bg1.jpg)no-repeat center center;
	height:auto;
	overflow: hidden;
}	
	.c_btn{
		 position: absolute;
		top: 0;
		right: 0;
	}
	header .maintext{margin-top: 100px;} 
.pc{display: none;}
.img100 img{width: 100% ;margin-left: auto;margin-right: auto;}
.img90 img{width: 90% ;margin-left: auto;margin-right: auto;}
.img80 img{width: 80% ;margin-left: auto;margin-right: auto;}
.img70 img{width: 70% ;margin-left: auto;margin-right: auto;}
.img60 img{width: 60% ;margin-left: auto;margin-right: auto;}
.img50 img{width: 50% ;margin-left: auto;margin-right: auto;}
.img40 img{width: 40% ;margin-left: auto;margin-right: auto;}
.img30 img{width: 30% ;margin-left: auto;margin-right: auto;}

.centerimg{
		text-align: center;
		margin: 20px 0px;
}

.spmt10{margin-top: 10px;}
.spmt20{margin-top: 20px;}
.spmt30{margin-top: 30px;}
.spmt40{margin-top: 40px;}
.spmt50{margin-top: 50px;}
.spmt60{margin-top: 60px;}


.ml5p{margin-left: 5%;}

.img20 img{width: 20% ;}
	


.content{
width: inherit;
max-width: 100%;
height:auto;
overflow:hidden;
margin-left:auto;
margin-right:auto;
background-color: #fff;
}
.w1000{width:80%;height:auto; overflow:hidden;margin-left: 10%;margin-right: 10%; }
	
	.content p{
		font-size: 1.5em;
		line-height: 1.4em;

	}
	
	.contact_btn{
		text-align: center;
		margin: 40px auto 60px;
	}
	.contact_btn img{width: 100%;}
footer{
width:100%;
height: auto;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background-color: #000;
}

	.footer_logo{
		text-align: center;
		margin: 40px 0; 
	}

.copy{
color: #fff;
height: 60px;
margin-bottom: 20px;
text-align: center;
}


	｝