@charset "utf-8";
html{
	width:100%;
}
body{
	width:100%;
	-webkit-text-size-adjust: none;
	color:#333;
	font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.spOnly{display:block;}
.pcOnly{display:none;}

.conFixSP{
	padding-left:10px;
	padding-right:10px;
}




/*リンク [
#########################################*/
a:link,
a:visited{
	color:#333;
	text-decoration:underline;
	}

a:active,
a:hover{
	color:#333;
	text-decoration:underline;	
	}
.disabled{
	cursor:default;
}
img {
	border:0;
	vertical-align:top;
	max-width: 100%;
	height: auto;
}

	
/*header*/
#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:999;
	height:50px;
	background-color:#fff;
	}
#hWrap{
	width: 96%;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
}
/**/
#hLogoWrap{
	width:calc(100% - 50px);
}
#hCopy{
	display:none;
}
#hLogo{
	text-align:left;
	font-size:2.8rem;
	padding-top:8px;
	line-height: 1;
	}
#hLogo img{
	width:61px;
	}
#hLogo a{
	text-decoration: none;
	color:#000;
	}
#hLogo a small{
	font-size:70%;
	}
/**/
#hTelPc{
	display:none;
}
#hTelSp{
	display:block;
}
#hBtnTel{
	position:absolute;
	display:block;
	top:0;
	right:50px;
	width:50px;
	height:50px;
	text-align:center;
	z-index:9999;
	overflow:hidden;
	text-decoration: none;
	background-color:#00A0C6;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#hBtnTel i{
	font-size:20px;
	margin-top:5px;
	color:#fff;
}
#hBtnTel p{
	display:block;
	font-size:1rem;
	color:#fff;
	text-align:center;
	}

#hMail{
	position:absolute;
	display:block;
	top:0;
	right:0;
	width: 50px;
	height: 50px;
	background-color:#00A0C6;
}
#hMail a{
	display:block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#hMail a i{
	font-size:20px;
	margin-top:8px;
	color:#fff;
}
#hMail a p{
	color: #fff;
	padding:0;
	font-size:1rem;
	text-align:center;
}
#hMail a p.sp{
	display:block;
}
#hMail a p.pc{
	display:none;
}



@media screen and (min-width:768px) {
#header{
	width:100%;
	overflow:hidden;
	height:auto;
	}
#hWrap{
	max-width: 1000px;
}

/**/
#hLogoWrap{
	width:calc(100% - 400px);
}
#hCopy{
	display:block;
	text-align:left;
	font-size:1.3rem;
	padding-top:12px;
}
#hLogo{
	font-size:3.6rem;
	}
/**/
#hTel{
	width:350px;
	margin:10px 0;
	padding:3px 20px;
}
#hTelPc{
	display:block;
	text-align:left;
}
#hTelPc01{
	font-size:12px;
	font-weight:bold;
	margin-bottom:3px;
}
#hTelPc02{
	font-size:3.5rem;
	line-height: 1;
	font-weight:normal;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	color:#00A0C6;
}
#hTelPc02 i{
	font-size:2.5rem;
	margin-right:3px;
}
#hTelPc03{
	font-size:1.2rem;
}
#hTelSp{
	display:none;
}

#hMail{
	position:static;
	margin:10px 0;
	display:block;
	width: 100px;
	height: auto;
	border-left:none;
	border-right:1px #fff solid;
}
#hMail a{
	width: 100px;
	height: 86px;
}
#hMail a i{
	font-size:30px;
	margin-top:8px;
	color:#fff;
}
#hMail a p{
	padding:5px 0 0 0;
	font-size:1.2rem;
	line-height: 1.5;
	font-weight: bold;
}
#hMail a p.sp{
	display:none;
}
#hMail a p.pc{
	display:block;
}
}


	

/*footer
#########################################*/
footer{
}

