@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
/*===========================================================
creation-date :
last update :
============================================================*/

/*-----------------------------------------------------------
div
------------------------------------------------------------*/
div {
  text-align:left;
  }
/*-----------------------------------------------------------
clearfix
------------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height:0;
  }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
/*-----------------------------------------------------------
img
------------------------------------------------------------*/
img {
  margin:0;
  padding:0;
  vertical-align:bottom;
  border: 0;
  }
table img {
  margin:0;
  padding:0;
  vertical-align:bottom;
  border: 0;
  }
/*-----------------------------------------------------------
p
------------------------------------------------------------*/
p {
  margin:0;
  padding:0;
  }
/*-----------------------------------------------------------
ul
------------------------------------------------------------*/
ul
{
	list-style: none;
	margin:0;
    padding:0;
}
/*-----------------------------------------------------------
Link
------------------------------------------------------------*/
a:link {
  color:#FF9C00;
  text-decoration:none;
  }
a:visited {
  color:#FF9C00;
  text-decoration:none;
  }
a:hover {
  color:#aaa;
  text-decoration:none;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}
a:active {
  color:#FF9C00;
  text-decoration:none;
  }
/*-----------------------------------------------------------
margin
------------------------------------------------------------*/
.t0b5 { margin:0 0 5px 0; overflow:hidden; }
.t0b10 { margin:0 0 10px 0; overflow:hidden; }
.t0b15 { margin:0 0 15px 0; overflow:hidden; }
.t0b20 { margin:0 0 20px 0; overflow:hidden; }
.t0b25 { margin:0 0 25px 0; overflow:hidden; }
.t0b30 { margin:0 0 30px 0; overflow:hidden; }
.t0b35 { margin:0 0 35px 0; overflow:hidden; }
.t0b40 { margin:0 0 40px 0; overflow:hidden; }
.t0b45 { margin:0 0 45px 0; overflow:hidden; }
.t0b50 { margin:0 0 50px 0; overflow:hidden; }
.t0b55 { margin:0 0 55px 0; overflow:hidden; }
.t0b60 { margin:0 0 60px 0; overflow:hidden; }

.t5b0 { margin:5px 0 0 0; overflow:hidden; }
.t5b10 { margin:5px 0 10px 0; overflow:hidden; }
.t5b20 { margin:5px 0 20px 0; overflow:hidden; }
.t5b30 { margin:5px 0 30px 0; overflow:hidden; }

.t10b0 { margin:10px 0 0 0; overflow:hidden; }
.t10b10 { margin:10px 0; overflow:hidden; }
.t10b20 { margin:10px 0 20px 0; overflow:hidden; }
.t10b30 { margin:10px 0 30px 0; overflow:hidden; }

.t20b0 { margin:20px 0 0 0; overflow:hidden; }
.t20b5 { margin:20px 0 5px 0; overflow:hidden; }
.t20b10 { margin:20px 0 10px 0; overflow:hidden; }
.t20b20 { margin:20px 0; overflow:hidden; }

.t30b0 { margin:30px 0 0 0; overflow:hidden; }
.t30b5 { margin:30px 0 5px 0; overflow:hidden; }
.t30b10 { margin:30px 0 10px 0; overflow:hidden; }
.t30b20 { margin:30px 0 20px 0; overflow:hidden; }
.t30b30 { margin:30px 0; overflow:hidden; }

.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt70{ margin-top: 70px; }

.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }

.mr10{ margin-right: 10px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }
.mr40{ margin-right: 40px; }
.mr50{ margin-right: 50px; }

.ml10{ margin-left: 10px; }
.ml20{ margin-left: 20px; }
.ml30{ margin-left: 30px; }
.ml40{ margin-left: 40px; }
.ml50{ margin-left: 50px; }

/*-----------------------------------------------------------
padding
------------------------------------------------------------*/
.p10b10 { padding:10px 0; overflow:hidden; }
.p20b20 { padding:20px 0; overflow:hidden; }
.p30b30 { padding:30px 0; overflow:hidden; }
.p40b40 { padding:40px 0; overflow:hidden; }
.p50b50 { padding:50px 0; overflow:hidden; }

.p0b10 { padding: 0 0 10px 0; overflow:hidden; }
.p0b20 { padding: 0 0 20px 0; overflow:hidden; }
.p0b30 { padding: 0 0 30px 0; overflow:hidden; }
.p0b40 { padding: 0 0 40px 0; overflow:hidden; }
.p0b50 { padding: 0 0 50px 0; overflow:hidden; }
.p0b60 { padding: 0 0 60px 0; overflow:hidden; }
.p0b70 { padding: 0 0 70px 0; overflow:hidden; }

