@charset "utf-8";
/*----------------------------------------------------
　reset
------------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,th,var {
    font-style:normal; 
    font-weight:normal; 
}
strong {
    font-style:normal; 
    font-weight:bold;
}
li { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
img{border:none; vertical-align:top;}
input,textarea{font-size:100%;}

/*  
------------------------------------------*/
body{font-size:100%; line-height:1.5; color:#000;	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; position:relative;}
a{color:#0066CB; text-decoration:none;}
a:hover{color:#f30 !important;}

/*----------------------------------------------------
　
------------------------------------------------------*/
header{
	clear:both;
	width:92%;
	max-width:1000px;
	margin:0 auto;
	padding:20px 0 0;
}
header #logo{
	float:left;
	width:41%;
	max-width:402px;
	margin-bottom:20px;
}
header #logo img{
	width:100%;
}
#head-nav{
	float:right;
	width:49%;
	max-width:490px;
	margin-bottom:20px;
}
#head-nav img{
	width:100%;
}
#head-nav .text{
	float:left;
	width:34%;
	max-width:165px;
}
#head-nav ul{
	float:right;
	width:64%;
	max-width:313px;
}
#head-nav ul li.mail img{
	margin-top:4px;
	border-radius:2em;
	border:2px solid #fff;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
/*	filter: drop-shadow(0 0 4px rgba(0,0,0,0.4));*/
}
header .pc{
	display:block;
}
header .sp{
	display:none;
}
@media screen and (max-width: 760px){
header{
	padding:10px 0 0;
}
header #logo{
	width:64%;
	margin-bottom:10px;
}
#head-nav{
	width:31%;
	margin-bottom:10px;
}
#head-nav .text{
	display:none;
}
#head-nav ul{
	width:100%;
	float:none;
}
#head-nav ul li.mail img{
}
header .pc{
	display:none;
}
header .sp{
	display:block;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#mainimage-pc{
	clear:both;
	overflow:hidden;
	text-align:center;
	width:100%;
	background:url(../../img/old/img/comfort/main_body.jpg) no-repeat center top;
}
#mainimage-pc img{
	width:100%;
	max-width:1000px;
}
#mainimage-sp img{
	width:100%;
	margin:0 auto 1em;
}
#mainimage-sp{
	clear:both;
	overflow:hidden;
	display:none;
	padding:0 0 1em;
	background:#fdf9f2;
}
#mainimage-sp h2{
	width:92%;
	margin:0 auto 0.2em;
	font-size:100%;
}
#mainimage-sp .text{
	width:92%;
	margin:0 auto;
	font-size:87%;
}

@media screen and (max-width: 760px){
#mainimage-pc{
	display:none;
}
#mainimage-sp{
	display:block;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#list{
	clear:both;
	overflow:hidden;
	width:92%;
	max-width:1000px;
	margin:0 auto;
	padding:80px 0;
}
#list h2{
	color:#FF4597;
	font-size:212%;
	font-weight:bold;
	text-align:center;
}
#list .text{
	padding:1em 0 2.5em;
	font-size:112%;
	text-align:center;
}
@media screen and (max-width: 760px){
#list{
	padding:2em 0;
}
#list h2{
	font-size:156%;
}
#list .text{
	padding:0.5em 0 2em;
	font-size:87%;
}
}

/*  
------------------------------------------*/
#list ul{
	clear:both;
	overflow:hidden;
}
#list ul li{
	list-style:none;
	float:left;
	width:46%;
	margin:0 8% 50px 0;
}
#list ul li:nth-child(2n){
	margin-right:0;
}

#list ul li .img img{
	width:100%;
	max-width:461px;
}
#list ul li h3{
	padding:0.5em 0;
	color:#FF4597;
	font-size:168%;
}
#list ul li .detail{
	margin:0 0 0.6em;
	font-size:112%;
}
#list ul li .link a{
	display:block;
	max-width:258px;
	padding:0.5em;
	color:#fff;
	font-size:112%;
	text-align:center;
	border-radius:2em;
	background:#FF4597;
}


@media screen and (max-width: 760px){
#list ul li{
	float:none;
	width:100%;
	margin:0 auto 2.5em !important;
}
#list ul li h3{
	padding:0.4em 0;
	font-size:125%;
}
#list ul li .detail{
	margin:0 0 0.5em;
	font-size:87%;
}
#list ul li .link a{
	font-size:87%;
}
}


/*----------------------------------------------------
　
------------------------------------------------------*/
#teikei{
	clear:both;
	overflow:hidden;
	width:92%;
	max-width:880px;
	margin:0 auto 90px;
	padding:50px 60px;
	font-size:112%;
	background:#faf0de;
	border-radius:1em;
}
#teikei h2{
	color:#FF4597;
	font-size:212%;
	font-weight:bold;
	text-align:center;
}
#teikei .text{
	padding:1em 0 0;
	font-size:112%;
}
@media screen and (max-width: 760px){
#teikei{
	margin:0 auto 3em;
	width:80%;
	padding:2em 6%;
}
#teikei h2{
	font-size:156%;
}
#teikei .text{
	padding:0.5em 0 0;
	font-size:87%;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/

@media screen and (max-width: 760px){
#pagetop{
	display:none !important;
}
}
/*----------------------------------------------------
　
------------------------------------------------------*/

footer{
	clear:both;
	overflow:hidden;
	text-align:center;
	padding:60px 0;
	color:#fff;
	background:#ff4597;
}

footer #foot-logo{
	margin:0 0 2em;
	font-size:100%;
}
@media screen and (max-width: 760px){
footer{
	padding:3em 0 2em;
}
footer #foot-logo img{
	width:92%;
	max-width:401px;
}
}


#foot-contact{
	width:92%;
	max-width:1000px;
	margin:0 auto 3em;
}
#foot-contact h3{
	margin:0 0 0.8em;
	padding:0.3em 0;
	font-size:131%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#foot-contact img{
	width:100%;
	max-width:378px;
}
@media screen and (max-width: 760px){
#foot-contact h3{
	font-size:100%;
}
}
@media screen and (max-width: 480px){
#foot-contact h3{
	font-size:87%;
}
#foot-contact h3 .en{
	display:block;
}
}

footer .cont{
	clear:both;
	overflow:hidden;
	width:92%;
	max-width:1000px;
	margin:0 auto 0;
}

footer .privacy{
	float:right;
}
footer .privacy a{
	color:#fff;
	text-decoration:none;
}
footer #copyright{
	float:left;
}
@media screen and (max-width: 760px){
footer .privacy{
	margin:0 0 1em;
	float:none;
	font-size:87%;
	text-align:center;
}
footer #copyright{
	float:none;
	font-size:87%;
	text-align:center;
}
}