@charset "utf-8";
@import url("notosansjp.css");
@font-face {
  font-family: 'tsukua';
  src: url('../font/rounded-x-mplus-1c-medium.ttf') format('truetype');
}

/*---------------------------------------------------------------------------------------
	Overall settings
----------------------------------------------------------------------------------------*/

body{
	color:#000;
	text-align:center;
}
body.ovh{ overflow: hidden;}
.switch{}
a{ color:#000; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
a:hover{ opacity: .7; text-decoration:none;}
img.imgalpha, .svg path, .svg polygon{ -webkit-transition: all .2s; transition: all .2s;}
.svg{ vertical-align: middle;}
.underline{ text-decoration: underline;}
/* font */
.gothic{ font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.mincho{ font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.noto{ font-family: 'Noto Sans JP', sans-serif;}
.tsukua{
	font-family: 'tsukua';
	font-weight: 500;
}
/*.tsukua{ font-family: fot-tsukuardgothic-std, sans-serif;}*/
.meiryo{ font-family: Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.subtitle{
	color: var(--green);
	font-size: 3.6rem;
	line-height: 1.2;
}
.subtitle span{
	color: #000;
	font-size: 2.4rem;
	display: inline-block;
	margin-left: 25px;
}
.subtitle2{
	padding: .5em 1em;
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.3;
	text-align: left;
	background: #B3CD5A;
	border-radius: 0 15px 15px 15px;
}
.subtitle3{
	color: var(--green);
	font-size: 2.4rem;
	line-height: 1.2;
	padding-bottom: .5em;
	border-bottom: 2px dotted #ccc;
}
.ancwrap{ position: relative;}
.anc{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 0;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	html{ font-size: 50%;}
	a:hover{ opacity: 1;}
	.subtitle span{
		margin-left: 15px;
	}
}






/*---------------------------------------------------------------------------------------
	header
----------------------------------------------------------------------------------------*/

header{
	width: 100%;
	height: 120px;
	margin: 0 auto;
	position: fixed;
	top: 0;
	z-index: 999;
	background: #fff;
}
header #headerwrap{
	max-width: 1300px;
	padding: 0 3%;
	margin: 0 auto;
	position: relative;
	z-index: 999;
	height: 120px;
	background: #fff;
}
header #headerwrap #site-logo{
	float: left;
	width: 240px;
	padding: 25px 0;
}
header #headerwrap .spmenu{
	display: none;
}
/* nav */
header nav{
	font-size: 1.6rem;
	float: right;
}
header nav ul.gnav{
}
header nav ul.gnav > li{
	float: left;
	padding: 43px 15px;
}
header nav ul.gnav > li:nth-child(5){
	padding-right: 30px;
}
header nav ul.gnav > li > a,header nav ul.gnav > li > p > a{
	padding: 5px 0;
	display: block;
}
header nav ul.gnav > li > a{
	-webkit-transition: all 0s;
	transition: all 0s;
}
header nav ul.gnav > li > a:hover,header nav ul.gnav > li.active > p,header nav ul.gnav > li > p:hover,header nav ul.gnav > li:hover p{
	border-bottom: 3px solid #8dc21f;
}
header nav ul.gnav > li.nav-recruit{
	padding: 0;
}
header nav ul.gnav > li.nav-recruit a{
	color: #fff;
	background: #b3cd5a;
	padding: 48px 25px 47px;
	border-bottom: none;
}
header nav ul.gnav > li.mega:hover > p,
header nav ul.gnav > li.ac:hover > p{
	position: relative;
}
header nav ul.gnav > li.mega:hover > p:after,
header nav ul.gnav > li.ac:hover > p:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -42px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent #3e3a39 transparent;
	display: block;
}
header nav ul.gnav > li.ac{
	position: relative;
}
header nav ul.gnav > li.mega > div,
header nav ul.gnav > li.ac > div{
	font-size: 1.8rem;
	overflow: hidden;
	position: absolute;
	top: 120px;
	right: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	background: #3e3a39;
	height: 0;
}
header nav ul.gnav > li.mega > div{ left: 0;}
header nav ul.gnav > li.ac > div{
	width: 300px;
}
header nav ul.gnav > li.mega:hover > div,
header nav ul.gnav > li.ac:hover > div{
	height: auto;
	padding: 5px;
}
header nav ul.gnav > li.mega > div .mega-inner,
header nav ul.gnav > li.ac > div ul{
	color: #fff;
	text-align: left;
	border: 1px solid #b3cd5a;
	overflow: hidden;
}
header nav ul.gnav > li.mega > div .mega-inner{
	padding: 20px 25px 0;
}
header nav ul.gnav > li.ac > div ul{
	padding: 30px 25px;
}
header nav ul.gnav > li.ac > div ul li{
	border-bottom: 2px dotted #999;
}
header nav ul.gnav > li.ac > div ul li:first-child{
	border-top: 2px dotted #999;
}
header nav ul.gnav > li.mega .mega-inner a{ color: #fff;}
header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul{
	display: flex;
	flex-wrap: wrap;
}
header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li{
	width: 23%;
	margin: 0 2.33% 30px 0;
}
header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li:nth-child(4n){
	margin-right: 0;
}
header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li.outside p{ position: relative;}
header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li.outside p:after{
	content: "";
	background: url("../images/icon-outside.svg") center no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 18px;
	right: 0;
}
header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li a{ display: block;}
header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li p{
	padding: 7px 0;
	border-bottom: 2px dotted #999;
}
header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li p:before{
	content: url("../images/icon-arrow-white.svg");
	display: inline-block;
	vertical-align: middle;
	margin: -9px 5px 0 0;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner{
	padding: 20px 30px 60px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl{
	width: 32%;
	margin: 0 2% 30px 0;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl:nth-child(3n){
	margin-right: 0;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt,header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dd{
	border-bottom: 2px dotted #999;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt{
	font-size: 3rem;
	padding-bottom: 10px;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt:before{
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin-right: 25px;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt.live:before{
	background: url("../images/nav-live.svg") left center / 40px auto no-repeat;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt.stay:before{
	background: url("../images/nav-stay.svg") left center / 40px auto no-repeat;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt.go:before{
	background: url("../images/nav-go.svg") left center / 40px auto no-repeat;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt.visit:before{
	background: url("../images/nav-visit.svg") left center / 40px auto no-repeat;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt.combine:before{
	background: url("../images/nav-combine.svg") left center / 40px auto no-repeat;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt.consult:before{
	background: url("../images/nav-consult.svg") left center / 40px auto no-repeat;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dd a,
header nav ul.gnav > li.ac > div ul li a{
	color: #fff;
	padding: 5px 0;
	display: block;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dd a:before,
header nav ul.gnav > li.ac > div ul li a:before{
	content: url("../images/icon-arrow-white.svg");
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	margin:  0 5px 6px 0;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner p{
	color: #fff;
	background: #b3cd5a;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	width: 300px;
	border-radius: 10px 10px 0 0;
}
header nav ul.gnav > li.mega > div.mega-service .mega-inner p a{
	font-size: 2.4rem;
	text-align: center;
	width: 300px;
	line-height: 50px;
	display: block;
}
@media screen and (max-width: 1135px) {
	header{
		width: 100%;
		height: 85px;
	}
	/* headerwrap */
	header #headerwrap{
		width: 100%;
		height: 90px;
		z-index: 999;
		padding: 0;
	}
	header #headerwrap #site-logo{
		text-align: left;
		padding: 10px 0 0 3%;
		width: 225px;
		position: relative;
		z-index: 999;
	}
	header #headerwrap #site-logo img{
		height: 60px;
		width: auto;
	}
	header #headerwrap .spmenu{
		color: #fff;
		font-size: 1.6rem;
		display: block;
		float: right;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
		background: var(--green);
		position: relative;
		padding-top: 50px;
		margin-right: 3%;
		border-radius: 0 0 10px 10px;
	}
	header #headerwrap .spmenu span,
	header #headerwrap .spmenu span:before,
	header #headerwrap .spmenu span:after{
		position: absolute;
		display: block;
		background: #fff;
		width: 40px;
		height: 4px;
		transition: all .5s;
	}
	header #headerwrap .spmenu span{
		top: 18px;
		left: 20px;
	}
	header #headerwrap .spmenu span:before,header #headerwrap .spmenu span:after{
		content: "";
		left: 0;
	}
	header #headerwrap .spmenu span:before{
		top: 10px;
	}
	header #headerwrap .spmenu span:after{
		top: 20px;
	}
	header.open #headerwrap .spmenu span{
		top: 5px;
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg);
	}
	header.open #headerwrap .spmenu span:before{
		opacity: 0;
	}
	header.open #headerwrap .spmenu span:after{
		-webkit-transform: translateY(-20px) rotate(90deg);
		transform: translateY(-20px) rotate(90deg);
		top: 20px;
	}
	/* nav */
	header #headerwrap nav{
		position: relative;
		z-index: 1;
		top: 0;
		right: 0;
		width: 100%;
		background: var(--green);
		
		text-align: left;
		float: none;
	}
	header #headerwrap nav ul.gnav{
		overflow: auto;
		display: block;
		position: absolute;
		z-index: 1;
		top: 80px;
		width: 100%;
		left: 0;
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: center top;
		transform-origin: center top;
		opacity: 0;
		transition-property: opacity, transform, -webkit-transform;
		transition-duration: .5s, 0s, 0s;
		transition-delay: 0s, .5s, .5s;
		box-shadow: 0 0 0 100vh var(--green);
		background: var(--green);
		height: calc(100vh - 80px);
	}
	header.open #headerwrap nav ul.gnav{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		transition-delay: 0s, 0s, 0s;
	}
	header #headerwrap nav ul.gnav > li{
		float: none;
		margin-left: 0;
		padding: 0;
	}
	header #headerwrap nav ul.gnav > li:last-child{
		padding-bottom: 50px;
	}
	header nav ul.gnav > li:nth-child(4){ display: block;}
	header #headerwrap nav ul.gnav > li a{
		color: #000;
		display: block;
		padding: 12px;
		border-top: 1px dashed #808080;
		position: relative;
		background: #E5F1EB;
	}
	header #headerwrap nav ul.gnav > li:last-child a{
		border-bottom: 1px dashed #808080;
	}
	header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li.outside p:after{
		top: 2px;
		right: 5px;
	}
	header nav ul.gnav > li.mega > p{
		position: relative;
	}
	header nav ul.gnav > li.mega:hover > p{
		display: block;
	}
	header nav ul.gnav > li > p span{
		position: absolute;
		z-index: 99;
		top: 0;
		right: 10px;
		width: 46px;
		height: 46px;
		display: block;
		transition-duration: .2s, 0s, 0s;
		transition-delay: 0s, .2s, .2s;
		background: url("../images/ac.svg") center / 20px auto no-repeat;
	}
	header nav ul.gnav > li.mega > p span.open,
	header nav ul.gnav > li.ac > p span.open{
		-webkit-transform: translateY(0) rotate(180deg);
		transform: translateY(0) rotate(180deg);
	}
	header nav ul.gnav > li.mega > div,
	header nav ul.gnav > li.ac > div{
		font-size: 1.8rem;
		position: static;
		height: auto;
		background: none;
		display: none;
	}
	header nav ul.gnav > li.ac > div{
		width: 100%;
	}
	header nav ul.gnav > li.mega > div img{
		display: none;
	}
	header nav ul.gnav > li.mega:hover > div,
	header nav ul.gnav > li.ac:hover > div{
		padding: 0;
	}
	header nav ul.gnav > li.mega:hover > p:after,header nav ul.gnav > li.ac:hover > p:after{ content: none;}
	header nav ul.gnav > li.mega > div .mega-inner,
	header nav ul.gnav > li.ac > div ul{
		padding: 0;
		border: none;
	}
	header nav ul.gnav > li.ac > div ul li,header nav ul.gnav > li.ac > div ul li:first-child{ border: none;}
	header nav ul.gnav > li.mega .mega-inner a{ color: #fff;}
	header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul{
		display: block;
	}
	header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li{
		width: 100%;
		margin: 0;
	}
	header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li p:before{
		content: url("../images/icon-arrow-green.svg");
	}
	header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dd a:before,
	header nav ul.gnav > li.ac > div ul li a:before{
		content: url("../images/icon-arrow-green.svg");
	}
	header nav ul.gnav > li.mega > div.mega-facility .mega-inner ul li p{
		padding: 0;
		border-bottom: none;
	}
	header nav ul.gnav > li.mega > div.mega-service .mega-inner{
		padding: 0;
		display: block;
	}
	header nav ul.gnav > li.mega > div.mega-service .mega-inner dl{
		width: 100%;
		margin: 0;
	}
	header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt,header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dd{ border-bottom: none;}
	header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt{
		font-size: 1.8rem;
		padding: 5px 12px;
		border-top: 1px solid #fff;
		background: #3e3a39;
	}
	header nav ul.gnav > li.mega > div.mega-service .mega-inner dl dt:before{ content: none;}
	header nav ul.gnav > li.mega > div.mega-service .mega-inner p{
		background: var(--green);
		position: static;
		width: 100%;
		border-radius: 0;
	}
	header nav ul.gnav > li.mega > div.mega-service .mega-inner p a{
		font-size: 1.6rem;
		text-align: left;
		width: 100%;
		line-height: inherit;
	}
	header nav ul.gnav > li.nav-recruit a{
		color: #000;
		border: none;
		background: var(--green);
	}
	header nav ul.gnav > li > a:hover, header nav ul.gnav > li.active > p, header nav ul.gnav > li > p:hover, header nav ul.gnav > li:hover p{ border: none;}
}






