@charset "UTF-8";
/*
Theme Name: レスポンシブテンプレート
Theme URI: 
Description: サインズ
Version: 1.0
Author: sains
Author URI: 
*/

/******************
画像位置ぞろえ[共通]
******************/

img.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright{
	margin-left: auto;
	display:block;
}
img.alignleft{
	text-align: left;
}
/******************
オールクリア[共通]
******************/

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object{
	margin: 0;
	padding: 0;
}
html{
	font-size:62.5%;
}
body {
	font-family: "Noto Serif JP", serif;
	/*font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;*/
	font-size:1.6rem;
	color:#000;
	line-height:1.8;
	-webkit-text-size-adjust: 100%;
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break: break-all;
}
*, *::before, *::after {
	box-sizing: border-box;
}
img{
	border:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
li{
	list-style-type:none;	
}

a{
	color:#000;
	text-decoration:none;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	backface-visibility: hidden;
}

a:hover{
	color:#88598c;
	backface-visibility: hidden;
}

a img{
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
		outline:none;
	box-shadow: #000 0 0 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

a:hover img{
	opacity:0.7;
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
}

table{
	border-collapse:collapse;
	border-color: #333333;
}

th{
	font-weight:500;
}

td{
	vertical-align:middle;
}

/******************
全体[共通]
******************/

#wrapper{
	width:100%;
	overflow:hidden;
	position: relative;
	height: auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}
#header{
	position:relative;
}

/************
ヘッダーメニュー
*************/
#headerBg{
	width:90%;
	max-width:1600px;
	margin:auto;
	position:fixed;
	top:60px;
	left:0;
	right:0;
	z-index:20;
	background-color:#fff;
	border-radius:10px;
	box-shadow:5px 5px 14px rgba(137, 148, 137, 0.5);
	transition:.5s;
}
.h-position{
	top:10px !important;
}
#headerBox{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:98%;
	margin-left:auto;
}
#headerLogo{
	line-height:1;
}
#h-menu{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#iconMenu{
	display:flex;
	width:240px;
	margin-left:30px;
}
#iconMenu li{
	width:50%;
}
#iconMenu li a{
	display:block;
	color:#fff;
	font-size:1.4rem;
	padding:50px 0 20px;
	text-align:center;
}
#icon-contact a{
	background-color:#848484;
	background-image: url(./images/common/mail-icon.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 28px auto;
	transition:.3s;
}
#icon-recruit a{
	background-color:#c5a470;
	background-image: url(./images/common/recruit-icon.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 28px auto;
	border-radius:0 9px 9px 0;
	transition:.3s;
}
#icon-contact a:hover{
	background-color:#393939;
}
#icon-recruit a:hover{
	background-color:#786444;
}
nav ul li{
	margin-right:60px;
}
@media screen and (max-width: 1520px) {
#headerBg{
	width:96%;
}
nav ul li{
	margin-right:30px;
}
}
@media screen and (max-width: 1280px) {
	#iconMenu{
		width:200px;
		margin-left:0;
	}
	#iconMenu li a{
		font-size:1.2rem;
	}
}
@media screen and (max-width: 1120px) {
	#headerLogo{
		max-width:200px;
	}
	#iconMenu{
		width:180px;
	}
	nav ul li{
		margin-right:20px;
	}
	nav ul li a{
		font-size:1.4rem;
	}
	nav ul li a.spToggle span::before{
		right:8%;
		width:6px;
		height:6px;
	}
}
@media screen and (max-width: 960px) {
	#iconMenu{
		display:none;
		/*
		position:absolute;
		top:70px;
		right:0;
		width:70px;
		display:block;
		margin-right:0;
		*/
	}
	#iconMenu li{
		width:100%;
	}
	#iconMenu li a{
		font-size:1rem;
		padding:42px 0 10px;
	}
	#icon-contact a{
		background-position: center 14px;
	}
	#icon-recruit a{
		background-position: center 12px;
		border-radius:0;
	}
}
@media print,screen and (min-width: 961px) {
	nav ul{
		display:flex;
	}
	nav ul li{
		position:relative;
	}
	nav ul li a{
		font-weight:500;
		padding:15px 0px;
		display:block;
		position:relative;
		width:100%;
	}
	nav ul li a.spToggle{
		margin-right:20px;
	}
	nav ul li a.spToggle span::before{
		content:'';
		right:3%;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
		background-color:transparent;
		top: 0px;
		bottom: 5px;
		width:8px;
		height:8px;
		border-top:1px solid #000;
		border-right:1px solid #000;
		left:auto;
		position:absolute;
		margin: auto;
		vertical-align:middle;
	}
nav ul li a.spToggle:hover span::before{
	border-top:1px solid #88598c;
	border-right:1px solid #88598c;
	left:auto;
	position:absolute;
	margin: auto;
	vertical-align:middle;
}
nav ul li a:hover{
	color:#88598c;
}
nav ul li span::after {
    background-color: #88598c;
    content: '';
    display: block;
    height: 1px;
    margin: 2px auto 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    width: 0;
}
nav ul li a:hover span:after{
	width:100%;
}
ul.sub-menu {
	visibility: hidden;
	opacity: 0;
	z-index: 100;
}
nav ul li ul.sub-menu {
	display:block;
	position: absolute;
	top: 100%;
	left: -40px;
	box-sizing: border-box;
	width: 260px;
	padding: 0;
	background: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.75);
	box-shadow:2px 2px 3px 0px rgba(0,0,0,0.75);
}

