@charset "utf-8";

/*********************************
 *
 * 全ページ共通
 *
 *********************************/


body {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #494949; }
a {color:#12679d; text-decoration: underline;}
a:hover {color:#23b4de; text-decoration: underline;}
a:hover img.hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/* clearfix */
.clearfix:before, .clearfix:after {content:""; display:block;	overflow:hidden;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

button {  padding: 0; margin: 0; background: none; border: none; cursor: pointer; }
td { text-align: left; }
div { text-align: left; }
section { text-align: left; }

/*********************************
 * ～640
 *********************************/

@media screen and (max-width:640px){
html {-webkit-text-size-adjust:100%;}
body {line-height:1.65;}
.pc {display:none;}
.sidefixnavi { display: none; }
img {width:100%;}
.pbtn_next { padding: 4% 0; width: 100%; text-align: center; border: 3px solid #27578d; /*background: url(../images/common/pbtn1.png) right center no-repeat; background-size: contain;*/ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #27578d; font-size: 0.8em; line-height: 1.25em; }
.mfp_next,#mfp_button_send { padding: 3% 0; width: 100%;  text-align: center; background: #27578d; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #fff; font-size: 0.8em; line-height: 1.25em; }
.mfp_prev,#mfp_button_cancel  { padding: 3% 0; width: 100%; text-align: center; background: #27578d; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #fff; font-size: 0.8em; line-height: 1.25em; }
.mfp_phase { width: 100%; background: #fff; text-align: center; }
#mfp_phase_confirm { width: 92%; margin: 0 auto; }
#mfp_phase_confirm h4 { padding: 4% 0;}
#mfp_phase_confirm #mfp_confirm_table {}
#mfp_phase_confirm #mfp_confirm_table th { display: block; font-weight: bold; border: none; }
#mfp_phase_confirm #mfp_confirm_table td { display: block; }

/* header */
header {  }
#mobile-head { width:100%; background:#fff;  }
	header .logo { width: 92%; margin: 0 auto; padding: 2% 0; }
	header .logo img { height: auto; }

header .header_bottom { width: 100%; padding: 0; border-bottom: 4px solid #6692c3; background: #d1dfed; }
header .header_bottom div.inner { width: 92%; margin: 0 auto; padding: 1.5% 0 1% 0; font-size: 1px; line-height: 1em; }

/* contents */
article { padding: 0 0 0 0; }
#contents { width:100%; }
div.topicpath { display: none; }
div.topicpath a { color: #12679d; }
div.topicpath a:hover { color: #23b4de; }
div.topicpath:before { content: "● "; color: #d5d7d8; }


/* footer */
div.pagetop { display: none; }
footer { position: relative; width:100%; background:#fff;}
footer .navi{ margin: 9% 0 0 0 ; padding:0; font-size:100%;  }
footer .navi ul li { border-bottom: 1px solid #27578d; font-size: 0.8em;  background: #eaeff4; }
footer .navi ul li a { display: block; position: relative; padding: 1em 3%; box-sizing: border-box; font-weight: normal; color: #27578d; text-decoration: none; }
footer .navi ul li span {  }
footer .navi ul li a::after{
	content:"";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 2px solid #27578d;
	border-right: 2px solid #27578d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 3%;
	top:50%;
	margin-top:-7px;
}

footer section.footer div.inner { position: relative; width: 100%; margin:  0 auto; }
footer section.footer div.inner div.child { text-align: center; }
footer section.footer div.inner div.child div.tel { width: 329px; margin: 6.6% auto; }
footer section.footer div.inner div.child .logo { width: 200px; height: 21px; }
footer section.footer div.inner div.child p.copy { font-size: 11px; margin: 5px 0 0 0; }


footer .copy { text-align: center; padding: 3% 0; font-weight: bold; font-size: 0.65em; font-weight: bold; }

}/*-640*/


/*********************************
 * 641～
 *********************************/

@media screen and (min-width:641px){

html {-webkit-text-size-adjust:100%; min-width:1180px; }
body {font-size: 16px !important; line-height:1.75em;}
.sp {display:none;}
.mfp_phase { width: 1080px; margin: 0 auto; background: #fff; text-align: center; }
.pbtn_next { padding: 2% 0; width: 40%; text-align: center; border: 3px solid #27578d; /*background: url(../images/common/pbtn1.png) right center no-repeat; background-size: contain;*/ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #27578d; font-size: 1.3em; line-height: 1.25em; }
.mfp_next,#mfp_button_send { padding: 1.0em 0; width: 30%; text-align: center;  background: #27578d; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #fff; font-size: 0.8em; line-height: 1.25em; border-radius: 10px; }
.mfp_prev,#mfp_button_cancel { padding: 1.0em 0; width: 30%; text-align: center;  background: #27578d; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #fff; font-size: 0.8em; line-height: 1.25em; border-radius: 10px; }
.mfp_phase { width: 1080px; margin: 0 auto; background: #fff; text-align: center; }
#mfp_phase_confirm { width: 1080px; margin: 0 auto; }
#mfp_phase_confirm h4 { padding: 20px 0 !important;}


/* header */
#top-head { display: none; }
header {overflow:hidden; position:relative; width:100%; padding: 0 0 0 0;  }
header section { position: relative; width: 1080px; margin: 0 auto; }
header .logo { float: left; padding: 10px 0; }
header .tel { float: right; padding: 33px 0 0 0; }
header .header_bottom { width: 100%; border-bottom: 6px solid #6692c3; background: #d1dfed; }
header .header_bottom div.inner { width: 1080px; margin: 0 auto; padding: 5px 0 11px 0; text-align: center; }
header .header_bottom div.inner .btn { width: 275px; margin: 0 0 0 0; }

/* navi */


/* contents */

article {}
#contents { width:100%; }
div.topicpath { width: 1080px; margin: 0 auto; font-size: 12px; line-height: 1.45em; padding: 5px 0 0 0; color: #12679d; }
div.topicpath a { color: #12679d; }
div.topicpath a:hover { color: #23b4de; }
div.topicpath:before { content: "● "; color: #d5d7d8; }

/* footer */

div.pagetop { width: 100%; margin: 0 auto; padding: 50px 0 0 0; text-align: center; background: #fff; }
div.pagetop img { width: 296px; }
footer { position: relative; width: 100%; padding: 0 0 50px 0; }
footer section.footer { background: #fff; border-top: 9px solid #27578d; padding: 20px 0 30px 0; } 
footer section.footer div.inner { position: relative; width: 1080px; margin:  0 auto; }
footer section.footer div.inner div.child { float: left; width: 50%; }
footer section.footer div.inner div.child div.navi { width: 500px; position: relative; padding: 0 0 15px 150px; background: url(../images/common/footer_logo.png) no-repeat ; box-sizing: border-box;  }
footer section.footer div.inner div.child div.navi li { display: block; margin: 0; padding: 12px 0; height: 14px; font-size: 1; line-height: 1em; }
footer section.footer div.inner div.child div.navi li img { height: 14px; }
footer section.footer div.inner div.child:last-child { padding: 0 0 0 0; text-align: right; }
footer section.footer div.inner div.child div.tel { width: 329px; margin: 10px 0 0 0; }
footer section.footer div.inner div.child .logo { width: 315px; height: 33px; }
footer section.footer div.inner div.child p.copy { font-size: 12px; margin: 5px 0 0 0; }

}/*641-*/