/*-----------------------------------------------------------
line height
------------------------------------------------------------*/
.line14{ line-height: 14px}
.line16{ line-height: 16px}
.line18{ line-height: 18px}
.line20{ line-height: 20px}
.line22{ line-height: 22px}
.line24{ line-height: 24px}
.line26{ line-height: 26px}
.line28{ line-height: 28px}
.line30{ line-height: 30px}

/*-----------------------------------------------------------
FONT Weight
------------------------------------------------------------*/
.fwB{font-weight: bold;}

/*-----------------------------------------------------------
FONT Size
------------------------------------------------------------*/
.fz10{ font-size: 10px; }
.fz11{ font-size: 11px; }
.fz12{ font-size: 12px; }
.fz13{ font-size: 13px; }
.fz14{ font-size: 14px; }
.fz15{ font-size: 15px; }
.fz16{ font-size: 16px; }
.fz17{ font-size: 17px; }
.fz18{ font-size: 18px; }
.fz19{ font-size: 19px; }
.fz20{ font-size: 20px; }
/*-----------------------------------------------------------
FONT family
------------------------------------------------------------*/
.ffN{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ffM{font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}

/*-----------------------------------------------------------
FLOAT
------------------------------------------------------------*/

/*-----------------------------------------------------------
Text-Align
------------------------------------------------------------*/
.taL{ text-align: left; }
.taC{ text-align: center;}
.taR{ text-align: right;}
/*-----------------------------------------------------------
input, textarea
------------------------------------------------------------*/
input, textarea
{
	margin: 3px;
	font-size: 100%;
	color: #282928
}
/*-----------------------------------------------------------
table
------------------------------------------------------------*/
table
{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
dl, dt, dd, th, td
{
	margin: 0;
	padding: 0;
}
/*-----------------------------------------------------------
table
------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 767px) {
	#gHeader {
		margin: 0 -2%;
		line-height: 1.5;
	}
	
	#gHeader img {
		margin: 0 !important;
	}

	#gFooter {
		margin: 0 -2%;
		line-height: 1.5;
		letter-spacing: 0 !important;
	}
	
	#gFooter img {
		margin: 0 !important;
	}
	
	#gFooter .topBox .textBox {
		line-height: 1.5;
	}
}

/*-----------------------------------------------------------
Body
-------------------------------------------------------------*/
body {
  width: 100%;
  margin:0;
  padding:0;
  line-height:190%;
  letter-spacing:0.03em;
 font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:15px;
  height:100%;
	background-color:/*#04115a*/#091031;
	color:#000;
 min-width:1000px;
  }
  html {
	height: 100%;
	-webkit-text-size-adjust: none;
	
}
.header_tel{
    padding: 18px;
    background-color: #000e57;
    text-align: right;
    z-index: 1;
}
.header_tel .container{
    text-align: right;
    width: 100%;
}
#acMenu {padding-left:30px;}

.btn1{font-family: 'Cormorant Garamond', serif;
	letter-spacing: 0.2em;margin-top: 30px;
	font-size: 100%;
	padding-left:30px;
    }
#acMenu dt{
	display: block;
	width: 200px;
	font-size: 100%;
	height: 30px;
	line-height: 30px;
	text-align: left;
	margin-top: 30px;
	cursor: pointer;
	font-family: 'Cormorant Garamond', serif;
	letter-spacing: 0.2em;
    }
#acMenu dt:hover{  color:#aaa;
  text-decoration:none;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;}
	
#acMenu dd{
    width:200px;
	font-size:80%;
    /*height:50px;*/
    line-height:30px;
    text-align:left;
	padding-left:15px;   
    display:none;
    }
	



 #all{
	height: 100%;}


.mt0{
	margin-top: 0px !important;
}

.midashi1 {
    text-align: left;
    border-top: 2px solid #fff;
    line-height: 1.4;
       font-size: 24px;
    padding-bottom: 5px;
    font-weight: normal;
	position: relative;
	color: #fff;
	margin-bottom: 14px;
	margin-top: 60px;
	padding-top: 20px;
	
}
.midashi1::after {
	
    position: absolute;
    z-index: 1;
    left: 0;
    top: -2px;
    width: 20%;
    height: 2px;
    background-color: #e7141a;
    content: '';
}
.midashi1 span{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ;
	font-size: 12px;
	font-weight: normal;
	color: #a7c75c;
	padding-left: 10px
	
}

.midashi3{
	font-size: 16px;
	text-align: left;
	margin-top: 0px;
	padding: 13px 20px;
	color: #fff;
	border-radius: 3px;
	margin-bottom: 10px;
	font-weight: light;
	background-color: #333;
	line-height: 1.2em;
}