nav ul li:hover ul.sub-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

nav ul li ul.sub-menu > li {
	width: 100%;
	border: none;
	margin:0;
}
nav ul li ul.sub-menu a{
	display:block;
	font-size:1.4rem;
	padding:10px 20px;
	border-bottom:1px dotted #ccc;
	position:relative;
}
nav ul li ul.sub-menu a::after{
	position: absolute;
	margin: auto;
	content: "";
	vertical-align: middle;
	top:18px;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #88598c;
	border-right: 1px solid #88598c;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
nav ul li ul.sub-menu a:hover{
	background-color:#fff4ff;
}
}

#sp-contactBox{
	display:none;
}

@media screen and (max-width: 960px) {
	#sp-contactBox{
		display:block;
		padding-bottom:60px;
	}
	#sp-contactBox ul{
		display:flex;
		width:240px;
		margin:30px auto 0px;
	}
	#sp-contactBox ul li{
		width:50%;
	}
	#sp-contactBox ul li a{
		display:block;
		color:#fff;
		font-size:1.4rem;
		padding:40px 0 10px;
		text-align:center;
	}
	#sp-icon-contact a{
		display:block;
		background-color:#848484;
		background-image: url(./images/common/mail-icon.png);
		background-repeat: no-repeat;
		background-position: center 14px;
		background-size: 28px auto;
	}
	#sp-icon-recruit a{
		background-color:#c5a470;
		background-image: url(./images/common/recruit-icon.png);
		background-repeat: no-repeat;
		background-position: center 10px;
		background-size: 28px auto;
	}
#headerBox{
	width:100%;
	height:60px;
	position:fixed;
	top:0;
	left:0;
	margin:auto;
	background-color:#fff;
	display: flex;
	align-items: center;
	justify-content: start;
}
#headerLeft{
	width:calc(100% - 60px);
	margin-left:5px;
}
#headerLogo{
	text-align:left;
	line-height:1;
}
#hMenuBtnWrap {
	position:fixed;
	z-index:5500;
	top:0px;
	right:0px;
	width:60px;
	height:60px;
	cursor:pointer;
	-webkit-transition:opacity .2s ease .3s, top 0s ease .3s;
	-moz-transition:opacity .2s ease .3s, top 0s ease .3s;
	-ms-transition:opacity .2s ease .3s, top 0s ease .3s;
	transition:opacity .2s ease .3s, top 0s ease .3s;
	background-color:#88598c;
	transition: .3s;
}

#hMenuBtnWrap .hMenuBtnBox {
	padding:8px 12px 9px 13px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
.hMenuBtnBox:after,
.hMenuBtnBox:before,
.hMenuBtnBox div.hMenuBtnMiddle:before {
	content:"";
	display:block;
	width:15px;
	height:2px;
	margin:2px 0;
	background-color:#92959E;
	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	-ms-transition:all .25s ease;
	transition:all .25s ease;

	outline:1px solid transparent;
}

#header .morph-menu-active{
	position:fixed;
	background-color:transparent;
}

#header .morph-menu-active .hMenuBtnBox:after,
#header .morph-menu-active .hMenuBtnBox:before,
#header .morph-menu-active .hMenuBtnBox div.hMenuBtnMiddle:before {
	background-color:#fff;
}

#headerMenuWrap {
	position:relative;
	top:60px;
	width:250px;
	margin:0;
	-webkit-transform:translate3d(0,0,0);
	-webkit-overflow-scrolling:touch;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	transition:all .2s ease;
}

#header .morph-menu-active .hMenuBtnBox{
	padding:20px 12px 17px 13px;
}

.headerMenu{
	 width:100%;
	 height:100%;
}

	#header .headerMenu ul li{
		width:auto;
		text-align:left;
		overflow:hidden !important;
		height:auto;
		margin:auto;
	}

	#header .headerMenu ul li a{
		border-top:1px solid #88598c;
		font-size:1.6rem;
		display:block;
		padding:10px 20px;
	}
	#header .headerMenu ul li:last-child a{
		border-bottom:1px solid #88598c;
	}
.headerMenu ul li a, #sp-contactBox ul li a {
	opacity:0;
	-webkit-transform:translateX(30px);
	-moz-transform:translateX(30px);
	transform:translateX(30px);
}

#header .headerMenuWrap-active .headerMenu ul li a, #header .headerMenuWrap-active #sp-contactBox ul li a {
	opacity:1;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	transform:translateX(0);
}
	#header .headerMenuWrap-active #sp-contactBox ul li a{
		-webkit-transition:opacity .3s ease .25s, -webkit-transform .5s ease .25s;
		-moz-transition:opacity .3s ease .25s, -moz-transform .5s ease .25s;
		transition:opacity .3s ease .25s, transform .5s ease .25s;
	}
#header .headerMenuWrap-active .headerMenu ul li:nth-child(1) a {
	-webkit-transition:opacity .3s ease .2s, -webkit-transform .5s ease .2s;
	-moz-transition:opacity .3s ease .2s, -moz-transform .5s ease .2s;
	transition:opacity .3s ease .2s, transform .5s ease .2s;
}

#header .headerMenuWrap-active .headerMenu ul li:nth-child(2) a {
	-webkit-transition:opacity .3s ease .25s, -webkit-transform .5s ease .25s;
	-moz-transition:opacity .3s ease .25s, -moz-transform .5s ease .25s;
	transition:opacity .3s ease .25s, transform .5s ease .25s;
}

