/*-----------------------
	common
------------------------*/

body#top{
	background:none;
}
body{
	background:none;
}
/*-----------------------
	mainstructure
------------------------*/

div#container{
	width:100%;
}

header{
	height:auto;
}

div#mainimage{
	height:auto;
}


div#contents-area1{
	height:auto;
}

div#contents-area2{
	height:auto;
}

div#contents-area3{
	height:auto;
	width:100%;
}

footer{
	clear:both;
	height:auto;
	margin-top:20px;
	width:100%;
}

p#contactimage{
	text-align:center;
	height:auto;
	margin:20px auto;
}

p#contactimage img{
	width:100%;
	height:auto;
}

/*-----------------------
	境界線
------------------------*/
#line1,#line2{
	width:100%;
	height:auto;	
}
#line1 img,#line2 img{
	width:100%;
	height:auto;	
}
#line3{
	display:none;
}

/*-----------------------
	スマホボタン
------------------------*/
header button{
	display:block;
}

header nav#menu{
	display:none;
}


header button#menubtn{
	text-align:center;
	margin:10px auto 10px;
	background-color:rgba(219,13,96,1.00);
	width:70%;
	height:30px;
	color:#ffffff;
	font-weight:bold;
	font-size:85%;
}

.btncolor{
	background-color:#ffffff;
}

/*-----------------------
	header
------------------------*/
header h1{
	position:static;
	margin-top:20px;
}
header h1 img{
	width:100%;
	height:auto;
}
header div.header-left{

}
header p.time{
	position:static;
	text-align:center;
}

header p.telephone{
	position:static;
	text-align:center;
}


header p.mail-button{
	position:static;
	text-align:center;
	margin-top:10px;
}


header nav ul{
	position:static;
	border-left:none;
	text-align:center;
	margin:0 auto;
	height:auto;
}


header nav ul li{
	float:none;
	width:100%;
	margin:0 auto;
	border-right:none;
	height:auto;
	font-size:14px;
	padding:4px;
}
header nav ul li br{
	display:none;
}


header nav ul li.line-height{
	line-height:20px;;
}


header nav ul li a:link,header nav ul li a:visited{
	text-decoration:underline;
	color:#f328d4;
	
}

header nav ul li a:active,header nav ul li a:hover{
	text-decoration:none;
	color:#c21c4a;
}


/*-----------------------
	div#mainimage
------------------------*/
div#mainimage{
	margin-top:20px;
}

div#mainimage img{
	width:100%;
	height:auto;
}

div#mainimage p#midashi{
	text-align:center;
	padding-top:0;
}

ul.image_area{
position:relative;
height:120px;  
}

p#sp-mainimge{
	display:block;
}
/*-----------------------
	div#contents-area1
------------------------*/

span.red{
	color:#c21c4a;
	font-size:18px;
	font-weight:bold;
}
span.pink{
	color:#f328d4;
	font-size:14px;
	font-weight:bold;
}

div#contents-area1 h2{
	text-align:center;
	padding-top:20px;
}
div#contents-area1 h2 img{
	width:100%;
	height:auto;
}

div#contents-area1 div{
	clear:both;
}
div#contents-area1 div img{
	width:100%;
	height:auto;
}


div#contents-area1 div#hotellist1{
	padding-left:0;
}
div#contents-area1 div#hotellist1 ul li{
	padding-right:0;
	text-align:center;
	width:100%;
	margin:0 auto;
}

div#contents-area1 div#hotellist1 ul li img{
	width:120px;
	height:auto;
}
div#contents-area1 div#hotellist2{
	padding-left:0;

}
div#contents-area1 div#hotellist2 ul li{
	padding-right:0;
	text-align:center;
}
div#contents-area1 div#hotellist2 ul li img{
	width:120px;
	height:auto;
}
div#contents-area1 div ul li p{
	text-align:center;
	font-size:12px;
}
div#contents-area1 div ul li{
	float:none;
}


div#contents-area1 p#supplement{
	padding-top:20px;
	padding-bottom:0;
	font-size:20px;
	line-height:1.5em
}