.midashi3 span{
		color: #fff;
	font-size: 12px;
	width: 90px;
	margin-right: 10px;
	border-radius: 30px;
	padding: 3px 10px;
	text-align: center;
	background-color: #E4AD62;
	margin-bottom: 7px;
}

.midashi4{
	font-size: 16px;
	background-color: #fff;
	color: #000;
	margin-top: 25px;
	margin-bottom: 10px;
	border-radius: 3px;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;
	line-height: 18px;
}
.midashi4 span{ font-size: 13px;
margin-left: 10px;
padding-left: 10px;
border-left: solid 1px #c7bb94;
color: #8d7732;}
.midashi2{
	font-size: 16px;
	color: #000e57;
	background-color: #fff;
	padding: 10px 15px;
	margin-top: 50px;
	margin-bottom: 14px;
	font-weight: bold;
	border-top: solid 2px #3c4da6
}

.midashi5{
	margin-top: 30px;
	font-size: 18px;
	padding-top: 13px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #8cac3f;
	border-top: solid 3px #e7edbd ;
}

.midashi6{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 33px;
	margin-bottom: 15px;
	margin-top: 40px;
    padding-top: 10px;
	padding-bottom: 10px;
    border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
}
.midashi6 span{
    font-size: 13px;font-weight: 400;
}


 a:hover img {
opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: “alpha(opacity=80)”; /* IE 8 */
}

 a img {
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}



.pagetop.show {
    opacity: 0.8;
    visibility: visible;
}
.page-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
	z-index: 1000;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

#top-head{
    position: relative
}

	#global-nav{
			margin-top: 0px;
			background-color: #222122;
			background-image:url("../../images/common/navi_bg.png")
		}
	@media screen and ( min-width: 768px ) {
		header{
			
		}
	
		#all{
					margin: 0px auto;
		}
		.container{
			width: 1000px;
			margin: auto;
		}

		
		main{
	
			margin: auto;
		}
		#logo img{
			margin-top: 10px;
			width:173px;
			height:49px;
			float: left;
		}
		#header_mail{
			width:159px;
			float: right;
		}
			#header_tel{
			width:244px;
			float: right;
		}
		#header_mail img{
			width:159px;
			height:38px;
			float: right;
			margin-top: 15px;
			}	
		#header_tel img{
			width:244px;
			height:28px;
			float: right;
			margin-top: 20px;
			margin-right: 10px;
			}
		


	
h1{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
		
		.mainimage{
			margin-bottom: 0px;
            background-image: url("../../images/common/teaser_bg@2x.jpg");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            padding: 250px 0px;
            text-align: center;
		}
		
		.sidebox{
	
		}
		
		.sidebox h4{
			text-align: center;
			font-size: 14px;
			color: #fff;
			border-radius: 3px;
			margin-bottom: 10px;
			font-weight: normal;
			background-color: #6a5947;
		}
		.sidebox ul{
			padding: 14px 19px 0px;
		}
		.sidebox ul li{
			line-height: 20px;
			margin-bottom: 15px;
		}
		
		.copy{
			text-align: center;
			padding: 10px;
		
		}
		
		footer{
			margin-top: 0px;
            background-color: #000;
		}
	
	


		
/*TOPページ*/

	


		.fz20s{
			font-size: 24px !important
		}
	
		
	
		.pchidden{display: none;}
		
		.imgL{
            float: left;
	margin-right: 15px;
            margin-bottom: 10px
}.imgR{
            float: right;
	margin-left: 15px;
    margin-bottom: 10px
}
		.header1{
	float: left;
	width: 315px;
	box-sizing: border-box;
	padding-left: 30px;
	padding-top: 6px;
}
			}
		
		
	@media screen and ( max-width: 767px ) {
.header1{
	width: 100%;
	box-sizing: border-box;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}
		.ic1 {
    padding-top: 5px;
    padding-bottom: 5px;
			line-height: 14px !important
}
		#logo{
			margin: 20px 10px 15px;
		}
	}


	
.box_check{
		background-color: #f0fdf5;
			border: solid 2px #cdecd9;
			margin-top: 10px;
	padding-top: 15px;
			border-radius: 10px;
	padding-left: 25px;
	padding-right: 25px;
			padding-bottom: 8px;
			box-sizing: border-box;
			font-size: 15px;
}
.box_check li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #0d793a;
}
.box_check li:before {
  color: #0d793a;
  content: "\f00c";
  font-family: FontAwesome;
  margin-right: 4px;
}

.box2{
	font-size: 13px;
	background-color: #fff5e3;
	border-radius: 10px;
	text-align: left;
	padding: 20px;
	color: #6a5947;
	line-height: 1.5;
}
.box2 li{
	margin-bottom: 10px;
	margin-top: 5px;
}
.box2 ol{counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
}

