@charset "utf-8";

/* side nav */
.side_nav{
	position: fixed;
	right: 0;
	top: 14%;
	z-index: 4;
	width: 48px;
}
.side_nav a{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.side_nav:hover{
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}
.side_nav img{ width: 100%; }

.big-background { position: relative; }
.big-background .innar{ padding: 400px 0; }
.big-background .head_pc{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 1000px;
	width: 90%;
}
.head_pc{ padding-top: 10px; max-width: 1000px; width: 94%; margin: auto;}
.head_pc .logo{ width: 300px; display: inline-block; float: left; }
.head_pc .right_info{ width: 300px; display: inline-block; float: right; }
.head_pc .right_info{ margin-top: 10px; }
.head_pc .right_info li{
	display: inline-block;
	width: 48%;
	float: left;
	margin-right: 4%;
}
.head_pc .right_info li:last-child{ margin-right: 0; }
.head_pc .right_info li a:hover{
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.head_pc .right_info img{ width: 100%; }
.big-background .catch{
	font-size: 30px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝";
	text-align: center;
	text-shadow: 0 0 3px #fff;
	color: #000;
	max-width: 560px;
	margin: auto;
	
}
.big-background .catch img{ width: 100%; }
.sp-bg .catch{ max-width: 250px; }
.sp-bg .catch img{ width: 100%; }

/* nav */
nav{ background: #000; }
nav ul{
	max-width: 1000px;
	margin: auto;
	width: 90%;
}
nav li{
	width: 12.5%;
	display: inline-block;
	float: left;
	text-align: center;
	color: #fff;
}
nav li a{
	display: block;
	padding: 20px 10px;
	color: #fff;
}
nav li a:hover{
	text-decoration: normal;
	color: #b59a72;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

/*line_btn*/
.line_btn_w,
.line_btn{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 600px;
	margin: auto;
}
.line_btn_w a,
.line_btn a{
	padding: 20px 0;
	display: block;
	color: #b59a72;
	border: solid 2px #b59a72;
	padding-left: 30px;
}
.line_btn_w a {
	color: #b59a72;
	border: solid 2px #b59a72;
}
.line_btn_w a i,
.line_btn a i{
	float: right;
	display: inline-block;
	width: 30px;
	font-size: 25px;
	line-height: 30px;
}
.line_btn_w a:hover,
.line_btn a:hover{ 
	text-decoration: none; 
	color: #fff;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.line_btn_w,
.line_btn {
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.line_btn_w {
	background: white;
}
.line_btn_w:before,
.line_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #b59a72;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.line_btn_w:before {
  background: #b59a72;
}
.line_btn_w:hover, .line_btn_w:focus, .line_btn_w:active,
.line_btn:hover, .line_btn:focus, .line_btn:active {
  color: white;
}
.line_btn_w:hover a{
	color: white;
}
.line_btn_w:hover:before, .line_btn_w:focus:before, .line_btn_w:active:before,
.line_btn:hover:before, .line_btn:focus:before, .line_btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*line_btn*/
.line_btn2{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 600px;
	margin: auto;
}
.line_btn2 a{
	padding: 20px 0;
	display: block;
	color: #26304d;
	border: solid 2px #26304d;
	padding-left: 30px;
}
.line_btn2 a i{
	float: right;
	display: inline-block;
	width: 30px;
	font-size: 25px;
	line-height: 30px;
}
.line_btn2 a:hover{ 
	text-decoration: none; 
	color: #fff;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.line_btn2 {
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.line_btn2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #26304d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.line_btn2:hover, .line_btn2:focus, .line_btn2:active {
  color: white;
}
.line_btn2:hover:before, .line_btn2:focus:before, .line_btn2:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* wanted */

.wanted{
	background: url(../img/wanted_bg.png?ver=001) no-repeat top center / cover; 
	border-top: solid 4px #b59a72;
}
.wanted .innar{
	padding: 60px 0;
	max-width: 1000px;
	width: 90%;
	margin: auto;
}
.wanted .catch{
	color: white;
	font-size: 70px;
	line-height: 48px;
	font-family: 'Italianno', cursive;
	text-align: center;
	padding-bottom: 25px;
	background: url(../img/line_bg02.gif) no-repeat bottom center;
}
.wanted span{
	font-size: 19px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝";
}
.wanted .txt{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 60px;	
}

/* information*/

.information{
	padding:30px;
}

.information .innar{
	width:600px;
	margin:0 auto;
}

.information li{
	margin:10px;
	font-size:16px;
}

/* support */

.support{ background: url(../img/support_bg.png) no-repeat top center / cover; }
.support .innar{
	margin: auto;
    padding: 120px 0;
    width: 90%;
}
.support .catch{
	width: 720px;
	margin: 0 auto 40px;
}
.support .catch img{ width: 100%; }



/*intro*/
.intro{ background: #f2f2f2; }
.intro .innar{
	max-width: 1000px;
	margin: auto;
	width: 90%;
}
.milagro_box{
	padding: 100px 0 80px;
}
.milagro_box .fl{ width: 65%; }
.milagro_box .fl img{ width: 100%; }
.milagro_box .fr{ width: 35%; background: #fff; }
.milagro_box .fr .innar2{ padding: 90px 50px; }
.milagro_box .fr h1{ margin-bottom: 30px; }
.milagro_box .fr h1 img{ width: 100%; }
.milagro_box .fr p{	 font-size: 16px; line-height: 32px; }
.milagro_box .fr img{ width: 100%; }
.recommend{
	padding: 40px 0 120px;
}
.recommend .fl{ width: 49%; display: inline-block; }
.recommend .fr{ width: 45%; display: inline-block; }
.recommend .fl2{ width: 60%; display: inline-block; }
.recommend .fr2{ width: 30%; display: inline-block; box-sizing: border-box;padding-left: 30px;vertical-align:bottom;}
.recommend .fr img{ width: 100%;}
.recommend .fr2 img{ width: 100%;}
.min_tit{
	background: url(../img/line_bg.gif) no-repeat left top / 100px auto;
	color: #26304d;
	padding-top: 30px;
	letter-spacing: 0em;
	font-size: 40px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝";
	margin-bottom: 40px;
}
.recommend ul{
	margin-left: 30px;
}
.recommend li{
	font-size: 16px;
	background: url(../img/bd01.gif) repeat-x 0 bottom ;
	padding: 5px 0;
}
.recommend li span{
	color: #b59a72;
	font-size: 30px;
	font-family: 'Italianno', cursive;
	display: inline-block;
	padding-right: 20px;
}

/* compornent */

.compornent{
	padding: 80px 0; 
	background: url(../img/bg03.gif) repeat;
}
.compornent .innar{
	max-width: 1000px;
	width: 90%;
	margin: auto;
}
.compornent .tit{
	padding-top: 25px;
	background: url(../img/line_bg02.gif) no-repeat top center / 100px auto;
	color: #b59a72;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝";
	font-size: 46px;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 50px;
}
.compornent .tit span{ font-size: 80%; }

.compornentbox{
	color: #fff;

}
.compornentbox dl{
	margin-bottom: 50px;
}
/*
.compornentbox dl{
	margin-bottom: 30px;
	width: 32%;
	float: left;
	margin-right: 2%;
}
.compornentbox dl:last-child{ margin-right: 0; }
*/
.compornentbox dl span{
	color: #b59a72;
	width: 60px;
	display: inline-block;
	font-size: 300%;
	font-family: 'Italianno', cursive;
	font-weight: 300;
	
}
.compornentbox dl dt{
	font-size: 17px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 16px;
}
.compornentbox dl dd{
	color: #cccccc;
	font-size: 14px;
	line-height: 26px;
	margin-left: 60px;
}
.compornent .line_btn{ margin-top: 30px; }


.voice{ padding: 80px 0; }
.voice .innar{
	max-width: 1000px;
	width: 90%;
	margin: auto;
}
.voice .tit{
	padding-top: 30px;
	background: url(../img/line_bg.gif) no-repeat top center / 100px auto;
	color: #18284e;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝";
	font-size: 46px;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 70px;
}
.voice_box li{
	display: inline-block;
	float: left;
	width: 30%;
	margin-right: 5%;
}
.voice_box li a{ display: block; }
.voice_box li a:hover{ 
	opacity: 0.8; 
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.voice_box li img{ width: 100%; }
.voice_box li:nth-child(3n){ margin-right: 0; }



/* contact */

.contact{
	background: url(../img/contact_bg.jpg) no-repeat top center / cover; 
	padding: 40px;
	position: relative;
}

.contact .tit{
	display: inline-block;
	color: #fff;
	font-size: 40px;
	font-family: 'Italianno', cursive;
	text-align: center;
	padding: 100px 70px;
	border: 3px #fff solid;
}
.contact p{
	color: #fff;
	font-size: 22px;
	text-align: center;
	display: inline-block;
	margin: auto;
	width: 500px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}	
.contact a{ display: block; }
.contact a:hover .tit{
	color: #b59a72;
	border: solid 3px #b59a72;
	transition: all 0.4s;
}
.contact a:hover p{ color: #b59a72; transition: all 0.4s; }

footer{ background: #000; padding: 90px 0 40px; }
footer .innar{ 
	width: 95%;
	max-width: 1000px;
	margin: auto; 
}
footer li{
	width: 11%;
	float: left;
	text-align: center;
	border-bottom: solid 1px #606060;
	margin-right: 1.5%;
}
footer li:last-child{ margin-right: 0; }
footer li a{
	display: block;
	color: #fff;
	padding: 5px;
}
footer li a:hover{ color: #b59a72; transition: all 0.4s; }
footer  address{
	color: #fff;
	font-style: normal;
	text-align: center;
	margin-top: 78px;
}

.s_navi{ display: none; }

.pc_none{ display: none; }

.sp-bg{ display: none; }

.nav_kotei{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	z-index: 5;
}
.wrap {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
}
.ichiran-box{
padding: 5px 0;
}
/* ■02.横幅1300px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (max-width:1500px) {
/* ▼PC用================================================================== */

.big-background .innar{ padding: 280px 0; }
	
/* ▲PC用================================================================== */
}
/* ■02.横幅1300px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (max-width:1400px) {
/* ▼PC用================================================================== */

.big-background .innar{ padding: 260px 0; }
	
/* ▲PC用================================================================== */
}
/* ■02.横幅1300px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (max-width:1200px) {
/* ▼PC用================================================================== */

.big-background .innar{ padding: 250px 0; }
	
/* ▲PC用================================================================== */
}

/* ■02.横幅1300px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (max-width:1120px) {
/* ▼PC用================================================================== */
.big-background .innar{ padding: 220px 0; }
.recommend .fl2{ width: 50%; display: inline-block; }
.recommend .fr2{ width: 40%; display: inline-block; box-sizing: border-box;padding-left: 30px;vertical-align:bottom;}
	
/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、1299px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1119px) {
/* ▼Tab用================================================================= */

nav li,
footer li{ font-size: 10px; }
.support .catch{ max-width: 720px; width: 85%; }
.milagro_box .fr .innar2{ padding: 50px 30px; }
	
.min_tit{ font-size: 30px; }
.recommend ul{ margin-left: 40px; }

/* compornent */
.compornentbox dl dt{ font-size: 16px; margin-bottom: 10px;	 }

/* contact */

.contact{ position: inherit; }
.contact .tit{ display: block; padding: 20px; }
.contact p{
	display: block;
	margin: 40px auto 0;
	width: auto;
	height: auto;
	position: inherit;
	top: inherit;
	left: inherit;
	right: inherit;
	bottom: inherit;
}		
	.col100 {width: 100%;}
	.sukima {letter-spacing: -0.4em;}
	.inline_b {display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
	vertical-align: top;
	letter-spacing: normal; /* 文字間を通常に戻す */}
.recommend .fr2{ display: none; }
.recommend .fl2{ width: 90%; display: inline-block; }	
	
/* ▲Tab用================================================================= */
}

/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:767px) {
/* ▼SP横用================================================================ */
.big-background .innar{ padding: 150px 0; }
/* nav */
.side_nav{ display: none; }
nav{ display: none; }
.nav_kotei{ display: none!important; }	
/*.big-background{ display: none!important; }	*/
.big-background .logo{ display: none; }	
.sp-bg{
	background: url() no-repeat 0 bottom / 100% auto;
	height: 500px;
	position: relative;
	display: none;
	}	
.sp-bg .catch{
	position: absolute;
	width: 85%;
	height: 60px;
	font-size: 16px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝";
	text-align: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	}
.s_navi{ 
	background: #1c3c7e;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}	
.s_navi .innar{
	padding: 20px 0;
	width: 95%;
	margin: auto;
}	
.s_navi .logo{
	width: 250px;
	display: inline-block;
	float: left;
}
.s_navi .logo img{ width: 100%; }	
.menu_sp img{ width: 100%; }
	
.support .innar{ padding: 50px 0; }		
.support .catch{ max-width: 720px; width: 85%; margin: 0 auto 30px; }
	
.milagro_box { padding: 40px 0; }	
.milagro_box .fl{ width: auto; display: block; float: none; }
.milagro_box .fr{ width: auto; display: block; float: none; }
.milagro_box .fr p{font-size: 13px; line-height: 26px; }	
.milagro_box .fr .innar2{ padding: 30px; }
.milagro_box .fr h1{ max-width: 258px; width: 70%; margin-bottom: 20px; }	

.recommend{ padding: 40px 0; }
.recommend .fl, .recommend .fl2{ width: auto; display: block; float: none; }
.recommend .fr, .recommend .fr2{ display: none; }		
	
.min_tit{ font-size: 38px; }
.recommend ul{ margin-left: 50px; }
.recommend li{ font-size: 14px; padding: 3px 0; }
	
/* line_btn	*/
.line_btn_w,
.line_btn{ font-size: 14px; width: auto; }	
.line_btn_w a,
.line_btn a{ padding: 15px 0 10px 30px; }	
	
	
/* wanted */
.wanted .innar { padding: 60px; }
.wanted .catch	{ font-size: 40px; line-height: 32px; padding-bottom: 17px; }
.wanted span{ font-size: 15px; }
.wanted .txt { font-size: 16px; padding: 40px 0; }	
	
	
/* compornent */

.compornent{ padding: 60px 0;  }
.compornentbox dl{
	width: auto;
	display: block;
	margin-bottom: 40px;
}
.compornentbox dl dt{ font-size: 16px; margin-bottom: 20px; }
.compornentbox dl dd{
	color: #cccccc;
	font-size: 14px;
	line-height: 26px;
	margin-left: 60px;
}
.compornent .btn{
	font-size: 15px;
	width: auto;
	text-align: center;
}
.compornent .btn a{
	padding: 20px 0;
	padding-left: 30px;
	margin: 40px 0;
}
	
/* voice */
	
.voice{ padding: 40px 0 80px; }
.voice .tit{ margin-bottom: 50px; }
.voice_box li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}
.voice_box li:nth-child(2n){ margin-right: 0; float: right; }
.voice_box li:nth-child(3n){ margin-right: inherit; }
.voice .btn{
	font-size: 15px;
	width: auto;
	margin: 40px auto 0;
}


/* contact */

.contact{ position: inherit; }
.contact .tit{ display: block; padding: 20px; }
.contact p{
	font-size: 18px;
	display: block;
	margin: 40px auto 0;
	width: auto;
	height: auto;
	position: inherit;
	top: inherit;
	left: inherit;
	right: inherit;
	bottom: inherit;
}	

footer{ padding: 40px 0; }	
footer ul li{ display: none; }	
footer address{ margin-top: 0; }	
	
.pc_none{ display: inherit; }	
	
	
/* ▲SP横用================================================================ */
}


/* ■05.横幅479px以下（SP縦用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:479px) {
/* ▼SP縦用用================================================================ */
	
/* nav */
.side_nav{ display: none; }	
nav{ display: none; }
.nav_kotei{ display: none!important; }	
.big-background{ display: none!important; }	
.big-background .logo{ display: none; }	
.sp-bg{
	background: url(/common/img/sp_mainimg.png) no-repeat 0 bottom / 100% auto;
	height: 480px;
	position: relative;
	display: block;
	}	
.sp-bg .catch{
	position: absolute;
	width: 85%;
	height: 60px;
	font-size: 16px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝";
	text-align: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}	
	
.support .innar{ padding: 50px 0; }	
.support .catch{ max-width: 720px; width: 85%; margin: 0 auto 30px; }
	
.milagro_box { padding: 40px 0; }
.milagro_box .fl{ width: auto; display: block; float: none; }
.milagro_box .fr{ width: auto; display: block; float: none; }
.milagro_box .fr p{font-size: 13px; line-height: 26px; }
.milagro_box .fr .innar2{ padding: 30px; }
.milagro_box .fr h1{ max-width: 258px; width: 70%; margin-bottom: 20px; }	
.recommend{ padding:  0px 0 40px; }	
.recommend .fl{ width: auto; display: block; float: none; }
.recommend .fr{ display: none; }	
	
.recommend .fl2{ width: auto; display: block; float: none; }
.recommend .fr2{ display: none; }	
	
.min_tit{ font-size: 24px; margin-bottom: 20px; }
.recommend ul{ margin-left: auto; }
.recommend li{ font-size: 14px; padding: 3px 0; }
	
/* line_btn	*/
.line_btn_w,
.line_btn{ font-size: 14px; width: auto; }	
.line_btn_w a,
.line_btn a{ padding: 15px 0 10px 30px; }	
	
	
/* wanted */
.wanted .innar { padding: 60px 0; }
.wanted .catch	{ 
	font-size: 40px; 
	line-height: 32px; 
	padding-bottom: 17px; 
}
.wanted span{ font-size: 15px; }
.wanted .txt { font-size: 16px; padding: 40px 0; }	
	
		
/* compornent */

.compornent{ padding: 60px 0;  }
.compornent .tit{ font-size: 34px; margin-bottom: 30px; }
.compornentbox dl{
	width: auto;
	display: block;
	margin-bottom: 40px;
}
.compornentbox dl dt{ font-size: 14px; margin-bottom: 10px; }
.compornentbox dl dd{
	color: #cccccc;
	font-size: 13px;
	line-height: 24px;
	margin-left: 0px;
}
.compornent .btn{
	font-size: 15px;
	width: auto;
	text-align: center;
}
.compornent .btn a{
	padding: 20px 0;
	padding-left: 30px;
	margin: 40px 0;
}	
	
/* voice */
	
.voice{ padding: 40px 0 80px; }
.voice .tit{ margin-bottom: 40px; font-size: 36px; }
.voice_box li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}
.voice_box li:nth-child(2n){ margin-right: 0; float: right; }
.voice_box li:nth-child(3n){ margin-right: inherit; }
.voice .btn{
	font-size: 15px;
	width: auto;
	margin: 40px auto 0;
}	
	
	
/* contact */

.contact{ position: inherit; }
.contact .tit{ display: block; padding: 20px; }
.contact p{
	font-size: 18px;
	display: block;
	margin: 40px auto 0;
	width: auto;
	height: auto;
	position: inherit;
	top: inherit;
	left: inherit;
	right: inherit;
	bottom: inherit;
}	
	
footer{ padding: 40px 0; }		
footer ul li{ display: none; }		
footer address{ margin-top: 0; }

/* s_navi */
.s_navi{
	display: block;
	background: #1c3c7e;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}	
.s_navi .innar{
	padding: 10px 0;
	width: 95%;
	margin: auto;
}	
.s_navi .logo{
	margin-top: 8px;
	width: 52%;
	display: inline-block;
	float: left;
}
.s_navi .logo img{ width: 100%; }
.menu_sp img{ width: 100%; }	
	
.pc_none{ display: inherit; }	
	
/* ▲SP縦用用================================================================ */
}

/* ■03.link 
--------------------------------------------------- */
	
/* スマホ時のドロワーメニュー */
.menu_sp{
	width: 50px;
	display: inline-block;
	float: right;
}
#wrapper {
    position: relative;
    -webkit-transition: all .4s;
       -moz-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;
}
#wrapper.open {
    -webkit-transform: translate3d(-280px, 0, 0);
       -moz-transform: translate3d(-280px, 0, 0);
            transform: translate3d(-280px, 0, 0);
}
.open .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

#drawer {
    position: fixed; 
    top: 0;
    right: -280px;  
    width: 280px;
    height: 100%;
	z-index: 10000;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; 
    -webkit-transition: all .4s;
       -moz-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;
    /* 下から触る */
	background: #1c3c7e;
  
}
#drawer a{ 
    color: white; 
    text-decoration: none; 
    display: block;
}
#drawer ul{ margin: 20px 0; }
#drawer li a{ padding: 15px 20px 15px 30px; }
#drawer li{
    font-size: 84%;
	font-weight: bold;
    border-bottom: dotted 1px #fff;
    width:90%;
    margin: auto;
	background: url(../img/arrow01.png) no-repeat left 10px center / 6px auto;
}