/*---------------------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------------------*/

#contents{
	text-align: left;
	line-height: 2;
	padding-top: 120px;
	clear: both;
}
figcaption{ line-height: 1.6;}
.wrap{
	clear: both;
	box-sizing: content-box;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3%;
	padding-right: 3%;
}
.wrap.wrap1215 { max-width: 1215px;}

/* aside */
aside.wrap{
	max-width: 1070px;
	padding: 75px 0 90px;
	background: #fff;
}
aside ul{
	display: flex;
	flex-wrap: wrap;
	padding-left: 3%;
	padding-right: 3%;
}
aside ul li{
	width: 49%;
	margin: 0 2% 20px 0;
}
aside ul li:nth-child(2n){
	margin-right: 0;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	#contents{ padding-top: 100px;}

	/* aside */
	aside.wrap{
		width: 80%;
		padding: 35px 0 45px;
	}
	aside ul{
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	aside ul li{
		width: 100%;
		margin: 0 0 20px;
	}
}



/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/

footer #fix-bnr{
	width: 135px;
	position: fixed;
	z-index: 1000;
	right: 10px;
	bottom: 60px;
	-webkit-animation-name:movebtn;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	-moz-animation-name:movebtn;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
	animation-name:movebtn;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-timing-function:ease;
}
@-webkit-keyframes movebtn{ 0% { margin-bottom: 0;} 50% { margin-bottom: 10px;} 100% { margin-bottom: 0;}}
@-moz-keyframes movebtn{ 0% { margin-bottom: 0;} 50% { margin-bottom: 10px;} 100% { margin-bottom: 0;}}
@keyframes movebtn{ 0% { margin-bottom: 0;} 50% { margin-bottom: 10px;} 100% { margin-bottom: 0;}}
#pagetop{
	text-align: center;
	position: fixed;
	z-index: 999;
	right: 55px;
	bottom: 10px;
	line-height: 1;
	display: none;
}
#pagetop a{
	display: block;
	width: 40px;
}
footer .footer-cont{
	text-align: left;
	background: #E5F1EB;
	padding: 40px 0;
}
footer .footer-cont .wrap{
	display: flex;
	justify-content: space-between;
}
footer .footer-cont dl{
	width: 18%;
}
footer .footer-cont dl a{ display: block;}
footer .footer-cont dl dt{
	padding-left: 15px;
	border-bottom: 1px dashed #808080;
	margin-bottom: 10px;
	position: relative;
}
footer .footer-cont dl dt a{
	padding: 3px 0;
}
footer .footer-cont dl dt:before{
	position: absolute;
	top: 3px;
	left: 0;
	content: url("../images/icon-circle-green.svg");
	display: inline-block;
	margin-right: 3px;
}
footer .footer-cont dl dd{
	margin-bottom: 15px;
}
footer .footer-cont dl dd ul li a{
	padding: 2px 0 2px 10px;
	position: relative;
}
footer .footer-cont dl dd ul li a:before{
	position: absolute;
	left: 0;
	top: 4px;
	content: url("../images/icon-arrow-green.svg");
	color: var(--green);
	font-size: 1.2rem;
	font-weight: bold;
	display: block;
}
footer #copyright{
	font-weight: normal;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 50px 3% 30px;
	background: #fff;
}
footer #copyright ul{
	display: flex;
	justify-content: center;
}
footer #copyright ul li{
	width: 40px;
	margin: 0 10px 20px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	#pagetop{
		right: 27px;
	}
	#pagetop a{
		width: 25px;
	}
	footer #fix-bnr{
		bottom: 40px;
		width: 60px;
	}
	footer .footer-cont{ padding: 0;}
	footer .footer-cont .wrap{
		display: block;
		padding: 0;
	}
	footer .footer-cont dl{
		width: 100%;
	}
	footer .footer-cont dl dt{
		padding: 0;
		margin-bottom: 0;
		position: relative;
	}
	footer .footer-cont dl dt a{
		padding: 12px 3%;
	}
	footer .footer-cont dl dt:before{
		content: none;
	}
	footer .footer-cont dl dt span{
		position: absolute;
		z-index: 99;
		top: 0;
		right: 10px;
		width: 46px;
		height: 46px;
		display: block;
		transition-duration: .2s, 0s, 0s;
		transition-delay: 0s, .2s, .2s;
		background: url(../images/ac.svg) center / 20px auto no-repeat;
	}
	footer .footer-cont dl dt span.open{
		-webkit-transform: translateY(0) rotate(180deg);
		transform: translateY(0) rotate(180deg);
	}
	footer .footer-cont dl dd{
		padding: 0 3%;
		margin-bottom: 0;
		display: none;
	}
	footer .footer-cont dl dd ul li a{
		padding: 12px;
		border-bottom: 1px dashed #808080;
	}
	footer .footer-cont dl dd ul li a:before{
		top: 13px;
	}
	footer #copyright{
		padding: 30px 65px 20px;
	}
	footer #copyright ul li{
		width: 40px;
	}
}