#header .headerMenuWrap-active .headerMenu ul li:nth-child(3) a {
	-webkit-transition:opacity .3s ease .3s, -webkit-transform .5s ease .3s;
	-moz-transition:opacity .3s ease .3s, -moz-transform .5s ease .3s;
	transition:opacity .3s ease .3s, transform .5s ease .3s;
}

#header .headerMenuWrap-active .headerMenu ul li:nth-child(4) a {
	-webkit-transition:opacity .3s ease .35s, -webkit-transform .5s ease .35s;
	-moz-transition:opacity .3s ease .35s, -moz-transform .5s ease .35s;
	transition:opacity .3s ease .35s, transform .5s ease .35s;
}

#header .headerMenuWrap-active .headerMenu ul li:nth-child(5) a {
	-webkit-transition:opacity .3s ease .4s, -webkit-transform .5s ease .4s;
	-moz-transition:opacity .3s ease .4s, -moz-transform .5s ease .4s;
	transition:opacity .3s ease .4s, transform .5s ease .4s;
}

#header .headerMenuWrap-active .headerMenu ul li:nth-child(6) a {
	-webkit-transition:opacity .3s ease .45s, -webkit-transform .5s ease .45s;
	-moz-transition:opacity .3s ease .45s, -moz-transform .5s ease .45s;
	transition:opacity .3s ease .45s, transform .5s ease .45s;
}

#header .headerMenuWrap-active .headerMenu ul li:nth-child(7) a {
	-webkit-transition:opacity .3s ease .5s, -webkit-transform .5s ease .5s;
	-moz-transition:opacity .3s ease .5s, -moz-transform .5s ease .5s;
	transition:opacity .3s ease .5s, transform .5s ease .5s;
}

#header .headerMenuWrap-active .headerMenu ul li:nth-child(8) a {
	-webkit-transition:opacity .3s ease .55s, -webkit-transform .5s ease .55s;
	-moz-transition:opacity .3s ease .55s, -moz-transform .5s ease .55s;
	transition:opacity .3s ease .55s, transform .5s ease .55s;
}

#header .headerMenuWrap-active .headerMenu ul li:nth-child(9) a {
	-webkit-transition:opacity .3s ease .6s, -webkit-transform .5s ease .6s;
	-moz-transition:opacity .3s ease .6s, -moz-transform .5s ease .6s;
	transition:opacity .3s ease .6s, transform .5s ease .6s;
}

#header .headerMenuWrap-active .headerMenu ul li:nth-child(10) a {
	-webkit-transition:opacity .3s ease .65s, -webkit-transform .5s ease .65s;
	-moz-transition:opacity .3s ease .65s, -moz-transform .5s ease .65s;
	transition:opacity .3s ease .65s, transform .5s ease .65s;
}

.headerMenu .menu {
	list-style:none;
	margin:0;
	padding:0;
}

.headerMenu .menu li {
	position:relative;
	margin:0;
	padding:0;
	border:none;
	z-index:auto;
}
	#header .headerMenu ul li .sub-menu{
		margin-bottom:10px;
	}
	#header .headerMenu ul li .sub-menu li a{
		font-size:1.4rem;
		padding:0px 5px 10px 40px;
		border:none;
	}
	#header .headerMenu ul li .sub-menu li a::after {
		position: absolute;
		margin: auto;
		content: "";
		vertical-align: middle;
		top: 12px;
		left: 28px;
		width: 5px;
		height: 5px;
		border-top: 1px solid #88598c;
		border-right: 1px solid #88598c;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
.headerMenu .menu li span {
	display:block;
	z-index:999;
	cursor:pointer;
	font-weight:normal;
}

.headerMenu .menu li a:hover span {
	    color: #f0f0f0;
}

.headerMenu .menu ul {
	list-style:none;
	margin:8px 0 23px 0;
	padding:0;
	display:none;
}

/* MAIN WRAPPER
**************************************************/
/* main wrapper */
#headerMenuMainWrap {
	position:fixed;
	z-index:3500;
	top:0;
	right:0;
	width:250px;
	height:100%;
	margin:0;
	padding:0;
	color:#fff;
	overflow:hidden !important;
	-webkit-transform:translateX(310px);
	-moz-transform:translateX(310px);
	-ms-transform:translateX(310px);
	transform:translateX(310px);
	-webkit-transition:all .4s cubic-bezier(.37,.15,.32,.94);
	-moz-transition:all .4s cubic-bezier(.37,.15,.32,.94);
	-ms-transition:all .4s cubic-bezier(.37,.15,.32,.94);
	transition:all .4s cubic-bezier(.37,.15,.32,.94);
}

#header .headerMenuMainWrap-active {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
}

#header .headerMenuMainWrap-active #sp-contactBox ul li{
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
}

/* main inner wrapper */
.headerMenuMainBox {
	position:relative;
	width:287px;
	height:100%;
	overflow-y:scroll !important;
	overflow-x:hidden;
	/* smooth scroll on iOS */
	-webkit-overflow-scrolling:touch;
	-webkit-transition:all .4s cubic-bezier(.37,.15,.32,.94);
	-moz-transition:all .4s cubic-bezier(.37,.15,.32,.94);
	-ms-transition:all .4s cubic-bezier(.37,.15,.32,.94);
	transition:all .4s cubic-bezier(.37,.15,.32,.94);
	transition-duration:0.5s;
}

