@charset "utf-8";

/*==============================
  base
------------------------------*/
html {
  font-size: 62.5%;
  /* 10px = 1rem */
  line-height: 1.4;
}


a{outline:0;}
a:hover img.alp {
	-moz-opacity:0.6;
	opacity:0.6;
	filter: alpha(opacity=60);
}
img{border:none;}
li {list-style: none; }
li img{display:block;}

form{
	display:inline;
	margin:0px;
	padding:0px;
}

p {
	font-size: 13px;
	line-height: 1.7em;
	color: #333;
}

/*ライン*/

.underLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6C6C6;
}


/* clearfix */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

.block {display: block;}
.clear{clear:both;}
.clear2{clear:both;}
.right{float:right;}
.left{float:left;}
.center{text-align:center;}
.aright {text-align: right;}


.f10{font-size:10px;}
.f11 {font-size: 11px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}


.red {color: #CC3300;}
.gray{color:#666666;}
.blue {color: #229CFD;}
.strike {text-decoration: line-through;}
.uline {text-decoration: underline;}
.greenb {color: #31776C; font-weight:bold;}
.redb {color: #CC0000; font-weight:bold;}
.bold{font-weight:bold;}


.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}

.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}

.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}

.pt20{padding-top:20px;}
.pt23{padding-top:23px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}

.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
.pl30{padding-left:30px;}

.pb40{padding-bottom:40px;}
.pl40{padding-left:40px;}

.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}

.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}

.mt15{margin-top:15px;}
.mr15{margin-right:15px;}
.mb15{margin-bottom:15px;}
.ml15{margin-left:15px;}

.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}

.mt25{margin-top:25px;}
.mr25{margin-right:25px;}
.mb25{margin-bottom:25px;}
.ml25{margin-left:25px;}

.mt30{margin-top:30px;}
.mr30{margin-right:30px;}
.mb30{margin-bottom:30px;}
.ml30{margin-left:30px;}

.mt35{margin-top:35px;}
.mr35{margin-right:35px;}
.mb35{margin-bottom:35px;}
.ml35{margin-left:35px;}

.mt40{margin-top:40px;}
.mr40{margin-right:40px;}
.mb40{margin-bottom:40px;}
.ml40{margin-left:40px;}

.mt45{margin-top:45px;}
.mr45{margin-right:45px;}
.mb45{margin-bottom:45px;}
.ml45{margin-left:45px;}

.mt50{margin-top:50px;}
.mr50{margin-right:50px;}
.mb50{margin-bottom:50px;}
.ml50{margin-left:50px;}

.mt55{margin-top:55px;}
.mr55{margin-right:55px;}
.mb55{margin-bottom:55px;}
.ml55{margin-left:55px;}

.mt60{margin-top:60px;}
.mr60{margin-right:60px;}
.mb60{margin-bottom:60px;}
.ml60{margin-left:60px;}

.mt65{margin-top:65px;}
.mr65{margin-right:65px;}
.mb65{margin-bottom:65px;}
.ml65{margin-left:65px;}

.mt70{margin-top:70px;}
.mr70{margin-right:70px;}
.mb70{margin-bottom:70px;}
.ml70{margin-left:70px;}

.mt75{margin-top:75px;}
.mr75{margin-right:75px;}
.mb75{margin-bottom:75px;}
.ml75{margin-left:75px;}

.mt80{margin-top:80px;}
.mr80{margin-right:80px;}
.mb80{margin-bottom:80x;}
.ml80{margin-left:80px;}

.mt85{margin-top:85px;}
.mr85{margin-right:85px;}
.mb85{margin-bottom:85px;}
.ml85{margin-left:85px;}

.mt90{margin-top:90px;}
.mr90{margin-right:90px;}
.mb90{margin-bottom:90x;}
.ml90{margin-left:90px;}

.mt95{margin-top:95px;}
.mr95{margin-right:95px;}
.mb95{margin-bottom:95px;}
.ml95{margin-left:95px;}

.mt100{margin-top:100px;}
.mr100{margin-right:100px;}
.mb100{margin-bottom:100px;}
.ml100{margin-left:100px;}


.mg0{margin:0px;}

.none{display:none;}

.w10{
	width:10px;
}
.w20{
	width:20px;
}
.w30{
	width:30px;
}
.w40{
	width:40px;
}
.w50{
	width:50px;
}
.w60{
	width:60px;
}
.w70{
	width:70px;
}
.w80{
	width:80px;
}
.w90{
	width:90px;
}
.w100{
	width:100px;
}
.w120{
	width:120px;
}
.w150{
	width:150px;
}
.w200{
	width:200px;
}
.w250{
	width:250px;
}
.w300{
	width:300px;
}
.w400{
	width:400px;
}
.w95p{
	width:95%;
}
.w100p{
	width:100%;
}

.mCenter {
	margin-right: auto;
	margin-left: auto;	
}