#drawer li.menu.active span{ background: url(/common/img/arrow_top.png) no-repeat right 10px center / 12px auto; }
#drawer ul ul.menu_l{ display: none; margin: 0; }
#drawer ul ul.menu_l li a{ padding: 10px 20px; color: #a8a9af; }
#drawer.open {
    -webkit-transform: translate3d(-280px, 0, 0);
       -moz-transform: translate3d(-280px, 0, 0);
            transform: translate3d(-280px, 0, 0);
}



.movejq{
	opacity: 0;
	transform: translate(0,40px); 
	-webkit-transform: translate(0,40px); 
}
.move{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.8s;
}





/* 201905追加分 */

nav {
    background: #1c3c7e;
}
.between {
	justify-content: space-between;
}

.wrap1 {
	padding: 30px;
	background: white;
}
.recommend .fl2 {
	width: 65%;
}
.recommend .fr2 {
    width: 35%;
	padding-left: 0;
	display: block;
}
.recommend ul {
	margin-left: 0;
}
.recommend li:last-child {
	background: none;
    margin-bottom: -10px;
}
.min_tit {
	background: none;
}
.ichiran-box {
	padding: 0;
    letter-spacing: 0;
}
.min_tit {
    padding-top: 10px;
    margin-bottom: 20px;
}
img.ofi {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-object-fit: cover;
	font-family: 'object-fit: cover;'
}
.milagro_box {
	padding: 100px 0px 20px;
}
.milagro_box .fr .innar2 {
	padding: 50px 50px 20px 50px;
}

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