/* content inner */
.headerMenuMain {
	/* 100.1% to get around mobile Safari's schrinking address bar conflict */
	height:100.1%;
}

/* sidebar background overlay */
#headerMenuBgOverlay {
	position:fixed;
	z-index:2500;
	top:-1000%;
	left:0;
	right:0;
	width:100%;
	/* 110% height to avoid iOS browser scroll mishap */
	height:110%;
	background-color:#000;
	opacity:0;
	display:block;
	-webkit-transition:top 0s ease .35s, opacity .35s ease;
	-moz-transition:top 0s ease .35s, opacity .35s ease;
	-ms-transition:top 0s ease .35s, opacity .35s ease;
	transition:top 0s ease .35s, opacity .35s ease;
}

#header .headerMenuBgOverlay-active {
	top:0;
	opacity:.5;
	-webkit-transition:top 0s ease 0s, opacity .35s ease;
	-moz-transition:top 0s ease 0s, opacity .35s ease;
	-ms-transition:top 0s ease 0s, opacity .35s ease;
	transition:top 0s ease 0s, opacity .35s ease;
}

/*
MISC
**************************************************/
/* if absolute positioning active */
.morph-absolute {
	position:absolute;
}

/*--------------------------------------------------------------
 Morph menu
*/

.hMenuBtnBox::after, .hMenuBtnBox::before, .hMenuBtnBox div.hMenuBtnMiddle::before {
    background-color: #92959e;
    content: "";
    display: block;
    height: 1px;
    margin: 10px 0;
    outline: 1px solid transparent;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
    width:35px;
}

/********************************************************/
/* MAIN BACKGROUND
**************************************************/
/* main background */

#headerMenuBg {
	position:fixed;
	z-index:3400;
	top:0;
	right:0;
	width:250px;
	height:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	display:block;
/*
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);
*/
	-webkit-transform:translateX(310px);
	-moz-transform:translateX(310px);
	-ms-transform:translateX(310px);
	transform:translateX(310px);
	-webkit-transition:all .4s cubic-bezier(.37,.15,.32,.94);
	-moz-transition:all .4s cubic-bezier(.37,.15,.32,.94);
	-ms-transition:all .4s cubic-bezier(.37,.15,.32,.94);
	transition:all .4s cubic-bezier(.37,.15,.32,.94);
	transition-duration:0.5s;
}

#header .headerMenuBgActive {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
}

/* menu button */
.hMenuBtnBox:after,
.hMenuBtnBox:before,
.hMenuBtnBox div.hMenuBtnMiddle:before {
	background-color: #ffffff;
}

/* main menu button hover */
.hMenuBtnBox:hover:after,
.hMenuBtnBox:hover:before,
.hMenuBtnBox:hover div.hMenuBtnMiddle:before {
	background-color: #ffffff;
}

/* menu button active */
#header .morph-menu-active .hMenuBtnBox:after,
#header .morph-menu-active .hMenuBtnBox:before,
#header .morph-menu-active .hMenuBtnBox div.hMenuBtnMiddle:before { 
	background-color: #000;
}

/* menu button active hover */
#header .morph-menu-active .hMenuBtnBox:hover:after,
#header .morph-menu-active .hMenuBtnBox:hover:before,
#header .morph-menu-active .hMenuBtnBox:hover div.hMenuBtnMiddle:before { 
	background-color: #000;
}

/* menu button animations (-/X) */
/* top bar animation (3 lines) */
#header .morph-menu-active .hMenuBtnBox:before {
	margin:0;
	transform:translateY(10px) rotate(45deg);
	-moz-transform:translateY(10px) rotate(45deg);
	-ms-transform:translateY(10px) rotate(45deg);
	-webkit-transform:translateY(10px) rotate(45deg);
}

/* bottom bar animation (3 lines) */
#header .morph-menu-active .hMenuBtnBox:after {
	margin:0;
	transform:translateY(-12px) rotate(-45deg);
	-moz-transform:translateY(-12px) rotate(-45deg);
	-ms-transform:translateY(-12px) rotate(-45deg);
	-webkit-transform:translateY(-12px) rotate(-45deg);
}

/* middle bar fade out (3 lines) */
#header .morph-menu-active div.hMenuBtnMiddle:before {
	opacity:0;
	-webkit-transition:all .15s ease;
	-moz-transition:all .15s ease;
	-ms-transition:all .15s ease;
	transition:all .15s ease;
}

#headerMenuMainWrap {
	transition-duration:0s;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s; 
	-o-transition-duration:0s;
	-ms-transition-duration:0s;
}

body.headerMenuActive {
    width: 100%;
    height: 100%;
    position: fixed;
}
}