/*---------------------------------------------------------------------------------------
	top
----------------------------------------------------------------------------------------*/

.top header{ position: static;}
.top .slide .slick-slide{ height: calc(100vh - 120px);}
.top .slide div:nth-child(1){ background: url("../images/top-slide1.jpg") center / cover no-repeat;}
.top .slide div:nth-child(2){ background: url("../images/top-slide2.jpg") center / cover no-repeat;}
.top .slide div:nth-child(3){ background: url("../images/top-slide3.jpg") center / cover no-repeat;}
.top .slide div:nth-child(4){ background: url("../images/top-slide4.jpg") center / cover no-repeat;}
.top .slide div:nth-child(5){ background: url("../images/top-slide5.jpg") center / cover no-repeat;}
header#top-header{
	position: absolute;
	top: inherit;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #999;
}
header#top-header.is-fixed{
	position: fixed;
	top: 0;
	bottom: inherit;
}
header#top-header #headerwrap{
	border-bottom: 1px solid #999;
}
header#top-header.is-fixed,header#top-header.is-fixed #headerwrap{
	border: none;
}
.top #contents{ padding-top: 85px;}

.mv-container {
	position:relative;
	height: 100vh;
	overflow: hidden;
	z-index: -1;
	background-image:url("../images/ajax-loader.gif");
	background-position: center;
	transform-origin: center center;
	background-repeat: no-repeat;
	background-size: 32px auto;
}
.mv-container.bg-none { background: none;}

@media screen and (min-width: 769px) {
	.mv-container {
		height: 100vh;
	}
	
}

@media screen and (max-width: 768px) {
	.mv-container {
		height: 140px;
		margin-top: 90px;
	}
	
}

.mv-container>div.noload{
	display:none;
}


.add_keyframe_out{
	animation-name:mv-fade-out;
	animation-duration:5.5s; 
	animation-iteration-count: 1;
}

.add_keyframe_in{
	animation-name:mv-fade-in;
	animation-duration:5.5s; 
	animation-iteration-count: 1;
}



@keyframes mv-fade-in {
	0%   { opacity: 0; }
	25%   { opacity: 0; }
	75% { opacity: 1; }
	100% { opacity: 1; }
}

@keyframes mv-fade-out {
	0%   { opacity: 1; }
	25%   { opacity: 1; }
	75% { opacity: 0; }
	100% { opacity: 0; }
}

#bg0{ background-image:url("../images/top-slide1.jpg");}
#bg1{ background-image:url("../images/top-slide2.jpg");}
#bg2{ background-image:url("../images/top-slide3.jpg");}
#bg3{ background-image:url("../images/top-slide4.jpg");}
#bg4{ background-image:url("../images/top-slide5.jpg");}

.mv-slide {
	position:fixed;
	z-index:-1;
	background-position: center;
	transform-origin: center center;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center top; 
	webkit-transition: background-size 7000ms linear;
	-moz-transition: background-size 7000 linear;
	-o-transition: background-size 7000 linear;
	-ms-transition: background-size 7000ms linear;
	transition: background-size 7000ms linear;
}
.mv-slide.active{
	background-size:110%;
}

@media screen and (max-width: 768px) {
.mv-slide { background-size: auto 100%;}
.mv-slide.active{ background-size: auto 110%;}
}

.mv-slide p{
	color: #fff;
	font-size: 4.5rem;
	text-shadow: #999 0 0 10px,#999 0 0 10px,#999 0 0 10px,#999 0 0 10px;
	position: absolute;
	top: 20%;
	left: 0;
	z-index: 999;
	width: 100%;
}
.mv-slide:nth-child(2) p{ top: 30%;}
.mv-slide:nth-child(4) p{ top: 40%;}
.mv-slide:nth-child(5) p{ top: 10%;}