.box2 ol li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.box2 ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #e6aa6b;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);

}


.box2b{
width: 722px;
	box-sizing: border-box;
	text-align: left;
		color: #6a5947;
	  background-color: #fff5e3;
    border: 2px dashed #dbc7a4;
    border-radius: 8px;
    box-shadow: 0 0 0 4px #fff5e3;
    padding: 20px;
	margin-left: auto;
	margin-right: auto;
	
}


.con_table {
  border-collapse: collapse;
  width: 57%;margin-bottom: 5px;
}

.con_table tbody{}

.con_table td{
	border-bottom: 1px dotted #ccc;
		padding: 10px;
}

.con_table th {
	text-align: left !important;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
		color: #0d793a;
	padding: 10px;
 
	width: 33%;
}

.con_table th p:before {
  color: #4d9830;
  content: "\f10c";
  font-family: FontAwesome;
  margin-right: 2px;
}

.txred{color: #ff0000 !important}

.side_blog a{
	 background-color: #0d793a;
	border-radius: 7px;
	display: block;
}
.side_blog a:hover{
	 background-color: #188f49;
}


.table1 {
  border-collapse: collapse;
  margin-bottom: 5px;
}

.table1 tbody{}

.table1 td{
	border: 1px solid /*#3c4989*/#6f6e6e;
	padding: 10px 10px;
    color: /*#fff*/#091031;
	background: #f1f2f4;
}

.table1 th {
	text-align: left !important;
	border: 1px solid /*#3c4989*/#3d3d3d;
	font-weight: 300;
	color: #fff;
	padding: 10px;
	width: 25%;
	background: #282928;
}


.table1b {
  border-collapse: collapse;
  margin-bottom: 5px;
    margin-top: 15px;
    text-align: center
}

.table1b tbody{}

.table1b td{
	border: 1px solid /*#3c4989*/#5d6382;
	padding: 10px 10px;
    color: #fff;
	background: #3c4989;	
}

.table1b th {
	text-align: center;
    background-color: #1a2a81;
	border: 1px solid #3c4989;
	font-weight: bold;
	
		color: #fff;
	padding: 10px;
	width: 25%;
}


.table2 {
  border-collapse: collapse;
  margin-bottom: 5px;
	width: 100%;
}

.table2 tbody{}

.table2 td{
	border: 1px solid #d7cba2;
		padding: 10px 7px;
	text-align: center;
}

.table2 th {
	text-align: left !important;
	border: 1px solid #d7cba2;
	font-weight: bold;
	background-color: #f5f5f5;
		color: #957329;
	padding: 10px;
}
.table2 th:first-child{
	width: 22%;
}
.table2 th:nth-child(3){
	width: 10%;
}
.table2 th:nth-child(4){
	width: 12%;
}
.table2 th:nth-child(5){
	width: 20%;
}



.table3 {
  border-collapse: collapse;
  margin-bottom: 5px;
}

.table3 tbody{}

.table3 td{
	border: 1px solid #d7cba2;
		padding: 10px 7px;

}

.table3 th {
	text-align: left !important;
	border: 1px solid #d7cba2;
	font-weight: bold;
	background-color: #f5f5f5;
		color: #957329;
	padding: 10px;
	width: 25%;
}



.cp2{
    font-size: 28px;
    line-height: 36px;
}
.privacy section{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: dotted 1px #ccc;
}
.privacy section {
	padding-left:1em;
	text-indent:-1em;
}
#logo {
	position: absolute;
	z-index: 3;
	left: 20px;
	top:5px;
}
/*#logo img {
	width: 173px;
	height: 100px;
}*/
#logo img {
	width: 250px;
	height: auto;
}
.showBox {
	background: #000e57;
    padding-bottom: 40px;
}
.top_sec1 {
    max-width: 1398px;
    margin: auto;
}
.top_sec1 ul {
	list-style: none;
	margin: 3px 0px  0px;
	padding:0px 0px 0px 3px;
}
.top_sec1 li {
	float: left;
    padding-right: 3px;
    width: 24.8%;
    color: #fff;
    font-size: 14px;
}
.top_sec1 img {
    width: 100%;
    height: auto;
}
.top_sec1_in {
    padding: 10px 18px 20px;
	line-height: 1.7;
    letter-spacing: 1.2px;
}
.line_box{
    background-color: #00b900;
    text-align: center;
    padding: 25px 20px;
    /*margin-top: 40px;*/
}
.top_info{
    background-image: url("../../images/common/top_info_bg@2x.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top:/* 3px*/ 50px;
    padding: 40px 0px;
}
.ta_c{
    text-align: center
}
.midashi11{
    font-size: 38px;
    font-weight: 300;
    color: #000e57;
    line-height: 44px;
}
.midashi11w{
    font-size: 38px;
    font-weight: 300;
    color: #fff;
    line-height: 44px;
    margin-top: 50px;
}
.midashi12 {
    position: relative;
    display: inline-block;
    padding: 0 45px;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 30px;
	color: #929bca;
    font-weight: normal;
    font-family: 'Titillium Web', sans-serif;
}

.midashi12::before, .midashi12::after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 35px;
    height: 1px;
    background-color: #929bca;
}
.midashi12::before {
    left: 0;
}
.midashi12::after {
    right: 0;
}
.policy {
       background: #030303;
    padding: 20px;
    margin-top:30px;
    margin-bottom: 40px;
}
.policy h4 {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.td31 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.td31 li{
	float: left;
	width: 300px;
	margin-right: 50px;
    margin-bottom: 15px;
}
.td31 li:nth-child(3n){
	margin-right: 0px;
}
.td31.mb40 li{
     margin-bottom: 50px;
}
.news1{
    float: left;
	width: 300px;
	margin-right: 50px;
}
.news2{
    float: left;
	width: 300px;
	margin-right: 0px;
}
.news1 li,.news2 li{
    padding: 0 4px 11px;
    border-bottom: dotted 1px #333;
    line-height: 1.5;
	font-size: 13px;
}
*{box-sizing: border-box;}
.news_box{
      height: 370px;
    overflow: auto;
    margin: auto;
    padding: 15px;
    border: solid 5px #dddddd;
	background: #fff;
}
.news_ti{
    font-size: 20px;
    color: #000e57;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
}
.news_ti span{
    color: #3B3B3B;
    font-size: 11px;
    margin-left: 10px;
}

.boxw,.boxw p{
    color: #fff;
}
.top_bn div{
    width: 50%;
    float: left;
    position: relative;
    text-align: center;
    height: 260px;
    padding-top: 60px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    
}
.top_bn1{
    background-image: url("../../images/common/top_cat_bg1@2x.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 110%;
    z-index: 1
}
.top_bn2{
    background-image: url("../../images/common/top_cat_bg2@2x.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 110%;
    z-index: 1
}
.top_bn1:hover ,.top_bn2:hover{
    background-size: 115%;
}
 .top_bn a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-9999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.box_w{
    background-color: #fff;
    /*margin-top: 50px;*/
	margin-top: 0;
    padding: 50px 0px;
}
.td61{
    padding-left: 10px;
}
.td61 li{
    float: left;
    margin-right: 10px;
    padding: 5px;
    border: solid 1px #dadada;
    background-image: url("../../images/common/top_gal_bg.png");
    border-radius: 5px;
    width: 16%;
}
.td61 li img{
    width: 100%;
    height: auto;
}
.td61 li h5{
    font-size: 16px;
    font-weight: 600;
    color: #1e34a4;margin: 7px 0px 2px;
}
.td61 li p{
    font-size: 13px;
    line-height: 1.5;
}
.pr a{
    float: left;
    color: #fff;
    width: 30%;
}
.cn a{
    float: left;
    color: #fff;
    width: 30%;
    text-align: center;
}
.nx a{
    float: right;
    color: #fff;
    text-align: right;
     width: 30%;
}
.pr a:before {
    color: #fff;
   content: "\f137";
    font-family: FontAwesome;
	margin-right: 3px;
}
.nx a:after {
    color: #fff;
   content: "\f138";
    font-family: FontAwesome;
	margin-right: 3px;
}
.pnav{
    margin-top: 40px;
}
.left{
    float: left;
    width: 770px;
}
.right{
    float: right;
    width: 200px;
}
.button1 {
	display: inline-block;
	width: 230px;
	height: 52px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	box-sizing:border-box;
	font-size:14px;
	margin-top:40px;
	margin-left:auto;
	margin-right: auto;
	font-weight: normal;
	position: relative;
}
.button1:after {
	position: absolute;
	top:1px;
	right: 5px;
    color: #1e34a4;
    content: "\f054";
    font-family: FontAwesome;
	font-size: 12px;
		-webkit-transition: all .3s;
	transition: all .3s;
}
.button1:hover:after {
	position: absolute;right: 2px;
    color: #fff;

}
.button1,
.button1::before,
.button1::after
 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button1 {
		color: #1e34a4;
	border: 1px solid #1e34a4;
	background-color: #fff;
	box-sizing:border-box;
}
.button1:hover {
	background-color: #1e34a4;
	text-decoration: none;
	color: #fff;
	border: 1px solid #1e34a4;
	box-sizing:border-box
}
a.button1{
    color: #1e34a4
}



.button2 {
	display: inline-block;
	width: 430px;
	height: 72px;
	text-align: center;
	text-decoration: none;
	line-height: 70px;
	outline: none;
	box-sizing:border-box;
	font-size:16px;
	margin-top:60px;
	margin-left:auto;
	margin-right: auto;
	font-weight: normal;
	position: relative;
}
.button2:after {
	position: absolute;
	top:1px;
	right: 5px;
    color: #1e34a4;
    content: "\f054";
    font-family: FontAwesome;
	font-size: 12px;
		-webkit-transition: all .3s;
	transition: all .3s;
}
.button2:hover:after {
	position: absolute;right: 2px;
    color: #fff;

}
.button2,
.button2::before,
.button2::after
 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button2 {
		color: #1e34a4;
	border: 1px solid #1e34a4;
	background-color: #fff;
	box-sizing:border-box;
}
.button2:hover {
	background-color: #1e34a4;
	text-decoration: none;
	color: #fff;
	border: 1px solid #1e34a4;
	box-sizing:border-box
}
a.button2{
    color: #1e34a4
}

.box_intro{
    background-image: url("../../images/common/top_intro_bg.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
    background-color: #010935;
    padding: 10px 0px 50px;
}

.intro_box{
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    position: relative;
    margin-top: 40px;
    height: 375px;
}
.intro_box p{
    font-size: 14px;
    line-height: 1.6;
}
.intro_box a{
    position: absolute;
    bottom: 15px;
    color: #000e57;transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    font-size: 16px;
}
.intro_box a:hover{
    color: rgba(116,116,116,1.00)
}
.intro_box a:after {
    color: #9F9F9F;
    content: "\f054";
    font-family: FontAwesome;
	margin-left: 3px;
}
.intro_box img{
    margin-bottom: 10px;
}
.sns h5{
    color: #fff;
}

.sns .innerBox {
    height: 400px;
    border-radius: 4px;
    overflow-y: auto;
    background-color: #fff;
}
.sns2 a, .sns2{
    font-size: 24px;
    color: #fff;
    margin-top: 30px;
}
.sns2 a:hover{
    text-decoration: underline !important
}
.box5{
    background-color: #000834;
    padding: 10px 0px 50px;
    margin-top: 50px;
}
.top_bns{
    text-align: center;
}
.top_bns img{
    margin:10px 20px 20px;
}
footer{
    padding: 50px 0px
}
footer,footer p{
    color: #fff;
}
.sns3 img{
    margin-right: 15px
}
.tel{
    font-size: 28px;
    font-weight: bold;
}
.foot_L{
    width: 480px;
    float: left;
}
.foot_R{
    width: 480px;
    float: right;
}

.mainimage_sub{
    background-color: #00072b;
    background-image: url("../../images/common/sub_bg.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding: 50px 10px;
    color: #fff;
    margin-bottom: 20px;
	border-bottom: 1px solid #0f1533;
}
.mainimage_sub h2{
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    
}
.staff_box{
    margin: 40px 0px;
    border-bottom: solid 1px #3d4882;
    padding-bottom: 40px;
}
.staff_p{
    width: 340px;
    float: left;
}
.staff_tx{
    width: 660px;
    float: right;
}
.staff_ti{
    font-size: 28px;
    margin: 0px 0px 20px;
}
.staff_ti span{
    font-size: 16px;
    color: #a2c0c8;
    margin-left: 20px;
      font-family: 'Titillium Web', sans-serif;
}

.td21 ul{
	list-style: none;
	margin: 30px 0px;
	padding: 0px;
}

.td21 li{
	float: left;
	width: 480px;
	margin-right: 40px;
}
.td21 li:last-child{
	margin-right: 0px;
}

.td21b ul{
	list-style: none;
	margin: 30px 0px;
	padding: 0px;
}

.td21b li{
	float: left;
	width: 700px;
	margin-right: 40px;
}
.td21b li:last-child{
    width: 220px;
	margin-right: 0px;
}
.topline{
    border-top: solid 1px #666;
    padding-top: 25px;
}
.box4{
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-top: 45px;
}
.box4 .midashi3{
    margin-top: 0px;
}
.pr30{
    padding-left: 30px;
}
.cp1{
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    margin: 50px 0px 20px;
}
.cus_box img{
    max-width: 100%;
    height: auto
}
.cus_box ,.cus_box p{
    color: #fff;
}
.cus_box ul{
    margin: 0px 0px 10px!important;
}

.midashi_sun{
    background-image: url("../../images/roof/sun_ti.png");
    background-repeat: no-repeat;
    padding: 70px 20px 70px 50px;
    color: #fff;
    margin: 60px 0px 10px;
    font-size: 28px;
    
}
.midashi_make{
    background-image: url("../../images/make/make_ti.png");
    background-repeat: no-repeat;
    padding: 70px 20px 70px 50px;
    color: #fff;
    margin: 60px 0px 20px;
    font-size: 28px;
    
}
.midashi_ct{
    background-image: url("../../images/make/ct_ti.png");
    background-repeat: no-repeat;
    padding: 70px 20px 70px 50px;
    color: #fff;
    margin: 80px 0px 20px;
    font-size: 28px;
    
}

.midashi_cf{
    background-image: url("../../images/make/cf_ti.png");
    background-repeat: no-repeat;
    padding: 70px 20px 70px 50px;
    color: #fff;
    margin: 80px 0px 20px;
    font-size: 28px;
    
}

.cus_box h5{
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    padding: 5px 1px;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    margin: 0px 0px 13px;
}
.cus_box h5 span{
    color: #f00;
    margin-right: 10px;
}
.sub_L{
    float: left;
    width: 200px;
}
.sub_R{
    float: left;
    width: 280px;
}
.link1{
    margin-top: 50px;
}
.link1 li{
    width: 235px;
    float: left;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 10px;
    
}
.link1 li a{
    display: block;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    color: #000;
    border: solid 1px #fff;transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.link1 li a:hover,.link1 li.on a{
    background-color: #000e57;
    color: #fff;
}
.link1 li:nth-child(4n){
    margin-right: 0px;
}
.right .link1 li{
    width: 100%;
    float: left;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 10px;
}
.right .link1 li a{
 font-size: 13px;
    padding: 5px;
}
.workbox,.workbox p{
    color: #fff;
}
.ic1{
    font-size: 12px;
    padding: 3px 10px;
    background-color: #fff;
    color: #236CCA;
    margin-right: 5px;
}
.ic2{
    font-size: 12px;
    padding: 3px 10px;
    background-color: #fff;
    color: #E64E4E;
    margin-right: 5px;
}
.wic{
    float: left;
    width: 220px;
    margin-bottom: 10px;
}
.day{
    float: right;
    width: 80px;
    font-size: 12px;
    text-align: right;
}
a.button3{
    color: #fff;
    text-align: right;
    font-weight: bold;
line-height: 40px;
}
a.button3:before {
    color: #fff;
  content: "\f138";
    font-family: FontAwesome;
	margin-right: 3px;
}
.right h4{
    background-color: #464646;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    border-radius: 3px;
    margin: 30px 0px 10px;
}
.left .td21 li{
    width: 365px;
}
.left .td31 li{
    width: 246px;
    margin-right: 15px;
}
.left .td31 li:nth-child(3n){
    margin-right: 0px;
}
.left .td21 li img,.left .td31 li img{
    width: 100%;
    height: auto;
}
.side_box li{
    color: #fff;
    font-size: 12px;
    padding: 7px 0px;
    border-bottom: dotted 1px #999;
}
.side_box li a{
    color: #fff;
}
.more{
    text-align: right;
    padding-top: 10px;
    margin-top: 15px;
    border-top: dotted 1px #999
}
.more a{
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
.more a:after {
    color: #fff;
    content: "\f054";
    font-family: FontAwesome;
	margin-left: 3px;
}
.gal img{
    margin-bottom: 10px;
}
.gal {
    text-align: center
}
	@media screen and ( max-width: 767px ) {
		.sphidden{display: none !important;}
		html{
			min-width: 100%; 
		}
        #logo{
              position: absolute;
            z-index: 3;
            top:10px
        }
		#logo img{
			width: 173px;
            height: 100px;
          
			}
        
		.imgL{
            float: none;
	margin-right: 0px;
            margin-bottom: 10px
}.imgR{
            float: none;
	margin-left: 0px;
    margin-bottom: 10px
}
        .pr30{
    padding-left: 0px;
}
        
        .bktable table, .bktable tbody, .bktable tr, .bktable th, .bktable td{
            display: block
        }
		.td21 li{
	 width: 100%;
    float: none;
            margin-bottom: 15px;
}
.t231 li:last-child{
	margin-right: 0px;
}
		body{
			min-width: 100%; 
		}
        .foot_L{
    width: 100%;
    float: none;
            margin-bottom: 15px;
}
        .foot_R{ width: 100%;
    float: none;}
		.td31 li{
	float: none;
	width: 100%;
	margin-right: 0px;
            margin-bottom: 15px;
}
        
        .td61 li{
    float: left;
    margin-right: 10px;
    padding: 5px;
    border: solid 1px #dadada;
    background-image: url("../../images/common/top_gal_bg.png");
    border-radius: 5px;
    width: 33%;
}
        .news1{
 	float: none;
	width: 100%;
	margin-right: 0px;         margin-bottom: 15px;
}
.news2{
	float: none;
	width: 100%;
	margin-right: 0px;
}

		#main img,footer img{
			display: block; 
			margin-left: auto !important; 
			margin-right: auto !important;
			margin-top: 5px !important;
			margin-bottom: 5px !important;
		}
		.list_box li{
			margin-bottom: 5px;
		}
		
		#leftContents img{
				display: block; 
			margin-left: auto !important; 
			margin-right: auto !important;
			margin-bottom: 5px;
		}
		
		#rightContents {
			margin-top: 25px;
		}
		#rightContents img{
			display: block; 
			margin-left: auto !important; 
			margin-right: auto !important
		}
		img { 
			height:auto !important; 
			max-width:100% !important;
		}
		
			#all{
			width:100% !important;
				padding-left: 2%;
				padding-right: 2%;
				box-sizing: border-box;
	}
		
		
		#header_tel{
			margin-left: 10px;
			margin-top: 5px;
	/*	position: absolute;
			top:10px;
			right:60px;
			z-index: 1005;*/
		}
		
	