/************
コンテンツ
*************/
#swiperWrap{
	position:relative;
	margin:auto;
	z-index:10;
	background-image: radial-gradient(circle, rgba(227, 211, 177, 0.5), rgba(184, 154, 101, 0.5) 80%);
}
.swiper-slide{
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top: 54%;
	position: relative;
	overflow: hidden;
}
.slide-img1{
	background-image:url('./images/facility/amisvilla-image.jpg');
}
.slide-img2{
	background-image:url('./images/top/kumamotoeki-img.jpg');
}
.slide-img3{
	background-image:url('./images/facility/reunion-image.jpg');
}
.slide-img4{
	background-image:url('./images/facility/manoriaru-img2.jpg');
}
.slide-img5{
	background-image:url('./images/top/kumamoto-img.jpg');
}
.slide-img6{
	background-image:url('./images/facility/hanazono-image.jpg');
}
.slide-img7{
	background-image:url('./images/facility/tensui-image.jpg');
}
.slide-img8{
	background-image:url('./images/facility/rs-kumamoto-image.jpg');
}
.slide-img9{
	background-image:url('./images/top/kumamoto-img2.jpg');
}
/*
.slide-img01{
	background-image:url('./images/top/main-image01.jpg');
}
.slide-img1{
	background-image:url('./images/top/sample-image1.jpg');
}
.slide-img2{
	background-image:url('./images/top/sample-image2.jpg');
}
.slide-img3{
	background-image:url('./images/top/sample-image3.jpg');
}
.slide-img4{
	background-image:url('./images/top/sample-image4.jpg');
}
.slide-img5{
	background-image:url('./images/top/sample-image5.jpg');
}
.slide-img6{
	background-image:url('./images/top/main-image02.jpg');
}
.slide-img7{
	background-image:url('./images/top/main-image03.jpg');
}
*/
#mainImgTxt{
	font-size:6rem;
	font-weight:500;
	position:absolute;
	top: 30%;
	left: 10%;
	margin:auto;
	-ms-transform: translate(-15%,-30%);
	transform: translate(-15%,-30%);
	z-index:99;
	letter-spacing:0.2rem;
	line-height:2.5;
	width:40%;
	max-width:520px;
}
#mainImgTxt span{
	display:block;
}
#contents{
	position:relative;
}
/*
#bgColor1::before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	z-index: 2;
	background: url(../images/wave.png) no-repeat center top/auto;
	height: 60px;
	top: -59px;
}
*/
.main{
	max-width:1200px;
	width:96%;
	margin:auto;
}
h2{
	text-align:center;
	margin-bottom:60px;
}
@media screen and (max-width: 1380px) {
	.swiper-slide{
		padding-top: 74.5%;
	}
	#mainImgTxt{
		top: 40%;
		left: 15%;
		-ms-transform: translate(-15%,-40%);
		transform: translate(-15%,-40%);
	}
}
@media screen and (max-width: 960px) {
	#swiperWrap{
		margin-top:60px;
	}
	#wrapperTop h2{
		margin:0 auto 30px;
	}
}
@media screen and (max-width: 560px) {
	#wrapperTop h2{
		width:70%;
	}
	#mainImgTxt{
		font-size:4rem;
		width:60%;
		left:8%;
	}
}
@media screen and (max-width: 430px) {
	.swiper-slide{
		padding-top: 86%;
	}
}
#mainImg{
	display:block;
	width:94%;
}
#mainImg p{
	margin:0 auto 30px;
	text-align:center;
}
/*

*/
/*info*/
#info{
	position:relative;
	z-index:5;
}
#infoFrame{
	display:flex;
	justify-content:space-between;
}
.infoBox{
	width:48%;
	background-color:#fff;
	padding:60px 5%;
	box-shadow:2px 2px 6px #b9aa68;
	border-radius:6px;
}
.infoBox ul li{
	border-bottom:1px solid #a18300;
	padding:0px 20px 10px 20px;
	margin-bottom:20px;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
.infoDate{
	font-size:1.8rem;
	line-height:1.4;
	color:#a18300;
}
.blogCate{
	font-family:"游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic","游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color:#fff;
	padding:3px 14px;
	border-radius:20px;
	font-size:1.2rem;
	font-weight:500;
	line-height:1.4;
	margin:4px 0 0 20px;
}
.cate-items{
	display:inline-block;
	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic","游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #fff;
	padding: 3px 20px 2px;
	border-radius: 20px;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.4;
	margin:10px auto 20px;
	background-color:#808080;
}
.sub-cate-item{
	padding-left:5px;
}
/*
.sub-cate-item::before{
	content:",";
}
*/
.cate-news{
	background-color:#848484;
}
.cate-rs-kumamoto, .cate-hotaruya, .cate-hotaruya2{
	background-color:#8c99b5;
}
.cate-tensui{
	background-color:#6aa8cb;
}
.cate-hanazono{
	background-color:#be8d7a;
}
.cate-manoriaru{
	background-color:#b58bad;
}
.cate-reunion{
	background-color:#7b9d9f;
}
.cate-amisvilla{
	background-color:#94ad92;
}
.cate-kinpou{
	background-color:#eb8691;
}
.sub-cate{
	font-size:1.2rem;
	line-height:1.4;
}
.cate-uncategorized{
	display:none;
}
/*
.cate-color{
	background-color:#808080;
}
.cate-color1{
	background-color:#8c99b5;
}
.cate-color2{
	background-color:#6aa8cb;
}
.cate-color3{
	background-color:#be8d7a;
}
.cate-color4{
	background-color:#b58bad;
}
.cate-color5{
	background-color:#7b9d9f;
}
.cate-color6{
	background-color:#94ad92;
}
.cate-color7{
	background-color:#ecabbe;
}
*/
.infoTitle{
	display:block;
	width:100%;
	padding:10px 0 0 10px;
	line-height:1.6;
}
.moreBtn{
	max-width:280px;
	width:94%;
	margin:40px auto;
}
.moreBtn a{
	color:#a18300;
	border:1px solid #a18300;
	display:block;
	text-align:center;
	font-weight:500;
	padding:14px 20px 14px 10px;
	border-radius:100vh;
	position:relative;
}
.moreBtn a::before{
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top:29px;
	right: 40px;
	width: 26px;
	height: 1px;
	background-color:#a18300;
	transition: .3s;
}
.moreBtn a::after{
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top:24px;
	right: 40px;
	width: 11px;
	height: 11px;
	border-top: 1px solid #a18300;
	border-right: 1px solid #a18300;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: .3s;
}
.moreBtn a:hover {
	color: #fff;
	background-color:#a18300;
}
.moreBtn a:hover::after{
	right: 30px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.moreBtn a:hover::before{
	right: 30px;
	background-color: #fff;
}
@media screen and (max-width: 960px) {
	#infoFrame{
		display:block;
	}
	.infoBox{
		width:98%;
		margin:0 auto 40px;
		padding:30px 3% 5px;
	}
	.infoBox ul li{
		display:flex;
		padding:0px 0px 10px 5px;
	}
	.infoDate{
		display:block;
	}
	.blogCate{
		display:inline-block;
		font-size:1rem;
		margin:4px 0 0 20px;
	}
}
@media screen and (max-width: 430px) {
	.moreBtn a{
		font-size:1.4rem;
	}
	.moreBtn a{
		padding:10px 20px;
	}
	.moreBtn a::before{
		top:23px;
		right: 40px;
		width: 20px;
	}
	.moreBtn a::after{
	top:20px;
	right: 40px;
	width: 7px;
	height: 7px;
	}
	.moreBtn a:hover::after{
		right: 30px;
	}
	.moreBtn a:hover::before{
		right: 30px;
	}
}
/*about*/
#bgColor1{
	display: block;
	background: url(./images/top/wave3.png) no-repeat;
	background-position: top center;
	background-size: cover;
	position: relative;
	padding:120px 0;
}