#contents{
	background-color:#fff;
}




#top-news{
	font-size: 1.6rem;
	text-align: left;
	padding-top: 15px;
	margin-bottom: 100px;
}
#top-news .news-list article{
	line-height: 1.6;
	display: flex;
	padding: 15px 20px;
}
#top-news .news-list article .date{
	width: 7em;
	margin-right: 1em;
}
.tag{
	font-size: 14px;
	text-align: center;
	width: 6em;
	margin-right: 1em;
}
#top-news .news-list article .txt{
	display: block;
	width: calc(100% - 15em);
}
#top-news .news-list article:nth-child(odd){ background: #f2f2f2;}
#top-news .news-list article span{ display:
	inline-block;
	margin-left: .5em;
}

#top-sns{
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: left;
	padding: 15px 3% 100px;
}
#top-sns ul{ display: flex;}
#top-sns ul li{
	width: 20%;
	border-right: 1px solid #999;
}
#top-sns ul li:first-child{ border-left: 1px solid #999;}
#top-sns ul li:nth-child(n+6){ display: none;}
#top-sns ul li{
	padding: 0 20px 5px;
}
#top-sns ul li a{ color: var(--green);}
#top-sns ul li a:hover{ opacity: .8;}
#top-sns ul li p{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
	margin-bottom: 10px;
}
#top-sns ul li p img{
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	object-fit: contain;
	object-position: top;
}
#top-sns ul li p video{ pointer-events: none;}
#top-sns .flex{
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}
#top-sns div p a{ text-decoration: underline;}
#top-phylosophy{
	font-size: 1.6rem;
	text-align: left;
	padding: 15px 0 115px;
}
#top-phylosophy div{
	padding: 100px 3% 50px;
	background: url("../images/top-philosophy-pc.jpg") center / cover no-repeat;
}
#top-phylosophy div .shadow{
	text-shadow: 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
}
#top-phylosophy div h3{
	margin-bottom: 70px;
}
#top-phylosophy div h3 strong{
	font-size: 7.2rem;
	line-height: .8;
	/*
	letter-spacing: 1em;
	padding-left: 1em;
	*/
}
#top-phylosophy div h3 span{
	font-size: 3.6rem;
	line-height: 1.8;
}
#top-phylosophy div p{
	font-weight: bold;
	line-height: 2;
}

#top-facility{
	font-size: 1.6rem;
	text-align: left;
	margin-bottom: 120px;
}
#top-facility .bd-top-btm{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
#top-facility .clm2{
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
#top-facility .clm2 div{
	width: 48%;
}
#top-facility .clm2 div h3{
	color:  var(--green);
	font-size: 2.4rem;
}

#top-traning{
	font-size: 1.6rem;
	margin-bottom: 115px;
}
#top-traning .bg{
	padding: 45px 0;
	background: url("../images/top-traning-bg-pc.jpg") center / cover no-repeat;
}
#top-traning .bg .wrap{
	display: flex;
	justify-content: space-between;
}
#top-traning .bg .wrap > div{
	width: 49.5%;
}
#top-traning .bg h3{
	font-size: 3.2rem;
	font-weight: bold;
}
#top-traning .bg .wrap .leftcol{
	padding: 45px 50px;
	border-radius: 15px 0 0 15px;
	background: #fff;
}
#top-traning .bg .wrap .leftcol .imgleft{
	display: flex;
	justify-content: space-between;
}
#top-traning .bg .wrap .leftcol .imgleft figure,#top-traning .bg .wrap .leftcol .imgleft div{ width: 49%;}
#top-traning .bg .wrap .leftcol .imgleft{
}
#top-traning .bg .wrap .rightcol{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#top-traning .bg .wrap .rightcol h3{
	text-align: center;
	padding: 45px 50px;
	background: #fff;
	width: 100%;
	height: 48%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#top-traning .bg .wrap .rightcol h3:nth-child(1){ border-radius: 0 15px 0 0;}
#top-traning .bg .wrap .rightcol h3:nth-child(2){ border-radius: 0 0 15px 0;}

#top-saiyo{
	font-size: 1.6rem;
	margin-bottom: 80px;
}
#top-saiyo div{
	padding: 300px 3% 50px;
	background: url("../images/top-recruit-pc.jpg") center / cover no-repeat;
}
#top-saiyo div h3{
	font-size: 3.6rem;
	line-height: .8;
	text-shadow: 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
}

@media screen and (max-width: 768px) {
	.top #contents{ padding-top: 30px;}
	.top .slide .slick-slide{
		height: 25vh;
		margin-top: 90px;
	}
	header#top-header{
		position: fixed;
		top: 0;
		bottom: inherit;
	}
	header#top-header,header#top-header #headerwrap{
		border: none;
	}
	.mv-slide p{ font-size: 4vw;}
	.mv-slide p{ top: 45px;}
	.mv-slide:nth-child(2) p{ top: 60px;}
	.mv-slide:nth-child(4) p{ top: 110px;}
	.mv-slide:nth-child(5) p{ top: 15px;}
	.mv-slide:nth-child(5) p img{ max-width: 240px;}
	#top-news{ margin-bottom: 50px;}
	#top-news h2{ margin-bottom: 20px;}
	#top-news .news-list article{ padding: 5px 10px;}
	#top-news .news-list article .date{
		width: 6em;
	}
	#top-news .news-list article .tag{
		font-size: 14px;
		width: 5em;
	}
	#top-news .news-list article .txt{ width: calc(100% - 12em);}
	
	#top-sns{ padding: 0 3% 50px;}
	#top-sns ul li{
		width: 33.33%;
		padding: 0 15px;
	}
	#top-sns ul li:nth-child(n+4){ display: none;}
	#top-sns .flex{
		display: block;
	}
	#top-sns div p{
		text-align: center;
		margin-bottom: 5px;
	}
	
	#top-phylosophy{ padding: 0 0 70px;}
	#top-phylosophy div{
		padding: 75px 1% 20px;
		background: url("../images/top-philosophy-sp.jpg") center / cover no-repeat;
	}
	#top-phylosophy div h3{
		margin-bottom: 40px;
	}
	#top-phylosophy div h3 strong{
		font-size: 6rem;
		/*
		letter-spacing: .5em;
		padding-left: .5em;
		*/
		width: 100%;
		display: inline-block;
		padding: 0 5%;
	}
	#top-phylosophy div h3 span{
		font-size: 3rem;
	}
	#top-phylosophy div p.shadow{
		margin-bottom: 30px;
	}
	#top-phylosophy div p a.more{
		margin-right: 1em;
	}

	#top-facility{ margin-bottom: 70px;}
	#top-facility h2{ margin-bottom: 20px;}
	#top-facility .clm2{
		display: block; 
		margin-bottom: 0;
	}
	#top-facility .clm2 div{
		width: 100%;
		margin-bottom: 40px;
	}
	#top-facility .clm2 div h3{
		font-size: 2.4rem;
	}

	#top-traning{ margin-bottom: 70px;}
	#top-traning .bg{
		padding: 50px 0 30px;
		background: url("../images/top-traning-bg-sp.jpg") center / cover no-repeat;
	}
	#top-traning .bg .wrap{ display: block;}
	#top-traning .bg .wrap > div{
		width: 100%;
	}
	#top-traning .bg .wrap .leftcol{
		padding: 25px 30px;
		margin-bottom: 20px;
	}
	#top-traning .bg .wrap .rightcol h3{
		display: block;
		padding: 25px 30px;
		margin-bottom: 15px;
	}
	#top-traning .bg .wrap .rightcol h3:nth-child(1){ border-radius: 10px 10px 0 0;}
	#top-traning .bg .wrap .rightcol h3:nth-child(2){ border-radius: 0 0 10px 10px;}

	#top-saiyo{ margin-bottom: 65px;}
	#top-saiyo div{
		padding: 145px 3% 15px;
		background: url("../images/top-recruit-sp.jpg") center / cover no-repeat;
	}
	#top-saiyo div h3{ font-size: 3rem; line-height: 1; margin-bottom: 10px;}
	#top-saiyo div .more{
		color: #fff;
		background: url(../images/icon-more-white.svg) right bottom / 100px auto no-repeat;
	}
}



