@charset "utf-8";



/*@font-face {
    font-family: 'Noto Serif JP';
    src: url('../noto_serif_jp/NotoSerifJP-Regular.otf') format('opentype'),url('../noto_serif_jp/NotoSerifJP-Medium.otf') format('opentype'),url('../noto_sans_jp/NotoSansJP-Regular.otf') format('opentype');
}*/



html{
	font-size: 10px;
	/*font-size: 62.5%;*/
}

body {
    font-family: 'Noto Serif JP', serif;
	font-weight: 400px;
	line-height: 1.0;
	letter-spacing: 0;
	color: #000000;
	background-color: #EBEEF1;
}

.clearFix:after,
header:after,
#wrapper:after,
section:after,
footer:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	_zoom: 1;
}

*:first-child+html .clearFix:after,
*:first-child+html header:after,
*:first-child+html #wrapper:after,
*:first-child+html section:after,
*:first-child+html footer:after{ zoom: 1; } /* IE7 */

a,a img,input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="image"],
#menu,#pageTop{
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
}

a:hover img,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="image"]:hover,
#pageTop img:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}



/**************************************************
 header
**************************************************/
header{
	position: fixed;
	width: 100%;
	min-width: 1050px;
	height: 90px;
	top: 0;
	background-color: rgba(255,255,255,1.0);
	z-index: 9990;
}

h1{
	float: left;
	padding: 22px 0 0 50px;
}

h1 img{width: 205px;}

#inquiry{
	position: absolute;
	width: 120px;
	right: 0;
	top: 0;
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 2px;
}

#inquiry a{
	display: block;
	height: 90px;
	color: #FFFFFF;
	background: linear-gradient(#00BFFF,#4D4DFF);
	padding-top: 35px;
}

#inquiry a:hover{opacity: 0.5;}

#menu{
	width: 60px;
	height: 60px;
	background: url(../img/menu.png) no-repeat 0 0,linear-gradient(#00BFFF,#4D4DFF);
	background-size: 60px 120px,auto;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9992;
	display: none;
}

#menu.selected{
	background: url(../img/menu.png) no-repeat center -60px;
	background-size: 60px 120px;
}


/**************************************************
 globalNavi
**************************************************/
#globalNavi{
	position: absolute;
	padding-right: 20px;
	right: 140px;
	top: 0;
}

#globalNavi ul{font-size: 0;}

#globalNavi ul li{
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 2px;
	margin: 0 20px;
	padding-top: 36px;
}

#globalNavi ul li a{
	display: block;
	height: 54px;
	color: #000000;
	position: relative;
}

@media screen and (min-width: 640px){
	
#globalNavi ul li a:before{
	content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 8px solid transparent;
    /*border-bottom-color: #4D4DFF;*/
	border-bottom-color: #000000;
	left: calc(50% - 8px);
	bottom: 15px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.25s ease-out;
	-moz-transition: 0.25s ease-out;
	-o-transition: 0.25s ease-out;
	-ms-transition: 0.25s ease-out;
}
	
#globalNavi ul li:hover a:before{
	visibility: visible;
	opacity: 1;
	bottom: 0;
}

}



/**************************************************
 contents
**************************************************/
#wrapper{
	position: relative;
	top: 90px;
	min-width: 1050px;
}

article{}

.btnHanger{
	margin-top: 80px;
	text-align: center;
}
.btnHanger a{
	display: inline-block;
	width: 70%;
	max-width: 200px;
	padding: 15px 0;
	font-size: 1.6rem;
	color: #FFFFFF;
	background-color: #232B32;
}
.btnHanger a:hover{opacity: 0.5;}



/**************************************************
 inquiryHanger
**************************************************/
#inquiryHanger{
	margin: 100px 0 0 0;
	padding: 50px 0;
	text-align: center;
	background-color: #FFFFFF;
}

#inquiryHanger dl{font-weight: 500;}

#inquiryHanger dl dt{
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.4;
	letter-spacing: 2px;
}

#inquiryHanger dl dd{
	padding-top: 25px;
	letter-spacing: 2px;
}

#inquiryHanger dl dd span{
	display: block;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.4;
}

#inquiryHanger dl dd a.phonNum{
	display: none;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.4;
	color: #000000;
}

#inquiryHanger dl dd small{
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	padding-top: 10px;
}

#inquiryHanger dl dd a.btn{
	display: block;
	width: 300px;
	height: 70px;
	font-size: 20px;
	font-size: 2.0rem;
	color: #FFFFFF;
	background: linear-gradient(#00BFFF,#4D4DFF);
	margin: 15px auto 0 auto;
	padding-top: 25px;
}

#inquiryHanger dl dd a:hover.btn{opacity: 0.5;}



/**************************************************
 footer
**************************************************/
footer{
	background-color: #232B32;
	text-align: center;
	color: #FFFFFF;
}

footer ul{
	padding: 30px 10px;
	font-size: 0;
	border-bottom: 1px solid #303C45;
}

footer ul li{
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 2px;
	margin: 0 20px;
}

footer ul li a{color: #FFFFFF;}

footer ul li a:hover{opacity: 0.5;}

footer dl{
	padding: 50px 10px;
	letter-spacing: 2px;
}

footer dl dt{
	font-size: 18px;
	font-size: 1.8rem;
}

footer dl dd{
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.8;
	padding-top: 10px;
}

#copyRight{
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: 2px;
	padding: 0 10px 40px 10px;
}



/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 640px){
	
	

/** header ******************************/
header{
	min-width: 100%;
	height: 60px;
}

h1{
	float: none;
	padding: 13px 0 0 20px;
}
	
h1 img{width: 160px;}

#inquiry{display: none;}
	
#menu{display: block;}
	
	
	
/** globalNavi ******************************/
#globalNavi{
	padding-right: 0;
	position: absolute;
	right: auto;
	width: 100%;
	top: 0;
	z-index: 9991;
	height: 100vh;
	background: rgba(0,0,0,0.9);
	display: none;
	opacity: 0;
}

#globalNavi ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	text-align: center;
	height: 100%;
}

#globalNavi ul li{
	display: block;
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0;
	padding-top: 0;
}

#globalNavi ul li a{
	height: auto;
	color: #FFFFFF;
	padding: 20px 0;
}
	
	
	
	
/** contents ******************************/
#wrapper{
	top: 60px;
	min-width: 100%;
}
	
.btnHanger{margin-top: 50px;}
.btnHanger a{
	width: 70%;
	font-size: 1.4rem;
}
	
	
	
/** inquiryHanger ******************************/
#inquiryHanger{
	margin: 30px 0 0 0;
	padding: 30px 20px;
}

#inquiryHanger dl dt{
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 1px;
}

#inquiryHanger dl dd{
	padding-top: 15px;
	letter-spacing: 2px;
}

#inquiryHanger dl dd span{display: none;}

#inquiryHanger dl dd a.phonNum{display: block;}

#inquiryHanger dl dd small{
	font-size: 14px;
	font-size: 1.4rem;
}

#inquiryHanger dl dd a.btn{
	height: 60px;
	font-size: 18px;
	font-size: 1.8rem;
	padding-top: 20px;
}
	
	

/** footer ******************************/
footer ul{padding: 0;}

footer ul li{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0;
}

footer ul li a{
	display: block;
	padding: 20px 0;
}

footer dl{padding: 30px 10px;}

footer dl dt{
	font-size: 16px;
	font-size: 1.6rem;
}

footer dl dd{
	font-size: 14px;
	font-size: 1.4rem;
}

#copyRight{
	font-size: 10px;
	font-size: 1.0rem;
	padding: 0 10px 30px 10px;
}
	


}