#bgColor1::before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	z-index: 10;
	background: url(./images/top/wave.png) no-repeat center top/cover;
	height: 300px;
	top: -250px;
}
#about{
	position:relative;
	z-index:5;
}
#aboutBox{
	margin:80px auto 130px;
}
#aboutBox p{
	font-size:2rem;
	line-height:2.6;
	text-align:center;
}
@media screen and (max-width: 1380px) {
	#bgColor1::before{
		height: 200px;
		top: -200px;
	}
}
@media screen and (max-width: 960px) {
	#bgColor1{
		padding:50px 0;
	}
	#bgColor1::before{
		height: 150px;
		top: -150px;
	}
	#aboutBox{
		margin:0px auto 60px;
		display:table;
	}
	#aboutBox p{
		font-size:1.8rem;
		line-height:2.2;
		text-align:left;
	}
}
@media screen and (max-width: 560px) {
	#bgColor1::before{
		height: 80px;
		top: -50px;
	}
}
/*施設紹介*/
#bgColor2{
	background-image:url('./images/top/bg-image2.png');
	background-size:cover;
	background-position:center;
	padding:80px 0 120px;
	position:relative;
}
#facility{
	position:relative;
	z-index:5;
}
#facilityFrame{
	width:96%;
	max-width:1600px;
	margin:auto;
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
/*
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
*/
}
.facilityBox{
	display: grid;
	grid-row: span 5;
	grid-template-rows: subgrid;
	gap: 0;
	margin:0 auto 60px;
/*
	width:30%;
	margin:0 auto 60px;
	display: flex;
	flex-direction: column;
*/
}
.facilityImg img{
	border-radius:10px;
}
.facilityName{
	color:#5d4d00;
	font-size:3rem;
	font-weight:500;
	line-height:1.4;
	margin:20px 0;
}
.facilityName span{
	display:block;
	font-size:1.8rem;
	font-weight:500;
	font-family:"游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic","游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.facilityTxt{
	font-family:"游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic","游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight:500;
	margin-bottom:40px;
	font-size:1.8rem;
/*
	flex: 1;
	height: 100%;
	min-height: 0%;
*/
}
.facilityTable{
	width:100%;
	font-family:"游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic","游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight:500;
	/*height: 100%;*/
	position:relative;
}
.facilityTable th{
	width:130px;
	padding:20px 0;
	border-bottom:1px solid #c9af6c;
	border-right:1px solid #c9af6c;
	background-color:#eee6ce;
}
.facilityTable td{
	font-size:1.4rem;
	line-height:1.6;
	padding:20px 15px;
	border-bottom:1px solid #c9af6c;
	background-color:#fff;
}