.sidebox h4 {
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
    font-weight: normal;
    background-color: #6a5947;
}
		.sidebox ul{
			padding: 14px 19px 0px;
		}
		.sidebox ul li{
			font-size: 12px;
			line-height: 20px;
			margin-bottom: 15px;
		}
		
		.copy{
			text-align: center;
			padding: 10px;
	
		}
		
		footer{
			padding: 0px 15px 15px;
			background-color: #f2ede1;
				margin-top: 30px;
		}
	
		*{
			box-sizing: border-box;
		}
/*TOPページ*/
	
		.fb_iframe_widget{ width: 20px; margin: 0px auto;
		z-index: 800;}
		
		.facebook-wrapper {
			width:100%;
    margin: 0 auto;
}
		

	
		
		
		.box2b {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #6a5947;
    background-color: #fff5e3;
    border: 2px dashed #dbc7a4;
    border-radius: 8px;
    box-shadow: 0 0 0 4px #fff5e3;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}
	.box2 ol {
    counter-reset: number;
    list-style-type: none!important;
		padding-left: 0px
}	
		.button3{
			width: 100% !important
		}
		.td21_R {
    margin-top: 0px;
}
		}

/*スマホここまで*/


    #navi {
      position: relative;
      margin: 1em 0;
      height: 20px;
    }
    #menu {
      display: block;
      height: auto;
      margin: 0 0 0 0px;
      padding: 0;
        float: right
    }
    #menu li {
      float: left;
     /* width: 20%;*/

      position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
      z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
    }
    #menu li a {
      padding: 17px 20px;
      border-top: none;
      border-right: none;
      background: none;
      color: #fff;	
      display: inline-block;
      margin: auto;
		/*width:200px;*/
		box-sizing: border-box;
    }