div#hotellist2{
	display:none;
}
/*-----------------------
	div#contents-area2
------------------------*/
div#contents-area2 h2{
	padding-top:30px;
}
div#contents-area2 h2 img{
	width:100%;
	height:auto;
}

div#contents-area2 div{
	text-align:center;
	width:100%;
	height:auto;
	margin:0;
	margin-top:20px;
}
div#contents-area2 div p{
	padding:0;
}

div#contents-area2 p.text{
	text-align:left;
	font-size:14px;
	color:#000000;
}

div#contents-area2 p#sp1{
	background:url(../images/sp-area1.png) no-repeat top center;
	padding-top:60px;
}

div#contents-area2 p#sp2{
	background:url(../images/sp-area2.png) no-repeat top center;
	padding-top:60px;
}

div#contents-area2 p#sp3{
	background:url(../images/sp-area3.png) no-repeat top center;
	padding-top:60px;
}

div#contents-area2 p#sp4{
	background:url(../images/sp-area4.png) no-repeat top center;
	padding-top:60px;
}

div#contents-area2 p#sp5{
	background:url(../images/sp-area5.png) no-repeat top center;
	padding-top:60px;
}

div#contents-area2 div#area2-1{
	background:none;
}

div#contents-area2 div#area2-2{
	background:none;
}

div#contents-area2 div#area2-3{
	background:none;
}

div#contents-area2 div#area2-4{
	background:none;
}

div#contents-area2 div#area2-5{
	background:none;
	margin-bottom:0;	
}

div#contents-area2 div#area2-1 p img,div#contents-area2 div#area2-2 p img,div#contents-area2 div#area2-4 p img{
	width:100%;
	height:auto;
}


div#contents-area2 div#area2-3 p img,div#contents-area2 div#area2-5 p img{
	width:70%;
	height:auto;
}
/*-----------------------
	div#contents-area3
------------------------*/
div#contents-area3 h2{
	padding-top:0;
	text-align:center;
	margin-bottom:0;
	margin-top:20px;
	background:none;
	padding-left:0;
	height:auto;	
}

div#contents-area3 h2 img{
	width:100%;
	height:auto;
}


div#contents-area3 span.red{
	font-size:14px;
}


div#contents-area3 h2{
	padding-top:20px;
	text-align:center;
	margin-bottom:0;
}


div#contents-area3 div.area3-comment{
	background:none;
	height:auto;
	text-align:center;
}
div#contents-area3 div.area3-comment p{
	font-size:14px;
	line-height:1.5em;
	padding-top:10px;
	text-align:center;
	padding-bottom:20px;
}

div#contents-area3 div.area3-comment p span.red{
	font-size:14px;
}


div#contents-area3 div.area3-comment p br{
	display:none;
}
div.session-form{
	text-align:center;
}

div.session-form p#contact-button img{
	width:100%;
	height:auto;
}
div.session-form p#session-button img{
	width:100%;
	height:auto;
}

/*-----------------------
	footer
------------------------*/

footer p{
	text-align:center;
}

footer ul li a:link,footer ul li a:visited{
	text-decoration:underline;
	color:#000000;
}

footer ul li a:active,footer ul li a:hover{
	text-decoration:none;
	color:#cccccc;
}

footer ul{
	text-align:center;
}
footer ul li{
	float:none;
	padding:0;
}

footer p#comment{
	clear:both;
	text-align:center;
}



/*-----------------------
	top-page
------------------------*/
body#top div.session-form p#contact-button{
	padding-left:0;
}


/*-----------------------
	service-page
------------------------*/
body#service h2{
	height:auto;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}
body#service h2 img{
	width:100%;
	height:auto;
}

body#service div h3{
	margin:0 auto;
	text-align:left;
	width:100%;
}



body#service div h3 img{
	width:100%;
	height:auto;
}

body#service div#service1{
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image1.png) no-repeat center bottom;
}

body#service div#service1 p{
	padding-bottom:140px;
}

body#service div#service2{
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image2.png) no-repeat center bottom;
}