.facilityTable tr:last-child th, .facilityTable tr:last-child td{
	border-bottom:none;
}
/*
.facilityTable tr:last-child td{
	border-bottom:none;
	background-color:unset;
	background-image: linear-gradient(-45deg, transparent 28px, #fff 0px);
}
.facilityTable::before {
	border-color: transparent #c9af6c transparent;
	position: absolute;
	content: '';
	bottom: 0px;
	right: 0px;
	border-width: 0 0 40px 40px;
	border-style: solid;
}
*/
.facility-title{
	background-color: #eee6ce;
	font-weight:bold;
	padding:10px 10px 10px 20px;
}
.facility-indent1{
	margin-left:20px;
}
.facility-indent2{
	padding-left:7.6rem;
	text-indent:-5.6rem;
	line-height:1.4;
	margin-bottom:10px;
}
.facility-indent3{
	margin:0 0 10px 20px;
}
.facilityBtn{
	max-width:280px;
	width:90%;
	margin:30px auto 0;
}
.facilityBtn a{
	color:#a18300;
	border:1px solid #a18300;
	background-color:#fff;
	display:block;
	text-align:center;
	font-weight:500;
	padding:10px 20px 10px 10px;
	border-radius:100vh;
	position:relative;
}
.facilityBtn a::after {
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top: 50%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #a18300;
	border-right: 1px solid #a18300;
	-webkit-transform:translate(0,-50%) rotate(45deg);
	transform:translate(0,-50%) rotate(45deg);
	transition:.3s;
}
.facilityBtn a:hover{
	color:#fff;
	background-color:#a18300;
}
.facilityBtn a:hover::after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
@media screen and (max-width: 960px) {
	#facilityFrame{
		display:block;
	}
	#bgColor2{
		padding:80px 0 60px;
	}
}
@media screen and (max-width: 430px) {
	.facilityName{
		font-size:2.6rem;
	}
	.facilityName span{
		font-size:1.6rem;
	}
	.facilityTxt{
		font-size:1.6rem;
	}
	.facilityTable th{
		width:100%;
		display:block;
		border-right:none;
		padding:5px 10px;
		text-align:left;
	}
	.facilityTable td{
		display:block;
		padding:10px 10px 20px 20px;
		border:none;
	}
	.facilityTable tr:last-child th{
		border-bottom:1px solid #c9af6c;
	}
	.facilityBtn a{
		font-size:1.4rem;
	}
}

/*採用情報*/
#recruit{
	position:relative;
	z-index:5;
}
#pattern{
	background-image:url('./images/top/butterfly.png');
	background-size: 100px auto;
	background-position: center;
	background-repeat: no-repeat;
	width:100px;
	height:82px;
	position:absolute;
	top:-30px;
	left:18%;
	z-index:5;
}
#recruitBg{
	width:100%;
	background-size: cover;
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-top: 50%;
	position: relative;
	overflow: hidden;
	background-image:url('./images/top/bg-recruit.jpg');
}
#recruitBox{
	max-width:600px;
	width:50%;
	position:absolute;
	left:15%;
	top:0;
	background-color:#fff;
	padding:60px 30px 60px 40px;
}
#recruit-md{
	text-align:left;
}
#recruitTxt1{
	color:#5d4d00;
	font-size:2.4rem;
	font-weight:500;
	letter-spacing:0.5rem;
	line-height:1.6;
	margin-left:25px;
}
#recruitTxt1 span, #recruitTxt2 span{
	display:block;
}
#recruitTxt2{
	font-size:1.8rem;
	line-height:2;
	margin:40px 0 30px 25px;
}
#recruitBtn{
	max-width:320px;
	width:905;
	margin:auto;
}
#recruitBtn a{
	color:#a18300;
	border:1px solid #a18300;
	display:block;
	text-align:center;
	font-weight:500;
	padding:10px 20px 10px 10px;
	border-radius:100vh;
	position:relative;
}
#recruitBtn a::after {
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top: 50%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #a18300;
	border-right: 1px solid #a18300;
	-webkit-transform:translate(0,-50%) rotate(45deg);
	transform:translate(0,-50%) rotate(45deg);
	transition:.3s;
}
#recruitBtn a:hover{
	color:#fff;
	background-color:#a18300;
}
#recruitBtn a:hover::after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
@media screen and (max-width: 1400px) {
	#pattern{
		left:10%;
	}

	#recruitBox{
		left:5%;
	}
}
@media screen and (max-width: 1260px) {
	#recruitBox{
		padding:40px 15px 40px 30px;
	}
	#recruitBg{
		padding-top: 60%;
	}
	#recruit-md{
		margin-bottom:40px;
	}
	#recruitTxt2{
		margin-top:20px;
	}
}
@media screen and (max-width: 960px) {
	#recruitBg{
		padding-top: 56.25%;
	}
	#recruitBox{
		max-width:94%;
		width:auto;
		position:static;
		padding:0px;
		margin:30px auto 60px;
	}
	#recruit-md{
		text-align:center;
	}
	#recruitTxt1, #recruitTxt2{
		margin-left:0;
	}
	#recruitTxt1 span, #recruitTxt2 span{
		display:inline;
	}
	#recruitBtn{
		max-width:280px;
	}
}
@media screen and (max-width: 430px) {
	#recruitBtn a{
		font-size:1.4rem;
	}
}
/*関係機関*/
#bgColor3{
	background-image: url('./images/top/bg-image3.png');
	background-size: cover;
	background-position: center;
	padding:80px 0 120px;
	position:relative;
}
#related-agencies{
	position:relative;
	z-index:5;
}
#bannerBox{
	display:flex;
	justify-content: space-between;
	max-width:1400px;
	width:92%;
	margin:auto;
}
#bannerBox p{
	width:46%;
}
#bannerBox a{
	display:block;
	border:2px solid #a18300;
	border-radius:10px;
}
#bannerBox img{
	border-radius:7px;
}
#bannerBox a:hover{
	border:2px solid #88598c;
	background-color:#fff;
}
/*
#bannerBox a:hover img{
	opacity:1;
}
*/
@media screen and (max-width: 960px) {
	#bgColor3{
		padding:60px 0 40px;
	}
}
@media screen and (max-width: 640px) {
	#bannerBox{
		display:block;
		width:100%;
	}
	#bannerBox p{
		max-width:400px;
		width:90%;
		margin:0 auto 30px;
	}
}