/* service */
.service-top{
	text-align: left;
}
.service-top h2:before{
	content: "";
	width: 60px;
	height: 60px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 30px;
}
.service-top h2.live:before{ background: url("../images/icon-live.svg") center no-repeat;}
.service-top h2.stay:before{ background: url("../images/icon-stay.svg") center no-repeat;}
.service-top h2.go:before{ background: url("../images/icon-go.svg") center no-repeat;}
.service-top h2.visit:before{ background: url("../images/icon-visit.svg") center no-repeat;}
.service-top h2.combine:before{ background: url("../images/icon-combine.svg") center no-repeat;}
.service-top h2.consult:before{ background: url("../images/icon-consult.svg") center no-repeat;}
.service-top h2.faq:before{ background: url("../images/icon-faq.svg") center no-repeat;}
.service-top ul{
	display: flex;
	flex-wrap: wrap;
}
.service-top ul li{
	width: 32%;
	margin: 0 2% 20px 0;
}
.service-top ul li:nth-child(3n){ margin-right: 0;}
@media screen and (max-width: 768px) {
	.service-top h2:before{
		width: 40px;
		height: 40px;
		margin-right: 15px;
	}
	.service-top h2.live:before{ background: url("../images/icon-live.svg") center / 40px auto no-repeat;}
	.service-top h2.stay:before{ background: url("../images/icon-stay.svg") center / 40px auto no-repeat;}
	.service-top h2.go:before{ background: url("../images/icon-go.svg") center / 40px auto no-repeat;}
	.service-top h2.visit:before{ background: url("../images/icon-visit.svg") center / 40px auto no-repeat;}
	.service-top h2.combine:before{ background: url("../images/icon-combine.svg") center / 40px auto no-repeat;}
	.service-top h2.consult:before{ background: url("../images/icon-consult.svg") center / 40px auto no-repeat;}
	.service-top h2.faq:before{ background: url("../images/icon-faq.svg") center / 40px auto no-repeat;}
	.service-top ul li{
		width: 49%;
		margin: 0 2% 20px 0;
	}
	.service-top ul li:nth-child(3n){ margin-right: 2%;}
	.service-top ul li:nth-child(2n){ margin-right: 0;}
}