.recommend .fl2 {
    width: 100%;
    display: inline-block;
}	
.recommend .fr2 {
    display: none;
}


}


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

.milagro_box .fr .innar2 {
    padding: 30px;
}
.milagro_box {
    padding: 40px 0px 20px;
}
	
}

/* 201906追加分 */

.base02{
	font-size: 13.5px;
}
.base02 .innar{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	padding: 60px 0;
}

.main_tit{
	color: #b59a72;
	text-align: center;
	font-size: 66px;
	font-family: 'Italianno', cursive;
	line-height: 45px;
	letter-spacing: 0.04em;
	padding-bottom: 20px;
	background: url(../img/line_bg02.gif) no-repeat bottom center;
	margin-bottom: 30px;
}
.main_tit span{
	font-size: 18px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝";
}

.read_tit{
	color: #18284e;
	font-size: 30px;
	font-weight: bold;
	background: url(/common/img/line_bg02.gif) no-repeat left top / 100px auto;
	padding-top: 30px;
	margin-bottom: 30px;
}
.read_tit.right{
	text-align: right;
	background: url(/common/img/line_bg02.gif) no-repeat right top / 100px auto;
}

.wanted_catch img{ width: 100%; }
.wanted_box2 { 
	background: url(/common/img/bg03.gif) repeat;
	color: #fff;
    padding: 15px;
    margin-top: 30px;
}
.wanted_box2 li:after{content: ""; display: block; clear: both; }
.wanted_box2 li {
	display: inline-block;
	padding-left: 20px;
} 
.wanted_box2 li { 
	display: block;
	margin-bottom: 8px;
    letter-spacing: -0.005em;
    position: relative;
}
.wanted_box2 li:last-child {
	margin-bottom: 0;
}
.wanted_box2 li:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	background: url(/common/img/en.png) no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	top: 4px;
}