body#service div#service2 p{
	padding-bottom:140px;
}

body#service div#service3{
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image3.png) no-repeat center bottom;
}

body#service div#service3 p{
	padding-bottom:140px;
}


body#service div#service4{
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image4.png) no-repeat center bottom;
}


body#service div#service4 p{
	padding-bottom:140px;
}

body#service div#service5{
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image5.png) no-repeat center bottom;
}

body#service div#service5 p{
	padding-bottom:140px;
}

body#service div#service6{
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image6.png) no-repeat center bottom;
}

body#service div#service6 p{
	padding-bottom:140px;
}

body#service div#service7{
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image7.png) no-repeat center bottom;
}

body#service div#service7 p{
	padding-bottom:140px;
}


body#service div#service8{
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image8.png) no-repeat center bottom;
}


body#service div#service8 p{
	padding-bottom:140px;
}

body#service div.session-form{
	height:auto;
	padding-bottom:0;
}




body#service div hr{
	display: block;
  	width: 100%;
 	height: 2px;
 	background-color: #c21c4a;
  	border:none;
}


body#service p{
	font-size:16px;
	padding-top:20px;
}

body#service p#pagetop{
	padding-top:0;
}
body#service header p.time{
	position:static;
	text-align:center;
	padding:0;
}

body#service header p.telephone{
	position:static;
	text-align:center;
	padding:0;
}


body#service header p.mail-button{
	position:static;
	text-align:center;
	padding:0;
}

/*-----------------------
	quote-page
------------------------*/

body#quote h2{
	height:auto;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}
body#quote h2 img{
	width:100%;
	height:auto;
}

body#quote header p.time{
	position:static;
	text-align:center;
	padding:0;
}

body#quote header p.telephone{
	position:static;
	text-align:center;
	padding:0;
}


body#quote header p.mail-button{
	position:static;
	text-align:center;
	padding:0;
}

body#quote div.session-form{
	height:auto;
}

div#quote-figure img{
	width:100%;
	height:auto;
}

p.quote-line1,p.quote-line2,p.quote-line3{
	width:100%;
	height:auto;
}

p.quote-line1 img,p.quote-line2 img,p.quote-line3 img{
	width:100%;
	height:auto;
}

p.session-formtext img{
	width:100%;
	height:auto;
}


p.quote-line1{
	text-align:center;
	margin:0 auto;
}

p.quote-line2{
	text-align:center;
	margin:0 auto;
	
}

p.quote-ilne3{
	text-align:center;
	margin:0 auto;
}

body#quote div#quote-text{
	height:auto;
	width:100%;
	margin:0 auto;
	background:none;
	margin-bottom:20px;
}

body#quote div#quote-text p{
	font-size:14px;
	line-height:1.5em;
	
}
body#quote div#quote-figure{
	height:auto;
	width:100%;
	margin:0 auto;
	text-align:center;
}

body#quote div#next-quotetext{
	height:auto;
	width:100%;
	margin:0 auto;
}
body#quote div#next-quotetext p{
	font-size:14px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

body#quote div#next-quotetext p.text-pink{
	color:#f328d4;
	font-size:16px;
	text-align:left;
	line-height:1.5em;
}

body#quote h3{
	text-align:center;
}

body#quote div#quote-thirdarea{
	height:auto;
	width:100%;
	margin:20px auto;
	margin-bottom:40px;
	background:none;
	background-color:#ffdbfc;	
}

body#quote div#quote-thirdarea p{
	line-height:1.5em;
	text-align:left;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	color:#000000;
	font-size:14px;
}
body#quote p.session-formtext{
	text-align:center;
}


/*-----------------------
	difference-page
------------------------*/

body#difference div.session-form{
	height:auto;
	padding-bottom:0;
}

body#difference header p.time{
	position:static;
	text-align:center;
	padding:0;
}

body#difference header p.telephone{
	position:static;
	text-align:center;
	padding:0;
}


body#difference header p.mail-button{
	position:static;
	text-align:center;
	padding:0;
}

body#difference h2 img{
	width:100%;
	height:auto;
}

