﻿@charset "utf-8"; 


@media screen and (max-width: 620px) {
/* スマートフォン用のスタイル記述 */

html{
	min-width:100%;
}

.spnone{display:none;}


body, button, input, select, textarea {
	font-size:13px;
	line-height:165%;
	letter-spacing:0.01em;
	Overflow: hidden	
}

.Inner{
	width:92%;
	margin:0 auto;
}


#contents h2{
	margin-bottom:20px;
}

#contents h2 img{
	zoom:46%;
}

.eff-txt img, .eff-txt2 img{
	zoom:70%;
}

a.buttonimg img{
	zoom:70%;}

.spmax,.sp100{	width:100%;}

.sp90{	width:90%;}
.sp80{	width:80%;}
.sp70{	width:70%;}
.sp60{	width:60%;}
.sp50{	width:50%;}

.zoom90{zoom:90%;}
.zoom80{zoom:80%;}
.zoom70{zoom:70%;}
.zoom60{zoom:60%;}
.zoom50{zoom:50%;}
.zoom40{zoom:40%;}



#header {
	width:100%;
	padding-bottom:0px;
}

#header h1{
padding:20px 0 0px 0;
}

#header .jft{
margin:3px 10px 5px 0;
}

#header .jft img{
width:40%;
}



#header h1 img{
width:45%;
}


#nav ul {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:7px;
}

#nav ul li{
	display:inline-block;
	text-align:center;
	font-size:12px;
	margin:2px 8px;
}

#nav ul li a{
	color:#111;
	display:block;
	padding:0px 0 0 0;
	margin:0;
	text-decoration:none;
}



/* main */


section{
	padding:30px 0 15px 0;
	position:relative;
}

.Inner{
	width:90%;
	margin:0 auto;
	text-align:center;
}

section p{
	margin-bottom:20px;
}


#contents h2{
	font-size:18px;
	margin-bottom:20px;
	line-height:140%;
}


#contents h3{
	font-size:18px;
	line-height:140%;
}


#contents h4{
	font-size:18px;
	margin-bottom:30px;
	line-height:150%;
	font-weight:600;
}

#contents h5{
	font-size:13px;
	font-weight:500;
	margin:8x 0;
}

.mbnr{
	margin:20px 0 30px 0;
	width:90%;
}

.tottei{
	width:100px;
}

#topabout {
	padding-top:40px;
	text-align:left;
	padding-bottom :20px;
}

#topabout h2{
	margin-top:25px;
	line-height:130%;
	letter-spacing:0.015em;
	font-weight:600;

}


section#topgallery{
	padding:0px 0 40px 0;
}

#js-infiniteslid{
	width:100%;
}

#js-infiniteslide img{
	margin-right:15px;
	height:320px;
}






#topevent{
	position:relative;
}

#topevent h3{
	font-size:19px;
	line-height:150%;
	font-weight:500;
}

#topevent p.h3{
	font-size:12px;
	margin-bottom:30px;
	letter-spacing:0.1em;
	font-weight:500;
}

#topevent ul{
	margin:40px 0 0 0;}


#topevent ul li{
	width:100%;

	margin:0 auto 40px auto;
}

#topevent ul li dl dt{
	float:left;
	width:60%;
}

#topevent ul li dl dt img{
	width:100%;
}

#topevent ul li dl dd{
	float:right;
	width:70%;
	padding:15px 10px 20px 20px;
	text-align:left;
	background:#FFF;
	font-size:12px;
	margin:-155px 0 0 0;
	opacity:0.9;
}

#topevent ul li dl dd em.pink{
	font-size:10px;
	background:#F2D8E6;
	padding:2px 10px 2px;
	font-weight:bold;
	letter-spacing:0.05em;
	margin-top:5px;
	margin-right:5px;
	display:inline-block;
	color:#222;
}

#topevent ul li dl dd h4{
	font-size:16px;
	margin:10px 0 10px 0;
	font-weight:600;
	color:#111;
}

#topevent ul li dl dd p{
	font-size:12px;
	margin-bottom:5px;
	line-height:150%;
	color:#000;
}

#topevent ul li dl dd span.bttn{
	font-size:12px;
  border: 1px solid #333;
	color:#FFF;
	background: #333;
	width:90%;
  padding:8px 10px 8px 0px;
  text-decoration:none;
   background-image: url('../images/arw.png');
   background-position:right 10px top 12px;
   background-repeat:no-repeat;
   display:inline-block;
   text-align:center;
   margin-bottom:0px;
   margin-top:15px;
}

#topevent ul li dl dd .bttn2{
	font-size:12px;
	background: #E8E8E8;
  color:#333;
  padding:8px 12px 8px 12px;
  text-decoration:none;
   display:inline-block;
   text-align:center;
   margin-right:10px;
}

#topevent ul li dl dd img.arw{
margin-right:4px;
vertical-align:middle;
width:7px;
}

#topevent ul li dl dd em.kankei{
color:#414a7f;
margin:10px 0 5px;
display:inline-block;
font-weight:600;
font-size:13px;
line-height:125%;
}



#company{
}


#faqpage {
text-align:left;
}

#faqpage h2{
	font-size:19px;
	line-height:150%;
	font-weight:600;
	text-align:left;
	margin-bottom:5px;
	margin-top:30px;
}

#faqpage p.h3{
	font-size:12px;
	margin-bottom:30px;
	letter-spacing:0.1em;
	font-weight:500;color:#182987;
	text-align:left;
	color:#182987;
	margin-left:3px;
}

#faq{
	position:relative;
	background:#F7f7f7;
	padding-bottom:40px;
	padding-top:20px;
}


em.h2ue{
font-size:11px;
color:#182987;
}



.cont{
	margin:40px auto 40px auto;
}

.cont a.btn{
font-size:15px;
font-weight:500;}



a.btn{
  border: 1px solid #F2D8E6;
   background: #F2D8E6;
  color:#333;
  padding:12px 70px 11px 70px;
  text-decoration:none;
   font-size:13px;
}

a.btn:hover{
  	border: 1px solid #555;
    background: #555;
    transition: .4s;
	color:#FFF;
}





/* footer */

#footer {
	padding:35px 0　0px 0;
	font-size:11px;
}

#footer ul{
margin-top:0px;
}

#footer ul li{
margin:3px;
}

#copyright{
	font-size:10px;
	letter-spacing:0.08em;
	margin-top:30px;
	color:#FFF;
	background:#333;
	padding:20px;

}




table.stand{
	margin:20px auto 20px auto;
	width:100%;
	background:#FFF;
	font-size:12px;
}

table.stand tr, table.stand td, table.stand th{
	padding:6px 8px ; 
	border:1px solid #DDD;

}

table.stand th{
	text-align:center;
	background-color:#555;
	color:#FFF;
	font-weight:400;
	width:25%;
}

table.stand tr, table.stand td{
	text-align:left;
}

table.stand tr.bgcolor{
	background:#FAFAFA;
}



table.sitasen{
	margin:20px auto;
	background:#FFF;
	text-align:left;
	width:100%;

}

table.sitasen tr, table.sitasen td, table.sitasen th{
	padding:15px; 
	border-bottom:1px solid #DDD;

}

table.sitasen th{
	font-weight:500;
	width:30%;
}

table.sitasen tr, table.sitasen td{

}










}
