@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Noto+Sans+JP:wght@400;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
@import url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');

/*============================
common style
============================*/
*{margin: 0 auto; padding: 0;}

html, body{
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	-webkit-overflow-scrolling: touch;
}
body{position: relative; font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;}
a{text-decoration: none;}

p{text-justify: inter-ideograph !important; text-align: justify !important;}

/*寄せ*/
.valign-top{vertical-align:top !important;}

/*余白*/
.pb20{padding-bottom: 20px;}
.mb20{margin-bottom: 20px !important;}

/*表示切替*/
.pc-none{display: none;}
.sp-none{display: inherit;}

/*画像*/
img{vertical-align:top;}
img.kadomaru{border-radius: 1.5em;}

/* フォントサイズ */
.fs10 {font-size: 10px; letter-spacing:-0.5px;}
.fs11 {font-size: 11px; letter-spacing:-0.5px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs25 {font-size:25px;}
.fs30 {font-size:30px;}

section{margin: 0 auto 100px;}



/*============================
header
============================*/
header{
	position: relative;
	z-index:10 !important;
	height: 65px;
	background: #ffffff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 15px !important;
}
header img{
	margin:18px 0;
	max-width: 200px;
	width: 50%;
}



/*============================
footer
============================*/
footer {
	width:100%;
	margin:0 auto 0;
	padding:60px 0;
	background-color: #11006d;
	text-align:center;
}

/* footer内バナー枠 */
.footer-bn{
	max-width: 580px;
	width:80%;
	margin:0 auto 40px;
}
.footer-bn a{
	display: block;
	margin-bottom:15px;
	color:#ffffff;
	text-decoration: none;
	font-size: 13px;
}
.footer-bn a img{
	margin: 0 auto;
	width: 100%;
}
.footer-bn ul{
	overflow: hidden;
}
.footer-bn ul li{
	list-style: none;
	float: left;
	width: 48%;
}
.footer-bn ul li:first-child{
	margin-right: 10px;
}

#footer-navi {max-width: 680px; width:80%; margin: 0 auto; text-align:center; color: #ffffff; }
#footer-navi h2 {margin: auto; font-size:16px; letter-spacing: 2px; padding:10px 0;}
#footer-navi p{padding:10px; text-align: center !important; border-top: 1px dotted #ffffff; border-bottom:1px dotted #ffffff;}
#footer-navi a.tel {font-size:20px; font-weight:600; letter-spacing:2px; line-height:30px; color: #ffffff;}
#footer-navi a.mail {font-size:18px; font-weight:600; letter-spacing:2px; line-height:30px; color: #ffffff;}
#footer-navi  ul {list-style: none; padding:10px 0 20px;  -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-padding-start: 0px;}
#footer-navi  ul li {list-style: none; margin: 0 10px; display:inline-block;}
#footer-navi  ul li a {color: #ffffff; font-size: 80%;}






/*============================
画面サイズが1150px以下の場合に適用
============================*/
@media screen and (max-width:1150px) {

	/*表示切替*/
	.pc-none{display: inherit;}
	.sp-none{display: none !important;}
	
	section{margin: 0 auto 50px;}
	
	/*footer*/
	footer {padding:60px 0;}
}