body#difference h3 img{
	width:100%;
	height:auto;
}
body#difference div#mainimage img{
	width:100%;
	height:auto;
}

body#difference h2{
	height:auto;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}
body#difference div#mainimage{
	height:auto;
}

body#difference div h3{
	padding-top:20px;
	padding-bottom:20px;
}

body#difference div p{
	font-size:14px;
	text-align:left;
}

body#difference div#difference-area1{
	text-align:center;
	height:auto;
	background:none;
	background-color:#ffdbfc;	
}

body#difference div#difference-area2{
	text-align:center;
	height:auto;
}

body#difference div#difference-area3{
	text-align:center;
	height:auto;
	background:none;
	background-color:#ffdbfc;
}

body#difference div#difference-area4{
	text-align:center;
	height:auto;
}

body#difference div#difference-area5{
	text-align:center;
	height:auto;
	background:none;
	background-color:#ffdbfc;
}

body#difference div#difference-area6{
	text-align:center;
	height:auto;
}


body#difference p#difference-line{
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
}

body#difference p#difference-line img{
	width:100%;
	height:auto;
}

body#difference p#difference-comment{
	text-align:center;
}

body#difference p#difference-comment img{
	width:100%;
	height:auto;
}


body#difference div#difference-area1 h3 img{
	display:none;
}

body#difference div#difference-area2 h3 img{
	display:none;
}

body#difference div#difference-area3 h3 img{
	display:none;
}

body#difference div#difference-area4 h3 img{
	display:none;
}

body#difference div#difference-area5 h3 img{
	display:none;
}

body#difference div#difference-area6 h3 img{
	display:none;
}



body#difference div#difference-area1 h3 span{
	display:block;
	color:#c21c4a;
}

body#difference div#difference-area2 h3 span{
	display:block;
	color:#c21c4a;
}

body#difference div#difference-area3 h3 span{
	display:block;
	color:#c21c4a;
}

body#difference div#difference-area4 h3 span{
	display:block;
	color:#c21c4a;
}

body#difference div#difference-area5 h3 span{
	display:block;
	color:#c21c4a;
}

body#difference div#difference-area6 h3 span{
	display:block;
	color:#c21c4a;
}

body#difference p#contactimage{
	padding-bottom:0;
	margin:0;
}

body#difference p#session-button{
	text-align:center;
	padding-bottom:0;
}


/*-----------------------
	voice-page
------------------------*/
body#voice div.session-form{
	height:auto;
	padding-bottom:0;
}

body#voice header p.time{
	position:static;
	text-align:center;
	padding:0;
}

body#voice header p.telephone{
	position:static;
	text-align:center;
	padding:0;
}


body#voice header p.mail-button{
	position:static;
	text-align:center;
	padding:0;
}

body#voice h2 img{
	width:100%;
	height:auto;
}


body#voice div#mainimage img{
	width:100%;
	height:auto;
}


body#voice h2{
	height:auto;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}
body#voice div#mainimage{
	height:auto;	
}


body#voice p#difference-line img{
	width:100%;
	height:auto;
}

body#voice p#difference-line{
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
	padding:0;
	
}

body#voice p#voice-line{
	text-align:center;
	margin:20px auto;
	padding:0;
}

body#voice p#voice-line img{
	width:100%;
	height:auto;
}

body#voice p#difference-comment{
	text-align:center;
	padding:0;
}

body#voice p#difference-comment img{
	width:100%;
	height:auto;
}


body#voice p#contactimage{
	text-align:center;
	height:auto;
	margin-top:20px;
	margin-bottom:0;
	padding:0;
}


body#voice div#voice-area1{
	text-align:center;
	height:auto;
	background:url(../images/persons01.jpg) no-repeat center bottom;
	
}

body#voice div#voice-area2{
	text-align:center;
	height:auto;
	background:url(../images/persons02.jpg) no-repeat center bottom;
}

body#voice div#voice-area3{
	text-align:center;
	height:auto;
	background:url(../images/persons03.jpg) no-repeat center bottom;
}