.contact_read{
	padding: 30px 0;
	border-bottom: double 5px;
	color: #132243;
	font-size: 23px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝";
	text-align: center;
	margin-bottom: 40px;
}
.contact_box img{ width: 100%; }
.contact_box .fl{ display: inline-block; width: 40%; }
.contact_box .fl .tel{ margin-bottom: 10px; }
.contact_box .fr{ display: inline-block; width: 48%; }
.contact_box .line_btn{ width: auto; margin-top: 5px; }
.contact_box .fl a:hover{ 
	display: block; 
	opacity: 0.8; 
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}


footer .innar,
footer {
	position:relative;
}
.footer_banner_wrap {
	position: absolute;
	top: -130px;
}
.footer_banner {
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
}
.footer_banner li {
	display: inline-block;
	width: 32%;
    float: none;
    border-bottom: none;
    margin-right: 0;
}
.footer_banner li a {
	display: block;
	padding: 0;
	transition: .25s;
    -webkit-box-shadow: 0 0 15px rgba(255,255,255,1);
    box-shadow: 0 0 15px rgba(255,255,255,1);
}
.footer_banner li a:hover {
	opacity: .8;
}
.footer_banner li a img {
	width: 100%;
}

.flexbox {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.read_box .img img {
	margin: 10px auto 30px;
}

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

.footer_banner_wrap {
    position: static;
    margin-bottom: 20px;
}
.footer_banner {
	width: 90%;
}
.read_box .img img {
	margin: 0 auto;
}


}
@media screen and (max-width: 480px) {
.footer_banner li {
	width: 100%;
	margin-bottom: 10px;
}
.footer_banner li:last-child {
	margin-bottom: 0;
}
}