/*共通タグ*/
.flexBox{
	display: flex;
}

body {
	width: 100%;
font-family: "游ゴシック体", 'Yu Gothic', YuGothic, "ヒラギノ角ゴシック Pro", 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif;	background-color: #FFFFFF;
	
}

/*マウスオーバー*/
a{
	text-decoration: none;
}
header a:hover{
	color:#777777;
}
footer ul a:hover{
	color:#ccc;
}



/*余白管理*/
.maxWid{
	max-width: 1000px;
	margin: 0 auto;
}


/*header*/
.site-header{
    background: rgba(255,255,255,0.8);
    top: 0;
  left: 0;
  right: 0;
    position: fixed;
    transition: .5s;
    width: 100%;
    z-index: 10;
    padding-bottom: 18px;
}

header.head{
	position: block;
display: flex;
margin-top:24px;
justify-content: flex-end;
height: 85px;
align-items: center;
}

header.head >:first-child {
  margin-right: auto;
}
.head img{
width:100%;
max-width: 271px
}

.head2{
	width: 100%;
	max-width: 630px;
}
.head1{
width: 360px;
height: auto;;
}

.headContact{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding-bottom: 0
}
.headContact2{
	padding-top:0px;
}
.headContact2 .inLeft{
	font-size: 12px
}
.headContact2 span.tel{
font-size: 26px;
color: #374A8E;
font-weight: 700;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;	clear: both;

}


/*ナビゲーションメニュー*/

.navFlex{
	display: flex;
	justify-content: space-between;
	 align-items: center;
	 width: 100%;
	 padding-top: 10px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;	clear: both;


}
.navFlex a{
color: #333333;
font-size: 16px;
	text-decoration: none;
}


#nav_toggle{
	display: none;
}

/*メニュー部分*/
@media screen and (max-width:640px){
	header.head nav{
		display: none;
		position: absolute;
		top:77px;
		width: 100%;
		background: #ffffff;
		left: 0;
		z-index: 5;


	}
	header.head nav ul{
		display: flex;
		margin: 0 auto;
		width: 90%;
		flex-wrap:wrap;
	}
	header nav ul li{
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #374A8F;
		padding: 16px 0 16px 0;
		width: 40%;
	}
	header nav ul li:last-child{
		border: none;
	}
	header.head nav ul li a{
		display: block; 
				color: #374A8F;

	}
header.head nav ul li.navFlex7{
	border:1px solid #374A8F;
	margin-top:30px;
margin-bottom: 30px;
	width: 90%;
}
header.head nav ul li.navFlex7 a{
	color: #374A8F;
	
}

}

@media screen and (max-width:640px){	
	/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 40px;
		height: 40px;
		position: relative;
		z-index: 100;
		color: black;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #000;
		position:absolute;
		width: 100%;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:12px;
	}
	#nav_toggle span:nth-child(3){
		top:24px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}
}
/*メニューを開閉した後にナビメニューが消えない対処法*/
@media only screen and (min-width: 641px) {
   header.head div.head2 nav{
   	display: block!important;
   }
}


/*ナビゲーションメニューここまで*/


/*お問い合わせ*/
section.footContact{
	background-color: #273467;
width: 100%;
color: white;
padding: 34px 0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;	clear: both;
font-size: 12px;
}
.footContact .flexBox{
	justify-content: space-between;
	align-items: center;
	width: 610px;
	margin: 0 auto;
	text-align: center;
}

.footContact img{

	margin: 0 auto;

}
.footContact .flexBox1{
width: 50%;
height: 110px;
border-right: 1px solid white;
}
.footContact .flexBox1 img{
padding-bottom: 5px;
}
.footContact .flexBox2 img{
padding-bottom: 5px;
}


.footContact .flexBox2{
width: 240px;
height: 94px;
	border: 1px solid white;
	  display: flex;
  justify-content: center;
  align-items: center;

}
.footTel{
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0.1em;

}
.footContact a{
color: white;
}
.footContact a:hover{
opacity: 0.6;
transition-duration: 0.3s;
}


/*バナー*/
section.link{
	background-color: #EEEEEE;
	padding: 50px 0 46px;
}
.link1{
	margin: 0 auto;
	text-align: center

}
.link1 img{
	max-width: 490px;
	height: auto;
	width: 100%;
}
/*フッター*/
footer.foot{
width: 100%;
background-color: #374A8F;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}


.foot .flexBox{
	display: flex;
	align-items: center;
	justify-content: space-between;
}





ul.footNav{
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	width:600px;
	padding-bottom: 30px
}
ul.footNav a{
color: white
}
.copyRight{
	text-align: right;
	font-size: 12px;
	color: white;
}

#footGoto {
	position: fixed;
	right: 20px;
	z-index: 100;

}

