@charset "UTF-8";
/*===================================================== */
/* html tags
======================================================= */
html{
	height: 100%;
	margin-bottom: 1px;
}
body {
	position: relative;
	text-align:left;
	padding:0;
	margin:0px auto;
	line-height:1.3em;
	background:/*url(../images/common/bg.png)*/ #FFFFFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body a{
	text-decoration:none;
	color:#2e0303;
}
body a:hover{
	color:#520707;
	text-decoration:underline;
}
h1,h2,h3{margin:0;padding:0;}
h2{
	margin:0 auto 30px;
	padding:0;
}
h3{}
p,ul,li{margin:0;padding:0;}
li{list-style:none;}
img{border:0;}
th,td{
	font-size:14px;
}

/*ユーティリティ*/

/*【clearfix決定版】*/
#overframe:after,#container:after,.section:after,.inner:after,#navi:after,#footer .footMenu:after{
	content:url(../images/spacer.gif);/* 1x1の透過gif */
	display:block;
	clear:both;
	height:0;
}
.clearfix:after{
	content:url(../images/spacer.gif);/* 1x1の透過gif */
	display:block;
	clear:both;
	height:0;
}
/*【clearfix for IE7 over】*/
.clearfix_for_ie7{zoom: 1;}

.section{width:auto;}    /*囲み*/
.box{float:left;}　     /*float用小枠*/
.left{float:left;}　　 /*左寄せ*/
.right{float:right;}　/*右寄せ*/
.clear{clear:both;}　/*解除*/

.circle{     /*角丸*/
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
}

/*===================================================== */
/* LAYOUT
======================================================= */

#wrapper{
	width:100%;
	min-width:1200px;
	/*max-width:1720px;*/
	margin:auto;
	padding:0;
	border-top:1px solid #f4c7cf;
	background-size:100%;
}
h1{
	padding:8px;
	font-size:11px;
	line-height:1;
	color:#fff;
	font-weight:100;
	background:#f4c7cf;	

	
}
h1 strong{
	color:#FFF3F8;
	font-weight:bold;
	margin-right:20px;
}
h1 strong a{
	color:#FFF3F8;
}
/*INDEX専用CSS*/


#summary{
	width:900px;
	margin:0 auto 25px;
	font-size:11px;
	text-align:left;
	line-height:1.2;
}
#index{
	position: relative;
	width:100%;
	margin:0 auto;
}

#index_contents{ 
	width:100%;
	padding:0;
	margin:0 0 15px;
}


/* 
   ####################################################################
   ####################################################################
   ####################################################################
*/

#index #mainArea{
	width: 100%;
}

#index #mainArea > .outer{
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	margin:0px auto 0px;
	background:url(../images/index/main.jpg) no-repeat top center;
	background-size: cover;
 }

#index #mainArea .inner{
	position:relative;
	/*width:1140px;*/
	width:100%;
	height: 100%;
	min-width:800px;
	margin:auto;
}

#index #mainArea #logo{	
	width:620px;
	margin:0 0 ;
	padding-top: 10px;
	text-align: center;
}
#index #mainArea #logo img{
	max-width:100%;
}

#index #mainArea #tel{
	display:none;
	position:absolute;
	top:520px;
	left:0px;

	width:650px;
	margin:0 0 ;
}

#index #mainArea #catch{
	position:absolute;
	bottom:0.5rem;
	left:30px;
	width:540px;
	margin:0 auto ;
}
#index #mainArea #catch img{
	max-width: 100%;
}

#index #mainArea #btnArea{
	position:absolute;	
	bottom:0.5rem;
	right:30px;
	text-align: center;
}
#index #mainArea #btnArea .flexSection{
	display: flex;
	justify-content: space-between;
}

#index #mainArea #btnArea .flexSection img{
	width:100%;
}
#index #mainArea #btnArea .enter{
	width:35%;
}

#index #mainArea #btnArea .kin18{
	width:20%;
}
#index #mainArea #btnArea .exit{
	width:35%;
}

/*
0:

	top:460px;
	right:100px;
	width:640px;
1:

	top:460px;
	right:50px;
2:

	top:800px;
	right:180px;
3:

	top:540px;
	right:20px;

*/
#index #mainArea #btnArea .enter #heaven{
}

#index #mainArea #btnArea .enter #ohp{
	margin: 0 0 20px;
}


#index #mainArea #btnArea .enter a.btn {
  display: block;
  text-decoration: none;
  outline: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
}
#index #mainArea #btnArea .enter a.btn:hover, #index #mainArea #btnArea .enter a.btn:focus {
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}
 
 
#index #mainArea #btnArea .enter a.btn:active {
  -webkit-transition-duration: 0;
  transition-duration: 0;
}
/**
 * $keyframes \ gelatine 
 **/
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
 
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
 
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
 
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
 
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
 
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
 
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
 
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
 
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
 
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
 
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
 
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
 
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
 
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
 
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}

/* 


#index #mainArea #btnArea .enter{
	display: inline-block;
	margin:0 0 15px;
	filter:drop-shadow(0px 4px 8px rgba(100,100,100,0.5));
}

#index #mainArea #btnArea .enter2{
	display: inline-block;
	margin:0 0 15px;
	filter:drop-shadow(0px 4px 8px rgba(100,100,100,0.5));
}
#index #mainArea #btnArea .exit{
	display: inline-block;
	position: relative;
	top:-27px;
	right:15px;
	filter:drop-shadow(0px 4px 8px rgba(100,100,100,0.5));
}
	 */


/* banner */

#index #mainArea #bannerArea{
	width:100%;
}
#index #mainArea #bannerArea .recruit{
	width:860px;
	margin:auto;
}