/*背景*/
#bgImg1{
	background-image: url('./images/top/bg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 500px;
	height: 700px;
	position: absolute;
	top: -18%;
	right: 5%;
	z-index: 2;
}
#bgImg2 {
	background-image: url('./images/top/bg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 500px;
	height: 700px;
	position: absolute;
	bottom: -5%;
	right: 5%;
	z-index: 2;
}
#bgImg3 {
	background-image: url('./images/top/bg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 500px;
	height: 700px;
	position: absolute;
	bottom: -50%;
	right: 5%;
	z-index: 2;
}
/************
フッター
*************/
#footer{
	position:relative;
	clear:both;
	padding:80px 0 0;
	background-image: radial-gradient(circle,rgba(255, 255, 255, 1), rgba(246, 238, 225, 1) 90%);
}
#footerLogo{
	text-align:center;
}
#footerBox{
	max-width:1100px;
	width:96%;
	margin:auto;
	position:relative;
	z-index:5;
}
#footerMenu{
	display:flex;
	margin:50px auto;
	justify-content:center;
}
#footerMenu li{
	/*width:12.5%;*/
	text-align:center;
	line-height:1.4;
	border-left:1px solid #000;
}
#footerMenu li:first-child{
	border-left:none;
}
#footerMenu li a{
	display:block;
	padding:0 30px;
}
#footerMenu li span::after {
    background-color: #88598c;
    content: '';
    display: block;
    height: 1px;
    margin: 2px auto 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    width: 0;
}
#footerMenu li a:hover span:after{
	width:100%;
}
#footerFacility{
	max-width:1000px;
	margin:auto;
	background-color:#fff;
	padding:30px 2%;
}
#footerFacility p{
	text-align:center;
	font-size:2.5rem;
	font-weight:500;
	letter-spacing:0.2rem;
	margin-bottom:30px;
}
#footerMenu2{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#footerMenu2 li{
	width:30%;
	margin:0 auto 20px;
}
#footerMenu2 li a{
	display:block;
	text-align:center;
	padding:5px 10px;
	border-radius:10px
}
.f-color1{
	border:2px solid #8c99b5;
}
.f-color2{
	border:2px solid #6aa8cb;
}
.f-color3{
	border:2px solid #be8d7a;
}
.f-color4{
	border:2px solid #b58bad;
}
.f-color5{
	border:2px solid #7b9d9f;
}
.f-color6{
	border:2px solid #94ad92;
}
.f-color1:hover{
	color:#fff;
	background-color:#8c99b5;
}
.f-color2:hover{
	color:#fff;
	background-color:#6aa8cb;
}
.f-color3:hover{
	color:#fff;
	background-color:#be8d7a;
}
.f-color4:hover{
	color:#fff;
	background-color:#b58bad;
}
.f-color5:hover{
	color:#fff;
	background-color:#7b9d9f;
}
.f-color6:hover{
	color:#fff;
	background-color:#94ad92;
}
#footerLowMenu{
	display:flex;
	justify-content:center;
	margin:50px 5% 30px 0;
}
#footerLowMenu li{
	line-height:1.4;
}
#footerLowMenu li:first-child{
	border-right:1px solid #000;
}
#footerLowMenu li a{
	padding:0 20px;
	display:block;
}
#footerLowMenu span::after {
    background-color: #88598c;
    content: '';
    display: block;
    height: 1px;
    margin: 2px auto 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    width: 0;
}
#footerLowMenu a:hover span:after{
	width:100%;
}
#copyright{
	text-align:center;
	padding:20px 0;
	font-size:1.4rem;
}

#pageTopBtn{
	position:fixed;
	bottom:20px;
	right:2%;
	z-index:10;
}
@media screen and (max-width: 1160px) {
	#footerMenu li a{
		padding:0 12px;
	}
}
@media screen and (max-width: 960px) {
	#footerMenu{
		flex-wrap:wrap;
	}
	#footerMenu li{
		width:46%;
		margin:0 2%;
		border-bottom:1px solid;
		border-left:none;
	}
	#footerMenu li a{
		padding:10px;
		font-size:1.4rem;
	}
	#footerMenu li a:hover{
		color:#fff;
		background-color:#88598c;
	}
	#footerMenu li span::after {
		content: unset;
	}
	#footerLowMenu li a{
		font-size:1.4rem;
	}
	#copyright{
		font-size:1rem;
	}
}
@media screen and (max-width: 780px) {
	#footerMenu2 li{
		width:48%;
	}
	#pageTopBtn{
		width:40px;
	}
}
@media screen and (max-width: 430px) {
/*
	#footerMenu{
		display:block;
	}
	#footerMenu li{
		width:96%;
		margin:0 auto;
	}
*/

	#footerLowMenu li a{
		font-size:1.2rem;
	}
	#footerMenu2{
		display:block;
	}
	#footerMenu2 li{
		width:98%;
		margin:0 auto 10px;
	}
}

/************
印刷用
*************/

@page{
	margin: 16mm 10mm;
}

@-moz-document url-prefix(){
@page{
	margin: auto;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
@page{
	margin: auto;
}
}

/************
スマートフォンのみ電話リンク有効化
*************/

@media screen and (min-width: 641px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

.none-box{
	display:none !important;
}