body#voice div#voice-area4{
	text-align:center;
	height:auto;
	background:url(../images/persons04.jpg) no-repeat center bottom;
}


body#voice div#voice-area1 p{
	padding-bottom:260px;	
}

body#voice div#voice-area2 p{
	padding-bottom:260px;
	}

body#voice div#voice-area3 p{
	padding-bottom:260px;
}

body#voice div#voice-area4 p{
	padding-bottom:260px;
}

body#voice div h3{
	text-align:left;
	font-size:16px;
	color:#c21c4a;
	padding-left:0;
	margin-bottom:20px;
}

body#voice div p{
	text-align:left;
	padding-left:0;
}




/*-----------------------
	session-page
------------------------*/
body#session h2{
	height:auto;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}
body#session h2 img{
	width:100%;
	height:auto;
}

body#session header p.time{
	position:static;
	text-align:center;
	padding:0;
}

body#session header p.telephone{
	position:static;
	text-align:center;
	padding:0;
}


body#session header p.mail-button{
	position:static;
	text-align:center;
	padding:0;
}


body#session p#difference-line img{
	width:100%;
	height:auto;
}


p.session-message{
	text-align:left;
	font-size:14px;
	color:#c21c4a;
	font-weight:bold;
}

/*-----------------------
	form-res
------------------------*/
#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:80%;
}

#formWrap h3{
	text-align:left;
	margin-bottom:20px;
	font-size:14px;
	line-height:1.5em;
}

#formWrap p.session-text{
	text-align:left;
	margin:20px 0;
	font-size:14px;
}

#formWrap .session-t{
	padding-top:10px;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:0;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:4px;
}


table.formTable th{
	width:100%;
	font-weight:normal;
	background:#FFC1F1;
	text-align:left;
}


/*-----------------------
	table-float
------------------------*/

table.formTable th{
	clear:both;
	float:left;
}

table.formTable td{
	float:left;
	border:none;
}


#formWrap p{
	clear:both;
}

/*-----------------------
	contact-page
------------------------*/
body#contact h2{
	height:auto;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}
body#contact h2 img{
	width:100%;
	height:auto;
}

body#contact header p.time{
	position:static;
	text-align:center;
	padding:0;
}

body#contact header p.telephone{
	position:static;
	text-align:center;
	padding:0;
}


body#contact header p.mail-button{
	position:static;
	text-align:center;
	padding:0;
}


body#contact p#difference-line img{
	width:100%;
	height:auto;
}




/*-----------------------
	company-page
------------------------*/

body#company h2{
	height:auto;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}
body#company h2 img{
	width:100%;
	height:auto;
}

body#company h3{
	font-size:14px;
	font-weight:bold;
	color:#c21c4a;
	width:100%;
	margin:10px auto;
	text-align:center;
	
}

body#company div#company-info{
	margin:20px auto;
	height:auto;
	
}

body#company div#company-info table{
	text-align:center;
	margin:0 auto;
}
body#company div#company-info table tr{
	border-bottom:1px solid #cccccc;
}

body#company div#company-info table th{
	text-align:left;
	font-size:14px;
	padding:10px;
	color:#000000;
	width:30%;	
}

body#company div#company-info table td{
	text-align:left;
	padding:10px;
	padding-left:10px;
}

body#company div#googlemap{
	text-align:center;
	height:auto;
}
body#company div#googlemap iframe{
	width:100%;
	height:auto;
}

body#company h3.access{
	color:#000000;
}

body#company div#recruit{
	width:100%;
	margin:20px auto;
}
body#company div#recruit h3.panel_title{
	color:#c21c4a;
	font-size:14px;
	
}

body#company div#recruit h3.panel_title a:link,body#company div#recruit h3.panel_title a:visited{
	color:#c21c4a;
	text-decoration:underline;
}

body#company div#recruit h3.panel_title a:hover,body#company div#recruit h3.panel_title a:active{
	color:#cccccc;
	text-decoration:none;
}


body#company div#recruit div{
	display:none;
}

span.recruitmidashi{
	font-weight:bold;
}