/* group link */
.groupBanner{
	width:780px;
	margin:0 auto 2rem;
	padding:1rem;
	background:#fff;
	border: 1px solid #f4ccd2;
	border-radius:5px;
}
.groupBanner h2{
	margin: 0 0 0.1rem;
	text-align: center;
}
.groupBanner figure{
	margin: 0 0 1rem;
	padding:0;
}
.groupBanner p{
	margin: 0 0 1rem;
}
.groupBanner img{
	display:block;
	margin: auto;
}

/* taiken */
.taiken{
	width:780px;
	margin:0 auto 2rem;
}

/* 
   ####################################################################
   ####################################################################
   ####################################################################
*/

/* link */

#index #linkArea{
	width:976px;
	margin:0 auto 30px;
	border:1px solid #f00;
}

#linkArea table,
#linkArea th,
#linkArea td{
	padding:0;
	margin: 0;
}

/**/
#linkArea #linkLarge{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin:0 0 20px;
}
#linkArea #linkLarge > div{
	margin:0 20px 10px 0;
}
#linkArea #linkLarge  > div img{
	display:block;
	margin:0 0 3px;
}

/**/
#linkArea #linkSystem{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin:0 0 20px;
}

/**/
#linkArea #linkText{
	margin:0 0 20px;
}
#linkArea #linkText p{
	margin:0 0 10px 0;
	font-size:11px;
	line-height:1.4;
}
#linkArea #linkText p a{
	font-size:11px;
}

/*リンクバナーサイズ別*/

#linkArea .box0{ /*その他*/
	float:left;
	height:20px;
	margin:0 15px 15px;
	color:#FFF;
	font-size:11px;
}
#linkArea .box1{ /*88x31*/
	float:left;
	width:88px;
	height:80px;
	margin:0 10px 15px;
	color:#FFF;
	font-size:11px;
}

#linkArea .box2{ /*200x40*/
	float:left;
	width:200px;
	height:60px;
	margin:0 10px 15px;
	color:#FFF;
	font-size:11px;
}

#linkArea .box3{ /*468x60*/
	float:left;
	width:468px;
	height:80px;
	margin:0 20px 15px 0;
	color:#FFF;
	font-size:11px;
}

#linkArea .box4{ /*テキスト*/
	display: inline-block;
	margin:0 10px 15px;
	color:#FFF;
	font-size:12px;
}
#linkArea #b200banner a{
	display:block;
	float:left;
	width:200px;
	height:70px;
	margin:0 10px 10px 0;
}
/*===================================================== */
/* footer
======================================================= */

#footer{
	clear:both;
	width:100%;
	display:block;
	padding:25px 0 ;
	z-index:100;

background:#f4c7cf;

}
#footer #underArea{
	position: relative;
	width:1300px;
	margin: auto;
}
#footer #footMenu{
	width:1180px;
	margin:0px auto 20px;
	padding: 15px 15px;

	
}


/* footerInfo */

/* footer navi */

#footer #footMenu #footer_naviArea{
	width:90%;
	margin:30px auto 40px ;
}
#footer #footMenu ul.footer_navi{
	text-align:left;
	margin:0 0 10px;
	
}

#footer #footMenu ul.footer_navi li{
	float:left;
	margin:0 30px 15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	line-height:1.8;
	font-size:12px;
	color:#ccc;
	text-align:center;
}
#footer #footMenu ul.footer_navi li a{
	color:#2e2e2e;
}
#footer #footMenu a:visited{
	text-decoration:none;
}
#footer #footMenu a:link{
	text-decoration:none;
}
#footer #footMenu a:hover{
	text-decoration:underline;
}
#footer #footMenu ul.footer_navi li ruby{
	display:block;
	font-size:11px;
	color:#ed1f59;
}


/*注意事項*/
#caution{
	width:480px;
	margin: 20px 40px 20px 0;
	padding:20px;
	border:1px solid #dc819d;
	background:url(../images/index/18kin.png) no-repeat 10px 10px rgba(255,255,255,0.9);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.05);
	
	
	
}

#caution .inner{
	height:50px;
	padding:0 0 0 80px;
	text-align:left;
	font-size:11px;
	line-height:1.5;
	color:#484848;
}

/* contactArea */

#footer #contactArea{
	width:480px;	
	margin:38px 0px 20px ;
	padding:12px;
	background:#fba8ce;
	border-radius:6px;
}

#footer #contactArea .tel{
	display: inline-block;
	margin-right: 30px;
	font-size: 16px;
	color: #fff;
}
#footer #contactArea .open{
	display: inline-block;
	font-size: 16px;
	color: #fff;
}

/*ウィジェット*/

/**/
#heavenLink{
	width:100%;
	margin: 0 auto 28px;
}
#heavenLink a{
	display: block;
	float: left;
	width:30%;
	margin: 0 1.5%;
}
#heavenLink a img{
	width:100%;
}

/**/

#iframeArea{
	width:100%;
	margin: 0 0 28px;
}

/**/
.tencho_blog{
	float: left;
	width:336px;
	margin: 0 20px 28px 0;
}

.tencho_blog iframe{
	width:100%;
	height: 300px;
}



/* town */
#footer .dto{
	position:absolute;
	right: 50px;
	top:0px;
}
#footer .dto a{
	display: block;
	margin: 0 0 10px;
 } 
#footer .fujoho{
	float: left;
	width:400px;
	height: 300px;
	margin: 0 20px;
}

#footer .fujoho2{
	float: left;
	width:400px;
	height: 300px;
	margin: 0 0 0 20px;
}

#footer .ekichika{
	width:400px;
	height: 300px;
}





/* ###スペシャルリンク################################################# */
#footer #specialLink{
	float:right;
	padding:0 ;
}

/* ###コピーライト##################################################### */
#footer #copyright{
	text-align:center;
	padding:8px;
	font-size:11px;
	color:#fff
}