#menu li a:before {
    color: #fff;
     content: "\f138";
    font-family: FontAwesome;
	margin-right: 3px;
}
    #menu li a:hover {
      background: none;
      color: #fff;
		background-color: #000
    }
    #menu li a:active {
      color: #a7c75c;background-color: #faf8f2
    }

    #menu li ul.sub-menu li {
      float: none;  /*サブメニューはフロートさせないので解除*/
       
    }
#menu li ul.sub-menu li a{
     background-color: #2C2C2C;
        width: 200px;
}
.navbg{
    background-image: url("../../images/common/navi_bg.png")
}
    /*背景色などのカスタマイズ*/
    .slicknav_nav li {
      border-top: 1px solid #333;
    }
    .slicknav_menu {
      background-color: #2C2C2C !important;
    }
    .slicknav_menu .slicknav_icon-bar {
      background-color: #2C2C2C !important;
    }
    .slicknav_menu a:hover {
      color: #fff !important;
    }
    .slicknav_btn {
      background-color: #8b7965 !important;
    }
    .slicknav_nav .slicknav_row:hover {
      background: #564431 !important;
    }
    .slicknav_nav a:hover {
      background: #564431 !important;
    }
    i.fa {
      font-size: 18px;
    }
    i.fa.fa-caret-right {
      display: none;
    }
    #menu {
      display: none;
    }

#menu li ul.sub-menu li{
  overflow: hidden;
  height: 0;
	  transition: .2s;
}
#menu li:hover ul.sub-menu li{
  overflow: visible;
  height: 38px;
	
}
#menu li ul.sub-menu{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}





    @media screen and (min-width : 768px) {
      body {
        margin: 0;
      }
      #content {
        margin: 0;
      }
      #menu {
        display: block;
      }
      .slicknav_menu {
        display: none;
      }
      i.fa.fa-caret-right {
        font-size: 14px;
        display: inline-block;
      }
        .video{
  position:relative;
  /*width:100%;*/
  width:560px;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
    }