#footGoto a {
	width: 100px;
	text-align: center;
	display: block;

}
#footGoto a:hover {
opacity: 0.8;
}
#footGoto img{
opacity: 0.87;
width:68px;
height: auto;
}



/**下層ページ共通**/

section.pageHead{
	margin-top: 128px;
	width:100%;
	height: 100px;
	background-color: #374A8F;
}
.pageHead2{
	position: relative;
	height: 100px;
		color: white;
		text-align: center;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
  flex-direction: column;/*縦一列*/

}
.pageHead2 .pageHead3{
font-size: 14px;
	padding:4px 0;
font-weight: 400;
		color: white;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

}
.pageHead2 h2{

font-family: "游ゴシック体", 'Yu Gothic', YuGothic, "ヒラギノ角ゴシック Pro", 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif;
font-size: 26px;
font-weight: 500;
}

/*パンくずリスト*/

.bread {
    width: 100%;
    margin: 10px auto 0;

}
 
.bread ul {
    display: flex;

}
 
div.bread ul li {
    font-size: 13px;
    color: #666666
}
 
.bread ul li:first-child::before,.bread ul li a:first-child::before {
    padding: 0;
    margin: 0;
    content: "";
}
 
.bread ul li::before {
    padding: 0 10px 0 10px;
    content: ">";
font-family: sans-serif;
    }

    .bread ul li a,.bread ul li a:visited{
    margin: 0 4px 0 0;
    color: #8C7943;

}

        .bread ul li a::before,.bread ul li a:visited::before{
        color: #8C7943;
            content: ">";
font-family: sans-serif;

}
        .bread ul li a:hover{
text-decoration: underline;
}

footer .flexBox2{
	position: relative;
}

footer .btnList{
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 0px;
}
footer .btnList .btnFlex{
	display: flex;
}
footer .btnFlex .flex2 img{
	margin-right: 8px;
	width: 28px;
	height: 28px;
}




/*レスポンシブ*/

@media only screen and (max-width: 640px){

/*共通タグ*/
.flexBox{
	display: block;
}


/*余白管理*/
.mbPad{
	padding-right:20px;
	padding-left:20px;
}



/*header*/
.site-header{
	height: auto;
	    padding-bottom: 17px!important;
}
header.head{
	margin-top: 20px;
height: auto;

}
.head1{
height: auto;
}
.head1 img{
width: 120px;
}
.head2{
	height: auto;
}
.headContact{
	padding-bottom: 0px
}
.headContact img{
	display: none;
}
.headContact1 {
    padding-left: 0;
    padding-right: 0;
}
.navFlex{
	display: block;
}




/*お問い合わせ*/
section.footContact{
font-size: 12px;
padding: 40px 0;
}
.footContact .flexBox{
	width: 100%;
display: block;
}

.footContact .flexBox1{
width: 100%;
border-right: 0px;
padding-bottom: 40px;
}


.footContact .flexBox2{
width: 100%;
font-size: 19px;
}







/*フッター*/
footer.foot{
padding:30px 0 
}


.foot .flexBox{
	display: flex;
  flex-direction: column-reverse;
}
.foot .flexBox2{
width: 100%;
text-align: center
}



ul.footNav{
	display: block;
	font-size: 13px;
	width:100%;
	padding-bottom: 30px;
	text-align: center;
}
ul.footNav li{
	width: 100%;
	padding: 16px 0;
	border-top: 1px solid #fff ;
}
ul.footNav li:last-child{

	border-bottom: 1px solid #fff ;
}
.copyRight{
	text-align: center;
	font-size: 12px;
}


#footGoto {
	position: fixed;
	right: 20px;
	z-index: 100;
		bottom: -50px;
}

#footGoto a {
	width: 100px;
	text-align: center;
	display: block;

}
#footGoto img{
opacity: 0.87;
width:68px;
height: auto;
}


footer .btnList{
	position: relative;
}
footer .btnList .btnFlex{
	display: flex;
	justify-content: center;
	margin-bottom:6px;
}
footer .btnFlex .flex2 img{
	margin-right: 6px;
	margin-left: 6px;

}





/*下層ページ共通*/
section.pageHead{
	margin-top: 77px;

}
.pageHead2 .pageHead3{
font-size: 14px;

}
.pageHead2 h2{
font-size: 26px;
}






/*ユーティリティ*/
.mbInvi{
	display: none;
}



}



/*パンくずリスト*/
@media only screen and (max-width: 640px) {
    div.bread ul li {
    font-size: 10px;
}
}

@media only screen and (min-width: 641px) and (max-width: 1000px) {
/*余白管理*/
.mbPad{
	padding-right:20px;
	padding-left:20px;
}
}
.centerOut{
text-align: center
}
.inLeft{
text-align: left;
display: inline-block;
}












/*ユーティリティ*/
@media only screen and (min-width: 641px){
.pcInvi{
	display: none;
}
}
@media only screen and (min-width: 481px){
.pcInvi2{
	display: none;
}

}