/**/
#fContact{
	background: #007393;
	color:#fff;
	margin-bottom:30px;
	padding:30px 0;
}
#fContact01{
	text-align:center;
	font-size:2.4rem;
	line-height:28px;
	margin-bottom:10px;
}
#fContact01 small{
	display:block;
	font-size:12px;
}
#fContact02{
	font-size:3rem;
	line-height: 1.25;
	margin:0 auto 5px;
	display:flex;
	justify-content: center;
	align-items: center;
}
#fContact02 i{
	font-size:2.5rem;
	margin-right:5px;
}
#fContact03{
	text-align:center;
	font-size:12px;
}
/**/
#fAddressWrap{
	width:100%;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
#fConName{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:1.5;
	color:#000;
	display:flex;
	justify-content:center ;
	align-items: center;
}
#fConName img{
	width:61px;
	margin-right:10px;
}
#fConName small{
	font-size:70%; margin-right:0.5em;
}
#fAddress{
	text-align:center;
	font-size:12px;
	line-height:1.8;
	padding-bottom:30px;
}
/**/
#copyright{
	clear:both;
	font-size:12px;
	color:#000;
	margin-bottom:1em;
}
/**/




/*contents
#########################################*/
#contents{
	display:block;
	padding-top:50px;
	}
/*ヘッダ分アンカーずれ解消*/
.anchor{
	display:block;
    padding-top: 50px;
    margin-top: -50px;
}

/*title*/
.ttl01{
	font-weight:normal;
	margin-bottom:50px;
}
.ttl01 .jp{
	font-size:22px;
	line-height:1.5;
	color:#007393;
	letter-spacing:0.2em;
	margin-bottom:5px;
}
.ttl01 .en{
	font-size:12px;
	line-height:1.5;
	color:#333;
}





/*btn
----------------------------------------------------------- */
.cBtn01{
	display:block;
	width:90%;
	max-width:400px;
	margin:0 auto;
	line-height:60px;
	color:#007393 !important;
	font-size:2rem;
	text-decoration: none !important;
	background-repeat:no-repeat;
	position:relative;
	padding-left:0.5em;
	background-color:#fff;
}
.cBtn01::before{
	content:"";
	position:absolute;
	width:6px;
	height:6px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotate(45deg);
	right:10px;
	top:calc(50% - 4px);
}








/*for Retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
}

/* for Smartphone 横とか*/
@media screen and (min-width: 480px) {
}



/* for PC*/
@media print, screen and (min-width:768px) {
body{}
.spOnly{display:none;}
.pcOnly{display:block;}

.conFixSP{
	padding-left:0;
	padding-right:0;
}
.conFix{
	max-width:1020px;/*1080px*/
	width: auto !important;
	width: 1020px;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left:10px;
	padding-right:10px;
}
.conFix02{
	max-width:900px;/*880px*/
	width: auto !important;
	width: 900px;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left:10px;
	padding-right:10px;
}

a:link,
a:visited{
	text-decoration:underline;
	}
a:active,
a:not(.disabled):hover{
	/*color:#999;*/
	text-decoration:none;
	color:#000;
	}


a{
	-webkit-transition: .3s;
	transition: .3s;
	}
a:hover{
 	opacity: 0.7;
 	}

/*footer
#########################################*/
footer{
}

/**/
#fContact{
	margin-bottom:40px;
	padding:40px 0;
}
#fContact01{
	font-size:30px;
	line-height:34px;
}
#fContact01 small{
	font-size:14px;
}
#fContact02{
	font-size:50px;
}
#fContact02 i{
	font-size:35px;
}
#fContact03{
	font-size:14px;
}
/**/
#fAddressWrap{
	width:100%;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
#fConName{
	font-size:36px;
}
#fAddress{
	font-size:14px;
}
/**/






/*contents
#########################################*/
#contents{
	padding-top:103px;
	}
/*ヘッダ分アンカーずれ解消*/
.anchor{
    padding-top: 103px;
    margin-top: -103px;
}

/*title*/
.ttl01 .jp{
	font-size:30px;
}
.ttl01 .en{
	font-size:14px;
}








}