.service-price-ch-kobe ul.floor{
	display: flex;
	justify-content: space-between;
}
.service-price-ch-kobe ul.floor li{
	text-align: center;
	margin: 0 10px;
}
.service-price-ch-kobe ul.floor li:first-child{ margin-left: 0;}
.service-price-ch-kobe ul.floor li:last-child{ margin-right: 0;}
.service-price-ch-kobe .comparison{
	display: flex;
	justify-content: space-between;
}
.service-price-ch-kobe .comparison > div:first-child{ margin-right: 40px;}
.service-price-ch-kobe .comparison .comparison-inner div div{ padding: 40px;}
.service-price-ch-kobe .comparison .yutori{ position: relative;}
.service-price-ch-kobe .comparison .yutori:before{
	content: "";
	position: absolute;
	top: 48%;
	left: -35px;
	background: url("../images/arrow-green.svg") center no-repeat;
	width: 30px;
	height: 58px;
	display: block;
}
.service-price-ch-kobe .comparison .normal div{ border: 1px solid #666;}
.service-price-ch-kobe .comparison .yutori div{ border: 1px solid var(--green);}
@media screen and (max-width: 768px) {
	.service-price-ch-kobe ul.floor{ flex-wrap: wrap;}
	.service-price-ch-kobe ul.floor li{ margin: 0 3% 10px 0;}
	.service-price-ch-kobe ul.floor li:first-child{ width: 42%;}
	.service-price-ch-kobe ul.floor li:nth-child(2){
		margin-right: 0;
		width: 55%;
	}
	.service-price-ch-kobe ul.floor li:last-child{
		margin-right: 0;
		width: 100%;
	}
	.service-price-ch-kobe .comparison > div:first-child{ margin-right: 20px;}
	.service-price-ch-kobe .comparison .yutori:before{
		top: 45%;
		left: -17px;
		background: url("../images/arrow-green.svg") center / 15px auto no-repeat;
		width: 15px;
		height: 29px;
		display: block;
	}
	.service-price-ch-kobe .comparison .comparison-inner div div{ padding: 15px;}
}



.about-top .outline-tab{
	display: flex;
	justify-content: space-between;
}
.about-top .outline-tab p{
	max-width: 400px;
	width: 100%;
}
.about-top .outline-tab a.btn{
	padding: 5px;
	border-radius: 10px 10px 0 0;
}
.about-top .box{
	border: 1px solid var(--green);
	padding: 25px 30px;
}
.about-top .box li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.about-top .movie{
	max-width: 843px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 768px) {
	.about-top .outline-tab{ display: block;}
	.about-top .outline-tab p{
		max-width: 800px;
		width: 100%;
	}
	.about-top .outline-tab a.btn{
		border-radius: 0 0;
		width: 100%;
		padding: 5px 5px 3px;
	}
	.about-top .box{ padding: 10px 15px;}
}

.contribution .imgright{
	display: flex;
	justify-content: space-between;
}
.contribution .imgright p{ width: 62.5%;}
.contribution .imgright figure{ width: 33%;}
.contribution .imgright figure figcaption{
	font-size: 1.45rem;
	padding-top: 10px;
}
.disclosure ul.list li{
	padding-left: 1em;
	position: relative;
}
.disclosure ul.list li:before{
	content: "▪";
	position: absolute;
	top: 0;
	left: 0;
}
.plr100{ padding-right: 100px; padding-left: 100px;}
.disclosure ul.list li a{ text-decoration: underline;}
.disclosure ul.list li a:hover{ text-decoration: none;}
.disclosure ul.list li a.nolink{
	text-decoration: none;
	pointer-events: none;
}

.hilosophy ul.bg-bdgreen li{
	line-height: 1.6;
	border-bottom: 2px dotted #999;
	padding: 10px 0 10px 2.5em;
}
.hilosophy ul.bg-bdgreen li:first-child{ border-top: 2px dotted #999;}

.vision{ font-size: 1.78rem;}
.vision .imgright{
	display: flex;
	justify-content: space-between;
}
.vision .imgright div{ width: 62%;}
.vision .imgright div p{ padding-top: 30px;}
.vision .imgright figure{ width: 33%; padding-top: 10px;}
@media screen and (max-width: 768px) {
	.contribution .imgright{ display: block;}
	.contribution .imgright p{
		width: 100%;
		margin-bottom: 10px;
	}
	.contribution .imgright figure{
		width: 100%;
		text-align: center;
		margin-bottom: 60px;}
	.contribution .imgright figure figcaption{ text-align: left;}
	.hilosophy ul.bg-bdgreen li{
		padding: 5px 0 5px 2.5em;
	}
	.plr100{ padding-right: 0; padding-left: 0;}
	.vision .imgright{ display: block;}
	.vision .imgright div{ width: 100%;}
	.vision .imgright div p{ padding-top: 15px;}
	.vision .imgright figure{
		width: 100%;
		text-align: center;
		padding-top: 20px;
	}
}

.training-top .imgright{
	display: flex;
	justify-content: space-between;
	flex-flow: row-reverse;
}
.training-top .imgright figure{ width: 33%;}
.training-top .imgright div{ width: 62%;}
.training-top .imgright div p{ margin-bottom: 1em;}
.training-top .cycle{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.training-top .cycle:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 40px;
	left: 0;
	width: 24.66%;
	height: 314px;
	margin: auto;
	background: url("../images/traning-arrow-cycle.svg") center /100% auto no-repeat;
	display: block;
}
.training-top .cycle.cycle-no:after{ content: none;}
.training-top .cycle .cycle-box{
	width: 41.6%;
	border-bottom: 1px solid #00773B;
	position: relative;
}
.training-top .cycle.cycle-no .cycle-box{ width: 47%;}
.training-top .cycle .cycle-box:before,.training-top .cycle .cycle-box:after{
	content: "";
	position: absolute;
	bottom: 0;
	width: 1px;
	height: 150px;
	background: var(--green);
}
.training-top .cycle .cycle-box:before{ left: 0;}
.training-top .cycle .cycle-box:after{ right: 0;}
.training-top .cycle .cycle-box .bg-gray{
	text-align: center;
	padding: 10px;
}
.training-top .cycle .cycle-box ul,.training-top .cycle.cycle-no .cycle-box div{ padding: 25px 30px;}
.training-top .cycle.cycle-no .cycle-box div > ul{ padding: 0;}
.training-top .cycle .cycle-box:nth-child(2n) ul{ padding-left: 70px;}
.training-top .cycle .cycle-box ul li{ padding: 3px 0;}
.training-top .cycle .cycle-box div > ul li.t-ind15{ padding-left: 1.5em;}
.training-top .cycle .cycle-box .bg-bdgreen{ border-bottom: none;}
.training-top .imgleft{
	display: flex;
	justify-content: space-between;
}
.training-top .imgleft figure{ width: 33%;}
.training-top .imgleft div{ width: 62%;}
.training-top .practice-image{
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.training-top .practice-image .clm1,.training-top .practice-image .clm3{
	width: 28.3%;
}
.training-top .practice-image .clm2{
	width: 33.33%;
}
.training-top .practice-image ul.bg-bdgreen{
	padding: 20px;
}
.training-top .practice-image ul.bg-bdgreen li{
	padding: 20px;
	background: #b3cd5a;
	position: relative;
	margin-bottom: 15px;
}
.training-top .practice-image ul.bg-bdgreen li:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 100px;
	height: 31px;
}
.training-top .practice-image ul.bg-bdgreen li:last-child{ margin-bottom: 0;}
.training-top .practice-image .clm1 ul.bg-bdgreen{ margin-bottom: 20px;}
.training-top .practice-image .clm1 .t-left{ margin-left: 1.5em;}
.training-top .practice-image .clm1 ul.bg-bdgreen li:after{
	right: -100px;
	background: url("../images/traning-arrow-right.svg") center no-repeat;
}
.training-top .practice-image .clm3 ul.bg-bdgreen li:after{
	left: -100px;
	background: url("../images/traning-arrow-left.svg") center no-repeat;
}
.training-top .practice-image .clm2 .bg-gray{
	padding: 20px;
}
.training-top .practice-image .clm2 ul{
	display: inline-block;
	padding: 30px 5px 100px;
}
.training-top .practice-image .clm2 ul li{
	text-align: left;
	padding: 10px 0;
}
.training-top ul.traning-voice li{
	text-align: center;
	margin-bottom: 30px;
}
.training-top ul.traning-voice li .bg-bdgreen{
	padding: 0;
}
.training-top ul.traning-voice li .bg-bdgreen .f-green{
	padding: 10px;
	background: #f2f2f2;
}
.training-top ul.traning-voice li .bg-bdgreen div{
	padding: 30px 30px 10px;
	clear: both;
	overflow: hidden;
}
.training-top ul.traning-voice li .bg-bdgreen div figure{
	float: left;
	margin: 0 40px 20px 0;
	width: 240px;
}
.training-top ul.traning-voice li .bg-bdgreen div p{ text-align: left;}
.practice .tb2 td dl{ display: flex;}
.practice .tb2 td dl dt{ width: 6em;}
.practice .tb2 td dl dd{ flex: 1;}
@media screen and (max-width: 768px) {
	.training-top .imgright{ display: block;}
	.training-top .imgright figure{
		width: 60%;
		margin: 0 auto 20px;
	}
	.training-top .imgright div{ width: 100%;}
	.training-top .cycle{ display: block;}
	.training-top .cycle:after{ content: none;}
	.training-top .cycle .cycle-box:nth-child(2):after{
		content: "";
		top: -105px;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 100px;
		height: 110px;
		background: url("../images/traning-arrow-cycle.svg") center /100px auto no-repeat;
	}
	.training-top .cycle.cycle-no .cycle-box:nth-child(2):after{ content: none;}
	.training-top .cycle .cycle-box{
		width: 100%;
		margin-bottom: 100px;
	}
	.training-top .cycle.cycle-no .cycle-box{
		margin-bottom: 30px;
	}
	.training-top .cycle.cycle-no .cycle-box{ width: 100%;}
	.training-top .cycle .cycle-box:nth-child(2){ margin-bottom: 60px;}
	.training-top .cycle .cycle-box ul{ padding: 10px 15px;}
	.training-top .cycle .cycle-box:nth-child(2n) ul{ padding-left: 15px;}
	.training-top .imgleft{ display: block;}
	.training-top .imgleft figure{
		width: 60%;
		margin: 0 auto 20px;
	}
	.training-top .imgleft div{ width: 100%;}
	.training-top .practice-image{
		display: block;
	}
	.training-top .practice-image .clm1,.training-top .practice-image .clm3{ width: 100%;}
	.training-top .practice-image .clm2{
		width: 100%;
		margin-bottom: 50px;
	}
	.training-top .practice-image ul.bg-bdgreen{ padding: 10px;}
	.training-top .practice-image ul.bg-bdgreen li{
		padding: 10px;
		margin-bottom: 10px;
	}
	.training-top .practice-image .clm1 .t-left{ margin-left: 0;}
	.training-top .practice-image .clm1 ul.bg-bdgreen li:after{
		right: 0;
		transform: rotate(90deg);
	}
	.training-top .practice-image .clm3 ul.bg-bdgreen li:after{
		left: 0;
		transform: rotate(90deg);
	}
	.training-top .practice-image .clm1 ul.bg-bdgreen li:after{
		content: none;
		top: 150px;
	}
	.training-top .practice-image .clm1 ul.bg-bdgreen li:last-child:after{ content: "";}
	.training-top .practice-image .clm2 .bg-gray{ padding: 10px;}
	.training-top .practice-image .clm2 ul{
		display: flex;
		flex-wrap: wrap;
		padding: 10px 15px;
	}
	.training-top .practice-image .clm2 ul li{
		padding: 0;
		text-indent: 0;
		margin: 0 10px 5px 0;
	}
	.training-top .practice-image .clm3 ul.bg-bdgreen li:after{
		content: none;
		bottom: 150px;
	}
	.training-top .practice-image .clm3 ul.bg-bdgreen li:first-child:after{ content: "";}
	.training-top ul.traning-voice li .bg-bdgreen div{ padding: 15px;}
	.training-top ul.traning-voice li .bg-bdgreen div figure{
		margin: 0 20px 10px 0;
		width: 120px;
	}
}

.practice .bg-bdgreen div{ padding: 30px;}
@media screen and (max-width: 768px) {
	.practice .bg-bdgreen div{ padding: 15px;}
}

.news{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.news .leftcol{
	width: 79%;
	margin-bottom: 30px;
}
.news-top .leftcol table.tb2 th{ width: 150px;}
.news-top .leftcol table.tb2 td .new{
	color: #f00;
	font-weight: 600;
	margin-left: 10px;
	display: inline-block;
}
.news-top .leftcol span.tag{
	padding: 0;
	float: left;
	margin-top: 4px;
}
.news-top .leftcol table.tb2 td a{
	display: block;
	overflow: hidden;
}
.news .rightcol{
	width: 16.66%;
	margin-bottom: 30px;
}
.news .rightcol .bg-lightgreen{
	color: #fff;
	font-size: 2rem;
	text-align: center;
	background: #b3cd5a;
	border-radius: 15px 15px 0 0;
	padding: 10px;
}
.news .rightcol .bg-gray{
	padding: 20px 25px;
	margin-bottom: 10px;
}
.news .rightcol .bg-gray li a{
	display: block;
	padding: 2px 0;
}
.news .rightcol p.link{ font-size: 1.5rem;}
.news-detail .leftcol p,.news-detail .leftcol h1,.news-detail .leftcol h2,.news-detail .leftcol h3,.news-detail .leftcol h4,.news-detail .leftcol h5,.news-detail .leftcol h6,.news-detail .leftcol ul,.news-detail .leftcol ol{
	margin-bottom: 1em;
}
.news-detail .leftcol figure{
	text-align: center;
	padding-top: 1.5em;
	margin-bottom: 3em;
}
.news-detail .date{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.news-detail .date .tag{
	margin-right: 0;
}
.news-detail .leftcol ul,.news-detail .leftcol ul li{ list-style: disc;}
.news-detail .leftcol ol,.news-detail .leftcol ol li{ list-style: decimal;}
.news-detail .leftcol ul{ padding-left: 1em;}
.news-detail .leftcol ol{ padding-left: 1.5em;}
.news-detail .leftcol h2.bd-green{ margin-bottom: 40px;}
.news-detail .leftcol p.bd-lightgreen{ margin-bottom: 30px;}
.news-detail .leftcol h1{ font-size: 2.8rem;}
.news-detail .leftcol h2{ font-size: 2.6rem;}
.news-detail .leftcol h3{ font-size: 2.4rem;}
.news-detail .leftcol h4{ font-size: 2.2rem;}
.news-detail .leftcol h5{ font-size: 2rem;}
.news-detail .leftcol h6{ font-size: 1.8rem;}
.news-detail .leftcol em{ font-style: italic;}

@media screen and (max-width: 768px) {
	.news{
		display: block;
		margin-bottom: 25px;
	}
	.news .leftcol{ width: 100%;}
	.news-top .leftcol table.tb2 th{ width: 110px;}
	.news-top .leftcol span.tag{ float: none;}
	.news .rightcol{ width: 100%;}
	.news .rightcol .bg-lightgreen{ border-radius: 10px 10px 0 0;}
	.news .rightcol .bg-gray{ padding: 10px 15px;}
}


.privacy table.tb6 th{ vertical-align: middle;}
.privacy table.tb6 th span.subtitle2{ display: inline-block; width: 100%;}


.inquiry table.tb2 td{ padding: 9px 0;}
.inquiry input[type="text"].maxw100{ max-width: 100px;}
.inquiry input[type="text"].maxw160{ max-width: 160px;}
.inquiry input[type="text"].maxw300{ max-width: 300px;}
.inquiry input[type="text"].maxw500{ max-width: 500px;}
.inquiry .inquiry-btn{
	text-align: center;
}
.inquiry .inquiry-btn input,.inquiry .inquiry-btn button{
	margin: 0 10px 10px;
}
@media screen and (max-width: 768px) {
}

.facility-top .btn-right{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.facility-top .btn-right a.btn{
	font-size: 1.8rem;
}
.facility-top .imgleft{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.facility-top .imgleft ul{ width: 70%;}
.facility-top .imgleft figure{ width: 25%;}

.facility-servicelist{
	display: flex;
	flex-wrap: wrap;
}
.facility-servicelist li{
	width: 280px;
	margin: 0 20px 20px 0;
}
.facility-servicelist li a{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 90px;
	padding: 5px;
	color: #fff;
	font-size: 2rem;
	line-height: 1.3;
	background: #00773B;
	border-radius: 0 15px 15px 15px;
}
.facility-servicelist li a.nolink{
	background: #C7C7C7;
	pointer-events: none;
}
.facility-message,
.facility-message div{
	line-height: 2;
	overflow: hidden;
}
.facility-message figure{
	float: left;
	width: 200px;
	margin-right: 3em;
}
.facility-message figure.w250{ width: 250px;}
.facility-message figure.w350{ width: 350px;}
.facility-slider{
	display: flex;
	justify-content: space-between;
}
.facility-slider ul.slider{
	width: 75%;
}
.facility-slider ul.slider p{
	padding: 10px;
	background: #e1e1e1;
}
.facility-slider ul.slider img{
	width: 100%;
}
.facility-slider ul.thumb{
	width: 17%;
	padding: 55px 0;
}
.facility-slider ul.thumb .slick-slide{
	float: none;
	margin: 0;
	border: none;
	cursor: pointer;
}
.facility-slider ul.thumb .slick-prev,
.facility-slider ul.thumb .slick-next{
	right: 0;
	left: 0;
	width: 100%;
	height: 30px;
	border-radius: 100px;
}
.facility-slider ul.thumb .slick-prev{
	top: 15px;
	background: url("../images/arrow-white-top.svg") center no-repeat #00773b;
}
.facility-slider ul.thumb .slick-next{
	top: inherit;
	bottom: -15px;
	background: url("../images/arrow-white-bottom.svg") center no-repeat #00773b;
}
.facility-block{
	display: flex;
	flex-wrap: wrap;
}
.facility-block li{
	float: left;
	width: 31.6%;
	margin-right: 2.6%;
	margin-bottom: 30px;
}
.facility-block li:nth-child(3n){ margin-right: 0;}
.facility-block li img{
	margin-bottom: 15px;
}
.facility-block2{
	padding: 1.5em 2em;
	border: 1px solid var(--green);
	overflow: hidden;
}
.facility-block2 .w40{
	float: left;
	width: 40%;
}
.facility-block2 .w60{
	float: left;
	width: 60%;
}
dl.flex{
	display: flex;
	flex-wrap: wrap;
}
dl.flex dd{
	padding-right: 1em;
}
dl.flex dd.w50{ width: 50%;}
.facility-block3{
	display: flex;
	justify-content: space-between;
}
.facility-block3 article{
	width: 48%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-top: 2em;
}
.facility-block3.block3-64 article:nth-child(1){ width: 28%;}
.facility-block3.block3-64 article:nth-child(2){ width: 70%;}
.facility-block3.block3-225 article:nth-child(1){ width: 23%;}
.facility-block3.block3-225 article:nth-child(2){ width: 23%;}
.facility-block3.block3-225 article:nth-child(3){ width: 50%;}
.facility-block3 article h4{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 2em;
}
.facility-block3 article div{
	width: 100%;
	border: 1px solid var(--green);
	padding: 1em 2em;
	text-align: left;
	line-height: 2;
}
.facility-block4{
	display: flex;
	flex-wrap: wrap;
}
.facility-block4 li{
	width: 23%;
	margin: 0 2.66% 10px 0;
	margin-bottom: 10px;
	line-height: 1.3;
	text-align: center;
}
.facility-block4 li:nth-child(4n){ margin-right: 0;}
.facility-block4 li img{
	margin-bottom: 10px;
}
.facility-block5{
	display: flex;
	justify-content: space-between;
}
.facility-block5 article{
	width: 32%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-top: 2em;
}
.facility-block5 article h4{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 2em;
}
.facility-block5 article div{
	width: 100%;
	border: 1px solid var(--green);
	padding: 1em 2em;
	text-align: left;
	line-height: 2;
}
.facility-block5 article div a{
	text-decoration: underline;
}

.facility-block6{
	overflow: hidden;
}
.facility-block6 p.txt{
	float: right;
	width: 62.5%;
	margin-bottom: 30px;
	line-height: 2;
}
.facility-block6 figure.img1{
	float: left;
	width: 33%;
}
.facility-block6 figure.img2{
	float: right;
	width: 62.5%;
}
.facility-price{
	display: flex;
	justify-content: space-between;
}
.facility-unit{
	display: flex;
	justify-content: space-between;
}
.facility-unit p{
	width: 55%;
}
.facility-unit figure{
	width: 41.6%;
}
.facility-map iframe{
	width: 100%;
	height: 400px;
}
.facility-outline{
	overflow: hidden;
}
.facility-outline table{
	float: left;
	margin-right: 60px;
}
.facility-outline table th{
	padding-right: 3em;
	font-weight: inherit;
}
.facility-contact{
	background: var(--green);
}
.facility-contact .wrap{
	padding-top: 0;
	padding-right: 0;
}
.facility-contact .wrap div{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.facility-contact p.add{
	width: 66%;
	padding: 60px 6% 40px 0;
	color: #fff;
	font-size: 3rem;
}
.facility-contact p a{ color: #fff;}
.facility-contact figure{ width: 34%;}
.facility-contact figure img{ display: none;}
.facility-contact figure.nagasakaen{ background: url("../images/nagasakaen-img.jpg") center / cover no-repeat;}
.facility-contact figure.nagata{ background: url("../images/nagata-img.jpg") center / cover no-repeat;}
.facility-contact figure.nagatamiyaoka{ background: url("../images/nagatamiyaoka-img.jpg") center / cover no-repeat;}
.facility-contact figure.cc-hyogo{ background: url("../images/cc_hyogo-img.jpg") center / cover no-repeat;}
.facility-contact figure.ch-kobe{ background: url("../images/ch_kobe-img.jpg") center / cover no-repeat;}
.facility-contact figure.cc-konan{ background: url("../images/cc_konan-img.jpg") center / cover no-repeat;}
.facility-contact figure.ch-kobekonan{ background: url("../images/ch_kobekonan-img.jpg") center / cover no-repeat;}
.facility figure.mb50 img{ border-radius: 35px 0 35px 0;}

@media screen and (max-width: 768px) {
	.facility-top .btn-right span{
		padding-top: 5px;
		margin-left: 0;
		display: inline-block;
	}
	.facility-top .imgleft{ display: block;}
	.facility-top .imgleft ul{
		width: 100%;
		margin-bottom: 20px;
	}
	.facility-top .imgleft figure{
		text-align: center;
		width: 100%;
	}
	.facility-top .imgleft figure img{ width: 300px;}
	
	.facility-servicelist li{
		width: 49%;
		margin: 0 0 2%;
	}
	.facility-servicelist li:nth-child(2n){
		width: 49%;
		margin-left: 2%;
	}
	.facility-servicelist li a{
		height: 100%;
		min-height: 50px;
		font-size: 1.6rem;
		line-height: 1.3;
		background: #00773B;
		border-radius: 0 15px 15px 15px;
	}
	.facility-servicelist li a.nolink{
		background: #C7C7C7;
		pointer-events: none;
	}
	.facility-message,
	.facility-message div{
		line-height: 1.6;
	}
	.facility-message figure{
		float: none;
		width: auto!important;
		margin-right: 0;
		margin-bottom: 20px;
		text-align: center;
	}
	.facility-message figure img{
		width: auto;
		height: 150px;
	}
	.facility-slider ul.thumb{
		padding: 40px 0;
	}
	.facility-block li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.facility-block li:nth-child(3n){ margin-right: 2%;}
	.facility-block li:nth-child(2n){ margin-right: 0;}
	.facility-block li img{
		margin-bottom: 10px;
	}
	.facility-block2 .w40,
	.facility-block2 .w60{
		float: none;
		width: auto;
	}
	.facility-block3{
		display: block;
	}
	.facility-block3 article{
		display: block;
		width: auto!important;
		margin-bottom: 20px;
	}
	.facility-block3 article div{
		line-height: 1.6;
	}
	.facility-block4 li{
		width: 49%;
		margin-right: 2%;
	}
	.facility-block4 li:nth-child(2n){ margin-right: 0;}
	.facility-block5{
		display: block;
	}
	.facility-block5 article{
		display: block;
		width: auto;
		margin-bottom: 20px;
	}
	.facility-block5 article div{
		line-height: 1.6;
	}
	.facility-price{
		display: block;
	}
	.facility-price p.txt{
		margin-bottom: 20px;
	}
	.facility-unit{
		display: block;
	}
	.facility-unit p{
		width: auto;
		margin-bottom: 20px;
	}
	.facility-unit figure{
		width: auto;
	}
	.facility-map iframe{
		height: 250px;
	}
	.facility-outline table{
		float: none;
		margin-right: 0;
	}
	.facility-outline table th{
		padding-right: 1em;
		white-space: nowrap;
	}
	.facility-contact .wrap{
		padding-right: 3%;
	}
	.facility-contact .wrap div{
		display: block;
		width: auto;
		overflow: hidden;
	}
	.facility-contact p.add{
		width: auto;
		padding: 50px 0 20px;
		font-size: 2rem;
	}
	.facility-contact figure{
		width: auto;
		background: none;
		margin-bottom: 15px;
	}
	.facility-contact figure img{ display: block;}
	.facility figure.mb50 img{ border-radius: 20px 0 20px 0;}
}


.book .imgleft{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.book .imgleft dl{ width: 62.5%;}
.book .imgleft dl dt strong{ font-weight: 800;}
.book .imgleft dl dd p{ margin-bottom: 1em;}
.book .imgleft figure{ width: 33.33%;}
.book a.btn{
	min-width: 300px;
	margin: 0 10px 10px;
}
@media screen and (max-width: 768px) {
	.book .imgleft{ display: block;}
	.book .imgleft dl{ width: 100%;}
	.book .imgleft figure{
		width: 100%;
		text-align: center;
	}
	.book .imgleft figure img{
		max-width: 300px;
	}
	.book a.btn{
		min-width: 300px;
		margin: 0 10px 10px;
	}
}


@media print{
	header{ position: static;}
	#contents{padding-top: 0;}
}