@charset "UTF-8";

/* =Reset
-------------------------------------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,
textarea,
select {
	*font-size: 100%;
}

legend {
	color: #000;
}

img {
	vertical-align: top;
}

input[type="radio"],
input[type="checkbox"] {
	vertical-align: -2px;
}

label {
	cursor: pointer;
}

html>

/**/
body {
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
}

*+html body {
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
}

.wf {
	font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}


/* For modern browsers */
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}

.clr {
	clear: both;
}


/* =all
-------------------------------------------------------------- */
body {
	color: #333;
	background: #fff;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

a:hover img,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

a,
a img,
input[type="submit"],
input[type="reset"] {
	-webkit-transition: opacity .3s, background-color .3s;
	transition: opacity .3s, background-color .3s;
	opacity: 1;
}

img {
	max-width: 100%;
}

/* css */
.fl {
	float: left;
}

.fr {
	float: right;
}

.ta_l {
	text-align: left;
}

.ta_c {
	text-align: center;
}

.ta_r {
	text-align: right;
}

.va_t {
	vertical-align: top;
}

.va_b {
	vertical-align: bottom;
}

.va_m {
	vertical-align: middle;
}

.lh17 {
	line-height: 1.7;
}

.lh20 {
	line-height: 2;
}

.f10 {
	font-size: 10px;
}

.f11 {
	font-size: 11px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.f17 {
	font-size: 17px;
}

.f18 {
	font-size: 18px;
}

.f19 {
	font-size: 19px;
}

.f20 {
	font-size: 20px;
}

.f21 {
	font-size: 21px;
}

.f22 {
	font-size: 22px;
}

.f23 {
	font-size: 23px;
}

.f24 {
	font-size: 24px;
}

.f25 {
	font-size: 25px;
}

.f26 {
	font-size: 26px;
}

.f27 {
	font-size: 27px;
}

.f28 {
	font-size: 28px;
}

.f29 {
	font-size: 29px;
}

.f30 {
	font-size: 30px;
}

.f31 {
	font-size: 31px;
}

.f32 {
	font-size: 32px;
}

.f33 {
	font-size: 33px;
}

.f34 {
	font-size: 34px;
}

.f35 {
	font-size: 35px;
}

.bold {
	font-weight: bold;
}

/* width */
.w50 {
	width: 50px;
}

.w60 {
	width: 60px;
}

.w70 {
	width: 70px;
}

.w80 {
	width: 80px;
}

.w90 {
	width: 90px;
}

.w100 {
	width: 100px;
}

.w110 {
	width: 110px;
}

.w120 {
	width: 120px;
}

.w130 {
	width: 130px;
}

.w140 {
	width: 140px;
}

.w150 {
	width: 150px;
}

.w160 {
	width: 160px;
}

.w170 {
	width: 170px;
}

.w180 {
	width: 180px;
}

.w190 {
	width: 190px;
}

.w200 {
	width: 200px;
}

.w230 {
	width: 230px;
}

.w250 {
	width: 250px;
}

.w280 {
	width: 280px;
}

.w290 {
	width: 290px;
}

.w300 {
	width: 300px;
}

.w330 {
	width: 330px;
}

.w350 {
	width: 350px;
}

.w380 {
	width: 380px;
}

.w400 {
	width: 400px;
}

.w430 {
	width: 430px;
}

.w450 {
	width: 450px;
}

.w500 {
	width: 500px;
}

.w10p {
	width: 10%;
}

.w15p {
	width: 15%;
}

.w20p {
	width: 20%;
}

.w25p {
	width: 25%;
}

.w30p {
	width: 30%;
}

.w33p {
	width: 33%;
}

.w40p {
	width: 40%;
}

.w45p {
	width: 45%;
}

.w50p {
	width: 50%;
}

.w55p {
	width: 55%;
}

.w60p {
	width: 60%;
}

.w65p {
	width: 65%;
}

.w70p {
	width: 70%;
}

.w75p {
	width: 75%;
}

.w80p {
	width: 80%;
}

.w85p {
	width: 85%;
}

.w90p {
	width: 90%;
}

.w95p {
	width: 95%;
}

.w100p {
	width: 100%;
}

/* mgn */
.mgn05 {
	margin-bottom: 5px;
}

.mgn08 {
	margin-bottom: 8px;
}

.mgn10 {
	margin-bottom: 10px;
}

.mgn13 {
	margin-bottom: 13px;
}

.mgn15 {
	margin-bottom: 15px;
}

.mgn20 {
	margin-bottom: 20px;
}

.mgn25 {
	margin-bottom: 25px;
}

.mgn30 {
	margin-bottom: 30px;
}

.mgn35 {
	margin-bottom: 35px;
}

.mgn40 {
	margin-bottom: 40px;
}

.mgn45 {
	margin-bottom: 45px;
}

.mgn50 {
	margin-bottom: 50px;
}

.mgn55 {
	margin-bottom: 55px;
}

.mgn60 {
	margin-bottom: 60px;
}

.mgn65 {
	margin-bottom: 65px;
}

.mgn70 {
	margin-bottom: 70px;
}

.mgn75 {
	margin-bottom: 75px;
}

.mgn80 {
	margin-bottom: 80px;
}

input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
}

.inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}

.sp {
	display: none;
}

#container {
	padding: 60px 10px 0;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
	body {
		-webkit-text-size-adjust: 100%;
	}

	.inner {
		padding: 0 3%;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	#container {
		padding: 25px 3%;
	}
}

/* =Common
-------------------------------------------------------------- */
#header {
	padding: 15px 0 22px;
}

#header .flbox {
	float: left;
	text-align: left;
	width: 31%;
}

#header .flbox .sblog {
	margin: 0 0 12px;
	display: inline-block;
}

#header .frbox {
	float: right;
	text-align: right;
	width: 61%;
}

#header .frbox .uper {
	margin: 0 0 12px;
	height: 30px;
}

#header .frbox ul li {
	display: inline-block;
	margin: 0 0 0 5%;
}

#header .frbox ul li:first-child {
	margin: 0px;
}

#header .frbox ul li a {
	font-size: 18px;
	text-decoration: none;
	color: #333;
	text-decoration: none;
	font-weight: 400;
}

#header .frbox ul li a {
	position: relative;
	display: inline-block;
	transition: .3s;
	line-height: 2;
}

#header .frbox ul li a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #008A8F;
	transition: .2s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#header .frbox ul li a:hover::after {
	width: 100%;
}

#kv {
	position: relative;
}

#kv .slide .box.type01 {
	background: url(../images/kv_backimg01.jpg) no-repeat center;
	background-size: cover;
}

#kv .slide .box.type02 {
	background: url(../images/kv_backimg02.jpg) no-repeat center;
	background-size: cover;
}

#kv .slide .box.type03 {
	background: url(../images/kv_backimg03.jpg) no-repeat center;
	background-size: cover;
}

#kv .slide .box.type04 {
	background: url(../images/kv_backimg04.jpg) no-repeat center;
	background-size: cover;
}

#kv .bx-controls .bx-pager {
	position: absolute;
	bottom: 18px;
	z-index: 999;
	left: 0px;
	right: 0px;
	margin: auto;
}

#kv .bx-controls .bx-pager .bx-pager-item {
	display: inline-block;
	margin: 0 12px;
}

#kv .bx-controls .bx-pager .bx-pager-item a {
	text-indent: -9999px;
	width: 15px;
	height: 15px;
	display: block;
	background: #fff;
	border-radius: 10px;
}

#kv .bx-controls .bx-pager .bx-pager-item a.active {
	background: #109496;
}

#top_sec01 {
	padding: 80px 0;
	color: #008A8F;
}

#top_sec01 .tit {
	font-size: 30px;
	margin: 0 0 20px;
	font-weight: 500;
}

#top_sec01 .lead {
	font-size: 16px;
	line-height: 2;
	font-weight: 500;
}

#top_sec01 .climbox {
	margin: 60px 0 0;
}

#top_sec01 .climbox .box {
	width: 33.3%;
	float: left;
}

#top_sec01 .climbox .box .imgbox {
	display: inline-block;
	margin: 0 0 25px;
}

#top_sec01 .climbox .box.grout .imgbox {
	cursor: default;
}

#top_sec01 .climbox .box.grout .imgbox:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

#top_sec01 .climbox .box.grout .imgbox img {
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}

#top_sec01 .climbox .box.grout .txtarea {
	color: #a7a7a7;
}

#top_sec01 .climbox .box .txtarea p {
	font-size: 18px;
}

#top_sec01 .climbox .box .txtarea .fbf {
	display: block;
	font-size: 24px;
}

#top_sec02 {
	background: url(../images/top_contbakimg.jpg) no-repeat center;
	background-size: cover;
	padding: 65px 0;
}

#top_sec02 a.box {
	display: inline-block;
	background: #ccc;
	color: #fff;
	text-decoration: none;
	max-width: 330px;
	width: 45%;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 4%;
}

#top_sec02 a.box:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

#top_sec02 a.box.grn {
	background: #83b870;
}

#top_sec02 a.box.org {
	background: #ddae6a;
}

#top_sec02 a.box.red {
	background: #e98664;
}

#top_sec02 a.box .pad {
	padding: 10px;
}

#top_sec02 a.box .lead {
	font-size: 16px;
	margin: 0 0 5px;
}

#top_sec02 a.box .tit {
	font-size: 32px;
	letter-spacing: 0.1em;
}

#top_sec02 a.box .more {
	background: #fff;
	color: #008C80;
	font-size: 18px;
	padding: 5px;
	display: block;
	width: 100%;
	letter-spacing: 0.1em;
}

#pagetop {
	padding: 15px 0;
}

#pagetop .btn {
	float: right;
	width: 40px;
}

#footer {
	background: #5ab7ad;
	padding: 20px 0 15px;
}

#footer .linkarea {
	text-align: left;
	margin: 0 0 28px;
}

#footer .linkarea ul {
	display: inline-block;
	vertical-align: top;
	padding: 0 35px 0 0;
}

#footer .linkarea ul li {
	line-height: 2;
}

#footer .linkarea ul li a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

#footer .linkarea .fllink,
#footer .linkarea .frlink {
	display: inline-block;
	vertical-align: top;
}

#footer .linkarea ul li a:hover {
	text-decoration: underline;
}

#footer .undertxt {
	text-align: left;
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
}

@media (max-width: 991px) {
	#header {
		padding: 15px 0 20px;
	}

	#header .frbox ul li {
		margin: 0 0 0 4%;
	}

	#header .frbox ul li a {
		font-size: 15px;
	}

	#top_sec01 {
		padding: 60px 0;
	}

	#top_sec01 .tit {
		font-size: 28px;
	}

	#top_sec01 .lead {
		font-size: 14px;
	}

	#top_sec01 .climbox .box .txtarea p {
		font-size: 16px;
	}

	#top_sec01 .climbox .box .txtarea .fbf {
		font-size: 22px;
	}

	#top_sec02 a.box {
		margin: 0 2%;
	}

	#top_sec02 {
		padding: 55px 0;
	}
}

@media (max-width: 767px) {
	#header {
		padding: 1em 0 1.3em;
		position: relative;
	}

	#header .menubtn {
		position: absolute;
		right: 3%;
		top: 11%;
		width: 11%;
	}

	#header .frbox {
		display: none;
	}

	#header .flbox {
		float: none;
		width: 100%;
	}

	#header .flbox .sblog {
		width: 23%;
		margin: 0 auto 13px;
		display: block;
	}

	#header .flbox .log {
		width: 59%;
		margin: 0 auto;
		display: block;
	}

	.w_shadow {
		display: none;
	}

	#spmenu {
		position: fixed;
		top: 0;
		left: -240px;
		width: 80%;
		max-width: 240px;
		height: 100%;
		background: #f7f7f7;
		z-index: 999;
	}

	#spmenu ul li {
		border-bottom: 1px solid #c7c7c7;
	}

	#spmenu ul li a {
		padding: 12px 10px;
		text-align: left;
		display: block;
		font-size: 14px;
		color: #008A8F;
		text-decoration: none;
		background: #fff;
	}

	#spmenu a.clsebtn {
		position: absolute;
		top: 9px;
		right: -26px;
		width: 18px;
		height: 18px;
		padding: 2px;
		display: none;
	}

	.w_shadow {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		width: 100%;
		z-index: 998;
		background: rgba(0, 0, 0, 0.5);
		display: none;
	}

	#kv .slide .box.type01 {
		background: url(../images/sp_kv_backimg01.jpg) no-repeat center;
		background-size: cover;
	}

	#kv .slide .box.type02 {
		background: url(../images/sp_kv_backimg02.jpg) no-repeat center;
		background-size: cover;
	}

	#kv .slide .box.type03 {
		background: url(../images/sp_kv_backimg03.jpg) no-repeat center;
		background-size: cover;
	}

	#kv .slide .box.type04 {
		background: url(../images/sp_kv_backimg04.jpg) no-repeat center;
		background-size: cover;
	}

	#kv .bx-controls {
		display: none;
	}

	#top_sec01 {
		padding: 3em 0;
	}

	#top_sec01 .tit {
		font-size: 5vw;
		letter-spacing: 0.05em;
		text-align: center;
		margin: 0 0 10px;
	}

	#top_sec01 .lead {
		line-height: 1.8;
		font-size: 4.2vw;
		font-weight: normal;
		letter-spacing: 0.05em;
	}

	#top_sec01 .climbox {
		margin: 3.5em 0 0;
	}

	#top_sec01 .climbox .box {
		float: none;
		width: 100%;
		margin: 0 0 3em;
	}

	#top_sec01 .climbox .box:last-child {
		margin: 0px;
	}

	#top_sec01 .climbox .box .imgbox {
		margin: 0 auto 0.5em;
		width: 47%;
	}

	#top_sec01 .climbox .box .txtarea p {
		font-size: 4.6vw;
	}

	#top_sec01 .climbox .box .txtarea .fbf {
		font-size: 6vw;
	}

	#top_sec02 {
		background: url(../images/sp_top_contbakimg.jpg) no-repeat center;
		background-size: cover;
		padding: 2em 0;
	}

	#top_sec02 a.box {
		margin: 0 auto 1.8em;
		width: 94%;
		display: block;
		max-width: 100%;
	}

	#top_sec02 a.box:last-child {
		margin: 0 auto;
	}

	#top_sec02 a.box .lead {
		font-size: 4.3vw;
	}

	#top_sec02 a.box .tit {
		font-size: 8.4vw;
	}

	#top_sec02 a.box .pad {
		padding: 0.8em;
	}

	#top_sec02 a.box .more {
		font-size: 5vw;
		padding: 0.3em;
	}

	#pagetop {
		padding: 1.2em 0;
	}

	#footer {
		padding: 1em 0;
	}

	#footer .linkarea ul {
		display: block;
		padding: 0px;
	}

	#footer .linkarea ul li {
		line-height: 2.5;
	}

	#footer .linkarea ul li a {
		font-size: 3.6vw;
		font-weight: 300;
	}

	#footer .linkarea .fllink {
		padding: 0 2.5em 0 0;
	}

	#footer .undertxt {
		font-size: 3.4vw;
		font-weight: 300;
	}
}

/* =下層共通
-------------------------------------------------------------- */
#maintitimg {
	width: 100%;
	height: 248px;
}

#maintitimg.about {
	background: url(../images/titleback_about.jpg) no-repeat center;
	background-size: cover;
}

#maintitimg.recruit {
	background: url(../images/titleback_recruit.jpg) no-repeat center;
	background-size: cover;
}

#maintitimg.salaly {
	background: url(../images/titleback_contact.jpg) no-repeat center;
	background-size: cover;
}

#maintitimg.faq {
	background: url(../images/titleback_faq.jpg) no-repeat center;
	background-size: cover;
}

#maintitimg.voice {
	background: url(../images/titleback_voice.jpg) no-repeat center;
	background-size: cover;
}

#maintitimg.facilities {
	background: url(../images/titleback_facilities.jpg) no-repeat center;
	background-size: cover;
}

#maintitimg.visit {
	background: url(../images/titleback_tour.jpg) no-repeat center;
	background-size: cover;
}

#maintitimg.contact {
	background: url(../images/titleback_contact.jpg) no-repeat center;
	background-size: cover;
}

#maintitle {
	padding: 50px 0 35px;
	color: #008388;
	border-bottom: 2px solid #8fd3c4;
}

#maintitle .title {
	font-size: 38px;
}

#maintitle .sptxt {
	font-size: 23px;
}

.gr_sbtit {
	font-size: 28px;
	color: #008388;
	display: inline-block;
	margin: 0 0 28px;
}

.gr_sbtit:before {
	content: '';
	display: block;
	width: 28px;
	height: 35px;
	background: url(../images/com_sbtit_gr01.png) no-repeat 0 0;
	background-size: 100%;
	float: left;
	margin: -3px 10px 0 0;
}

.gr_sbtit:after {
	content: '';
	display: block;
	width: 28px;
	height: 35px;
	background: url(../images/com_sbtit_gr02.png) no-repeat 0 0;
	background-size: 100%;
	float: right;
	margin: -3px 0 0 8px;
}

@media (max-width: 991px) {
	#maintitle .title {
		font-size: 36px;
	}
}

@media (max-width: 767px) {
	#maintitimg {
		height: 100%;
	}

	#maintitimg.about {
		background: none;
	}

	#maintitle {
		border-bottom: 1px solid #8fd3c4;
		padding: 2.5em 0 2em;
	}

	#maintitle .sptxt {
		font-size: 4.2vw;
	}

	#maintitle .title {
		font-size: 7vw;
	}

	.gr_sbtit {
		font-size: 4.5vw;
		margin: 0 0 0.8em;
	}

	.gr_sbtit:before {
		width: 16px;
		height: 20px;
		margin: -3px 0.3em 0 0;
	}

	.gr_sbtit:after {
		width: 16px;
		height: 20px;
		margin: -3px 0 0 0.3em;
	}
}

/* =about
-------------------------------------------------------------- */
#aboutcontent .box {
	padding: 50px 0 75px;
	border-bottom: 1px solid #1daa8a;
}

#aboutcontent .box .txtarea {
	max-width: 540px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
}

#aboutcontent .gr_sbtit span.bf {
	font-size: 36px;
	vertical-align: middle;
	margin: -4px 0 0 2px;
	display: inline-block;
}

#aboutcontent .sec02.box .imgbox {
	margin: 20px 0 0;
}

#aboutcontent .sec03.box {
	border-bottom: 0px;
}

#aboutcontent .sec03.box .clumbox {
	margin: 0 0 45px;
}

#aboutcontent .sec03.box .clumbox .minbox {
	display: inline-block;
	max-width: 260px;
	width: 26%;
	vertical-align: top;
}

#aboutcontent .sec03.box .clumbox .minbox .tit {
	font-size: 20px;
	margin: 0 0 15px;
	color: #008388;
}

#aboutcontent .sec03.box .clumbox .minbox .imgbox {
	margin: 0 0 18px;
}

#aboutcontent .sec03.box .clumbox .minbox .txt {
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
	margin: 0 11%;
}

#aboutcontent .sec03.box .voisebox {
	max-width: 785px;
	margin: 0 auto;
}

#aboutcontent .sec03.box .voisebox .uper {
	margin: 0 0 40px;
}

#aboutcontent .sec03.box .voisebox .vibox {
	max-width: 370px;
	width: 48%;
}

#aboutcontent .sec03.box .voisebox .vibox.flbox {
	float: left;
}

#aboutcontent .sec03.box .voisebox .vibox.frbox {
	float: right;
}

#aboutcontent .sec03.box .voisebox .uper .vibox .imgbox {
	float: left;
	margin: 25px 2% 0 0;
	width: 24%;
}

#aboutcontent .sec03.box .voisebox .deun .vibox .imgbox {
	float: right;
	margin: 25px 0 0 2%;
	width: 24%;
}

#aboutcontent .sec03.box .voisebox .uper .vibox .vitxt {
	float: right;
}

#aboutcontent .sec03.box .voisebox .vitxt {
	font-size: 14px;
	color: #006E5B;
	padding: 12px;
	border: 1px solid #d4e2c9;
	max-width: 268px;
	text-align: left;
	border-radius: 6px;
	background: #fff7ec;
	box-shadow: 2px 2px 5px -1px #ccc;
	box-sizing: border-box;
	width: 73%;
}

@media (max-width: 991px) {
	#aboutcontent .sec03.box .clumbox .minbox {
		max-width: 100%;
		width: 30%;
	}

	#aboutcontent .sec03.box .clumbox .minbox .tit {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	#aboutcontent .box {
		padding: 3em 0 2.8em;
	}

	#aboutcontent .box .txtarea {
		font-size: 3.6vw;
		line-height: 1.6;
		max-width: 100%;
	}

	#aboutcontent .gr_sbtit span.bf {
		font-size: 5.4vw;
		margin: -5px 0 0 0;
	}

	#aboutcontent .sec03.box .clumbox {
		margin: 0px;
	}

	#aboutcontent .sec03.box .clumbox .minbox .tit {
		font-size: 4.5vw;
		margin: 0 0 0.5em;
	}

	#aboutcontent .sec03.box .clumbox .minbox {
		width: 100%;
		margin: 0 0 2.5em;
	}

	#aboutcontent .sec03.box .clumbox .minbox .imgbox {
		max-width: 45%;
		margin: 0 auto 0.5em;
	}

	#aboutcontent .sec03.box .clumbox .minbox .imgbox img {
		width: 100%;
	}

	#aboutcontent .sec03.box .voisebox .vitxt {
		max-width: 100%;
		padding: 1em;
		font-size: 3.8vw;
	}

	#aboutcontent .sec03.box .clumbox .minbox .txt {
		margin: 0 8%;
		font-size: 3.5vw;
	}

	#aboutcontent .sec03.box .voisebox .vibox {
		margin: 0 0 2em;
	}

	#aboutcontent .sec03.box .voisebox .vibox.flbox {
		float: none;
		max-width: 100%;
		width: 100%;
		padding: 0 0 0 2%;
	}

	#aboutcontent .sec03.box .voisebox .vibox.flbox .imgbox {
		float: left;
	}

	#aboutcontent .sec03.box .voisebox .vibox.flbox .imgbox img {
		width: 100%;
	}

	#aboutcontent .sec03.box .voisebox .vibox.flbox .vitxt {
		float: right;
	}

	#aboutcontent .sec03.box .voisebox .vibox.frbox {
		float: none;
		max-width: 100%;
		width: 100%;
	}

	#aboutcontent .sec03.box .voisebox .vibox.frbox .imgbox {
		float: right;
	}

	#aboutcontent .sec03.box .voisebox .vibox.frbox .imgbox img {
		width: 100%;
	}

	#aboutcontent .sec03.box .voisebox .vibox.frbox .imgbox {
		margin: 20px 0 0 2%;
	}

	#aboutcontent .sec03.box .voisebox .uper {
		margin: 0px;
	}

	#aboutcontent .sec03.box .voisebox .uper .vibox .imgbox img {
		width: 100%;
	}
}

/* =recruit
-------------------------------------------------------------- */
#recruit {
	padding: 55px 0 0px;
}

#recruit .inner {
	max-width: 800px;
	margin: 0 auto;
}

#recruit .leadtextarea {
	max-width: 520px;
	margin: 0 auto 50px;
	font-size: 14px;
	text-align: left;
	line-height: 1.8;
}

#recruit .gr_sbtit {
	margin: 0 0 20px;
}

#recruit .tablbox {
	width: 100%;
	margin: 0 0 60px;
}

#recruit .tablbox dl {
	display: table;
	width: 100%;
	text-align: left;
	border-bottom: 2px solid #7fc0c2;
}

#recruit .tablbox dl:first-child {
	border-top: 2px solid #7fc0c2;
}

#recruit .tablbox dl dt,
#recruit .tablbox dl dd {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 18px;
}

#recruit .tablbox dl dt {
	width: 130px;
	background: #edf9f9;
	color: #028389;
	padding: 18px 10px 18px 20px;
}

#recruit .tablbox dl dd {
	padding: 18px 25px 18px 25px;
}

#recruit .blboxarea {
	width: 100%;
	background: #edf9f9;
	margin: 100px 0 90px;
}

#recruit .blboxarea .tit {
	color: #008388;
	border-bottom: 1px solid #008387;
	padding: 15px 40px;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
}

#recruit .blboxarea .txtarea {
	padding: 20px 40px;
	text-align: left;
}

#recruit .blboxarea .txtarea p {
	margin: 0 0 30px;
	font-size: 14px;
	line-height: 2;
}

#recruit .blboxarea .txtarea {
	font-size: 18px;
	font-weight: 500;
}

#recruit .blboxarea .txtarea .dotted {
	margin: 0 5px;
}

#recruit .recruitundertxt {
	max-width: 800px;
	margin: 0 auto 60px;
}

#recruit .recruitundertxt .leadtxt {
	font-size: 18px;
	margin: 0 0 35px;
	text-align: left;
}

#recruit .recruitundertxt .rec_btn {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#recruit .recruitundertxt a.btn {
	width: 40%;
	background: #00862d url(../images/recruit_underbtn.png) no-repeat right 12px center;
	color: #fff;
	padding: 13px 45px 13px 25px;
	text-decoration: none;
	border-radius: 6px;
	font-size: 14px;
	display: inline-block;
}

#recruit .recruitundertxt .rec_btn a.btn:nth-child(2) {
	background: #e98664 url(../images/recruit_underbtn.png) no-repeat right 12px center;
}

#recruit .sec04 {
	border-top: 1px solid #19ab86;
	padding: 35px 0 70px;
}

#recruit .sec04 .cover {}

#recruit .sec04 .cover .tit {
	color: #006E5B;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px;
}

#recruit .sec04 .cover .undertxt {
	margin: 0 0 5px;
}

#recruit .sec04 a {
	font-size: 16px;
	color: #006E5B;
	display: inline-block;
	margin: 0 0 10px;
}

#recruit .sec04 a:hover {
	text-decoration: none;
}

@media (max-width: 991px) {
	#recruit .recruitundertxt .rec_btn {
		flex-direction: row;
	}
}

@media (max-width: 767px) {
	#recruit {
		padding: 1.5em 0 0px;
	}

	#recruit .gr_sbtit {
		margin: 0 0 1em;
	}

	#recruit .leadtextarea {
		max-width: 100%;
		font-size: 3.6vw;
		margin: 0 auto 2.8em;
	}

	#recruit .tablbox {
		margin: 0 0 4em;
	}

	#recruit .tablbox dl {
		width: 100%;
		display: block;
		border: 0px;
	}

	#recruit .tablbox dl dt,
	#recruit .tablbox dl dd {
		width: 100%;
		display: block;
		padding: 0.6em 1em;
		font-size: 4vw;
		font-weight: normal;
	}

	#recruit .tablbox dl dd {
		font-size: 3.6vw;
	}

	#recruit .tablbox dl dt {
		border-bottom: 1px solid #7fc0c2;
		border-top: 1px solid #7fc0c2;
	}

	#recruit .tablbox dl:first-child {
		border: 0px;
	}

	#recruit .blboxarea {
		margin: 0 0 2.8em;
	}

	#recruit .blboxarea .tit {
		padding: 0.8em 0.8em;
		font-size: 4vw;
	}

	#recruit .blboxarea .txtarea p {
		margin: 0 0 1.2em;
		font-size: 3.6vw;
	}

	#recruit .blboxarea .txtarea {
		padding: 0.6em 1em;
		font-size: 3.2vw;
	}

	#recruit .blboxarea .txtarea .dotted {
		display: none;
	}

	#recruit .blboxarea .txtarea .underareatxt p {
		margin: 0 0 0.8em;
		font-size: 3.1vw;
	}

	#recruit .recruitundertxt {
		max-width: 100%;
	}

	#recruit .recruitundertxt .leadtxt {
		font-size: 3.6vw;
		margin: 0 0 1.8em;
	}

	#recruit .recruitundertxt a.btn {
		width: 100%;
		margin-bottom: 15px;
		padding: 0.8em 2em 0.8em;
		display: block;
		font-size: 4vw;
	}

	#recruit .sec04 {
		padding: 1.5em 0;
	}

	#recruit .sec04 .cover {
		text-align: left;
	}

	#recruit .sec04 .cover .tit {
		font-size: 4.2vw;
	}

	#recruit .sec04 .cover .tit br {
		display: none;
	}

	#recruit .sec04 .cover .undertxt {
		font-size: 3.6vw;
	}

	#recruit .sec04 a {
		font-size: 4.5vw;
	}

	#recruit .sec04 .cover {
		max-width: 100%;
	}
}

/* = faq
-------------------------------------------------------------- */
#faq {
	padding: 20px 0 60px;
}

#faq dl {
	margin: 40px 0;
}

#faq dl dt {
	background: #21A1A1;
	color: #fff;
}

#faq dl dd {
	background: #D6EBE0;
	color: #21a1a2;
}

#faq dl dt,
#faq dl dd {
	display: table;
	width: 100%;
}

#faq dl span.icon {
	display: table-cell;
	vertical-align: middle;
	font-size: 38px;
	width: 80px;
	padding: 10px;
	box-sizing: border-box;
}

#faq dl dt span.icon {
	border-right: 1px solid #90d0d0;
}

#faq dl dd span.icon {
	border-right: 1px solid #eaf5ef;
}

#faq dl span.txt {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 25px;
	font-size: 18px;
	font-weight: 500;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
	#faq {
		padding: 0 0 15px;
	}

	#faq .inner {
		padding: 0 5%;
	}

	#faq dl {
		margin: 1.5em 0;
	}

	#faq dl span.icon {
		width: 12%;
		font-size: 19px;
	}

	#faq dl dt span.txt {
		font-weight: 500;
	}

	#faq dl span.txt {
		font-size: 3.6vw;
		padding: 0.7em 5%;
	}
}

/* ページ修正 2023.03 */
#faq .age-list {
	display: flex;
	flex-wrap: wrap;
}

#faq .age-list li {
	width: 330px;
}

#faq .age-list li::before {
	content: '・';
}

#faq .age-table {
	width: 100%;
	background: #fff;
	margin: 1em 0;
	border: 1px solid #21A1A1;
}

#faq .age-table th,
#faq .age-table td {
	width: calc(100% / 7);
	border: 1px solid #21A1A1;
	text-align: center;
	font-size: 0.8em;
	padding: 0.3em;
}

#faq .age-table th {
	background: rgba(214, 235, 224, 0.4);
}

@media (max-width: 767px) {
	#faq .age-list li {
		width: 100%;
	}

	#faq .age-table {
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		-ms-writing-mode: vertical-lr;
		writing-mode: vertical-lr;
	}

	#faq .age-table br {
		display: none;
	}

	#faq .age-table th,
	#faq .age-table td {
		line-height: 1.5;
		height: 1.5em;
	}

	#faq .age-table th span,
	#faq .age-table td span {
		white-space: nowrap;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}
}

/* = voice
-------------------------------------------------------------- */
#voice {
	padding: 70px 0;
}

#voice .coverbox {
	background: #f3f2ec;
	padding: 40px;
}

#voice .coverbox .uper {
	margin: 0 0 40px;
}

#voice .coverbox .middle {
	margin: 40px 0;
}

#voice .coverbox a {
	max-width: 440px;
	width: 48%;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
	#voice {
		padding: 1.8em 0 4em;
	}

	#voice .inner {
		padding: 0 5%;
	}

	#voice .coverbox {
		padding: 1.6em 6%;
	}

	#voice .coverbox a {
		max-width: 100%;
		width: 100%;
		margin: 0 0 1.8em;
	}

	#voice .coverbox .under a:last-child {
		margin: 0px;
	}

	#voice .coverbox .uper {
		margin: 0px;
	}
}

#voice .detailbox {
	background: #f3f2ec;
}

#voice .detailbox .profile {
	padding: 1.2em;
	border-bottom: 1px solid #8b9191;
}

#voice .detailbox .profile dl {
	display: table;
	margin: 0 auto;
}

#voice .detailbox .profile dt {
	display: table-cell;
	padding: 0 1.2em 0 0;
	text-align: right;
	vertical-align: middle;
}

#voice .detailbox .profile dd {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

@media (max-width: 767px) {
	#voice .detailbox .profile dl {
		display: block;
		font-size: 3.75vw;
	}

	#voice .detailbox .profile dt {
		display: block;
		text-align: left;
	}

	#voice .detailbox .profile dd {
		display: block;
	}
}

#voice .detailbox .detail_in {
	padding: 50px 35px 35px;
}

#voice .detailbox .catch {
	padding: 0 0 1.6em;
	font-size: 24px;
	color: #008084;
}

@media (max-width: 767px) {
	#voice .detailbox .detail_in {
		padding: 7.8125vw 5% 5%;
	}

	#voice .detailbox .catch {
		font-size: 5.3125vw;
	}
}

#voice .detailbox .box {
	padding: 0 0 3em;
}

#voice .detailbox .box3 {
	float: right;
	width: 50%;
}

#voice .detailbox .box p {
	text-align: left;
	font-size: 14px;
}

#voice .detailbox .box1 p {
	padding: 0 260px 0 0;
}

#voice .detailbox .box2 p {
	padding: 0 0 0 260px;
}

#voice .detailbox .box p strong {
	display: block;
	padding: 0 0 1em;
	font-size: 20px;
	font-weight: normal;
	color: #008084;
}

#voice .detailbox .box img {
	width: 237px;
}

@media (max-width: 767px) {
	#voice .detailbox .box3 {
		float: none;
		width: auto;
	}

	#voice .detailbox .box p {
		padding: 0;
		font-size: 4.375vw;
	}

	#voice .detailbox .box p strong {
		font-size: 5vw;
	}

	#voice .detailbox .box img {
		width: 46.875vw;
		margin: 4.6875vw auto 0;
	}
}

#voice .detailbox .schedule {
	float: left;
	width: 45%;
}

#voice .detailbox .schedule dt {
	padding: 0.3em 0.6em;
	font-size: 18px;
	color: #fff;
	background: #80aeac;
}

#voice .detailbox .schedule dd {
	padding: 1.2em;
	background: #fff;
}

#voice .detailbox .schedule dd table {
	width: 100%;
}

#voice .detailbox .schedule dd th {
	width: 1px;
	padding: 0.6em;
	font-size: 11px;
	text-align: right;
	vertical-align: top;
	background: #eaeaeb;
	border-right: 0.6em solid #00aca6;
	border-bottom: 1px solid #00aca6;
	white-space: nowrap;
}

#voice .detailbox .schedule dd td {
	padding: 0.5em 1.5em;
	text-align: left;
	border-bottom: 1px solid #00aca6;
}

#voice .detailbox .schedule dd tr:last-child th,
#voice .detailbox .schedule dd tr:last-child td {
	border-bottom: none;
}

@media (max-width: 767px) {
	#voice .detailbox .schedule {
		float: none;
		width: auto;
	}

	#voice .detailbox .schedule dt {
		font-size: 5.3125vw;
	}

	#voice .detailbox .schedule dd th {
		font-size: 3.4375vw;
	}

	#voice.detailbox .schedule dd td {
		font-size: 4.0625vw;
	}
}

/* ページ修正 2023.03 */
#voice .wrap-box3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
}

#voice .wrap-box3 .box3,
#voice .wrap-box3 .schedule {
	float: none;
}

#voice .wrap-box3 .box3 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
}

#voice .wrap-box3 .box3 .date {
	text-align: right;
}


/* =facilities
-------------------------------------------------------------- */
#facilities #famaparea {
	margin: 35px 0 65px;
	position: relative;
}

#facilities #famaparea .linkarea a {
	position: absolute;
	font-size: 14px;
	color: #478E33;
	text-decoration: none;
	text-align: left;
}

@media (max-width: 991px) {
	#facilities #famaparea .linkarea a {
		font-size: 1.42vw;
	}
}

#facilities #famaparea .linkarea a#maptag01 {
	top: 25.5%;
	left: 72%;
}

#facilities #famaparea .linkarea a#maptag02 {
	top: 31%;
	left: 72%;
}

#facilities #famaparea .linkarea a#maptag03 {
	top: 38.4%;
	left: 72%;
}

#facilities #famaparea .linkarea a#maptag04 {
	top: 44%;
	left: 72%;
}

#facilities #famaparea .linkarea a#maptag05 {
	top: 59.7%;
	left: 72.5%;
}

#facilities #famaparea .linkarea a#maptag06 {
	top: 33.8%;
	left: 24.5%;
}

#facilities #famaparea .linkarea a#maptag07 {
	top: 37.6%;
	left: 24.5%;
}

#facilities #famaparea .linkarea a#maptag08 {
	top: 43.9%;
	left: 24.5%;
}

#facilities #famaparea .linkarea a#maptag09 {
	top: 48.9%;
	left: 15%;
}

#facilities #famaparea .linkarea a#maptag10 {
	top: 56.6%;
	left: 15%;
}

#facilities #famaparea .linkarea a#maptag11 {
	top: 74%;
	left: 43.5%;
}

#facilities #famaparea .linkarea a#maptag12 {
	top: 81%;
	left: 43.5%;
}

#facilities #famaparea .linkarea a#maptag13 {
	top: 88.9%;
	left: 43.5%;
}

@media (max-width: 767px) {
	#facilities #famaparea .linkarea a {
		font-size: 3.4375vw;
		line-height: 1.1;
	}

	#facilities #famaparea .linkarea a#maptag01 {
		top: 9%;
		left: 35%;
	}

	#facilities #famaparea .linkarea a#maptag02 {
		top: 18.5%;
		left: 74%;
	}

	#facilities #famaparea .linkarea a#maptag03 {
		top: 27.4%;
		left: 74%;
	}

	#facilities #famaparea .linkarea a#maptag04 {
		top: 37.8%;
		left: 74%;
	}

	#facilities #famaparea .linkarea a#maptag05 {
		top: 47.7%;
		left: 74%;
	}

	#facilities #famaparea .linkarea a#maptag06 {
		top: 11%;
		left: 6.2%;
	}

	#facilities #famaparea .linkarea a#maptag07 {
		top: 22%;
		left: 6.2%;
	}

	#facilities #famaparea .linkarea a#maptag08 {
		top: 32%;
		left: 6.2%;
	}

	#facilities #famaparea .linkarea a#maptag09 {
		top: 58.2%;
		left: 32%;
	}

	#facilities #famaparea .linkarea a#maptag10 {
		top: 65.3%;
		left: 32%;
	}

	#facilities #famaparea .linkarea a#maptag11 {
		top: 77.4%;
		left: 38.5%;
	}

	#facilities #famaparea .linkarea a#maptag12 {
		top: 84.5%;
		left: 38.5%;
	}

	#facilities #famaparea .linkarea a#maptag13 {
		top: 93.2%;
		left: 38.5%;
	}
}

#facilities .falistbox {
	padding: 0 0 2em;
}

#facilities .falistbox .box {
	display: table;
	width: 100%;
	margin: 0 0 2em;
	background: #f3f2e0;
}

#facilities .falistbox .box:nth-child(even) {
	background: #ddf0ec;
}

#facilities .falistbox .box .data {
	display: table-cell;
	padding: 1em 1.5em;
	text-align: left;
}

#facilities .falistbox .box .data .tit {
	padding: 0 0 0.3em;
	color: #008084;
}

#facilities .falistbox .box .data .tit .name {
	display: inline-block;
	padding: 0 0.5em 0 0;
	font-size: 28px;
	vertical-align: middle;
}

#facilities .falistbox .box .data .tit .phonetic {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
}

#facilities .falistbox .box .data table {
	width: 100%;
}

#facilities .falistbox .box .data th {
	width: 1px;
	padding: 0.3em 1em 0.3em 0;
	font-size: 14px;
	border-bottom: 1px solid #231815;
	white-space: nowrap;
}

#facilities .falistbox .box .data td {
	padding: 0.3em 0;
	font-size: 14px;
	border-bottom: 1px solid #231815;
}

#facilities .falistbox .box .img_pc {
	display: table-cell;
	width: 24.6em;
	background-repeat: no-repeat;
	background-size: cover;
}

#facilities .falistbox .box .btn {
	padding: 1em 0 0;
}

#facilities .falistbox .box .btn a {
	display: inline-block;
	padding: 0 1em;
	font-size: 16px;
	line-height: 1.8;
	text-decoration: none;
	color: #fff;
	background: #e98664;
}

@media (max-width: 767px) {
	#facilities .falistbox .box {
		display: block;
		width: auto;
	}

	#facilities .falistbox .box .data {
		display: block;
		padding: 1em 1.5em 1.5em;
	}

	#facilities .falistbox .box .data .tit .name {
		font-size: 5.625vw;
	}

	#facilities .falistbox .box .data .tit .phonetic {
		font-size: 3.75vw;
	}

	#facilities .falistbox .box .data th,
	#facilities .falistbox .box .data td {
		font-size: 4.375vw;
	}

	#facilities .falistbox .box .img_pc {
		display: none;
	}

	#facilities .falistbox .box img {
		float: none;
		width: 100%;
	}

	#facilities .falistbox .box .btn {
		padding: 1.5em 0 0;
		text-align: center;
	}

	#facilities .falistbox .box .btn a {
		font-size: 5vw;
	}
}

/* =visit
-------------------------------------------------------------- */
#visit {
	padding: 60px 0 100px;
}

#visit .content {
	padding: 3em 2em;
	background: #ebf5f1;
}

#visit .content .tit {
	padding: 0 0 1.3em;
	font-size: 23px;
	color: #008084;
}

#visit .content .txt {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 0 3em;
	text-align: left;
	font-size: 14px;
}

#visit .content .target {
	max-width: 660px;
	margin: 0 auto 1em;
	padding: 1em 2em;
	text-align: left;
	font-size: 16px;
	color: #008084;
	background: #fff;
	box-sizing: border-box;
}

#visit .content .target dt {
	padding: 0 0 0.25em;
	border-bottom: 1px solid #008084;
}

#visit .content .target dd {
	padding: 0.125em 0 0.625em;
}

#visit .content .exa {
	width: 100%;
	max-width: 660px;
	margin: 0 auto 2em;
	color: #fff;
	background: #69c2b5;
}

#visit .content .exa th {
	width: 1px;
	padding: 0 3em;
	text-align: center;
	font-size: 15px;
	border-right: 1px solid #fff;
	white-space: nowrap;
}

#visit .content .exa td {
	padding: 0.6em 1.8em;
	text-align: left;
	font-size: 14px;
}

#visit .content .btn {
	padding: 0.5em 0 0;
}

#visit .content .btn a {
	display: inline-block;
	padding: 0.7em 2.5em;
	text-decoration: none;
	font-size: 20px;
	color: #fff;
	background: #008084;
	border-radius: 0.2em;
}

@media (max-width: 767px) {
	#visit {
		padding: 3% 0 10%;
	}

	#visit .content {
		padding: 5vw 3%;
	}

	#visit .content .tit {
		padding: 0 0 1em;
		font-size: 4.375vw;
	}

	#visit .content .txt {
		padding: 0 0 1em;
		font-size: 4.0625vw;
	}

	#visit .content .target {
		padding: 0.3em 0.5em;
		font-size: 4.0625vw;
	}

	#visit .content .exa th,
	#visit .content .exa td {
		font-size: 4.0625vw;
	}

	#visit .content .exa {
		display: block;
		width: auto;
	}

	#visit .content .exa th {
		display: block;
		width: auto;
		padding: 0.5em 1em;
		border-bottom: 1px solid #fff;
		border-right: none;
	}

	#visit .content .exa td {
		display: block;
		width: auto;
		padding: 0.4em 0.5em;
	}

	#visit .content .btn {
		padding: 4.375vw 0 0;
	}

	#visit .content .btn a {
		display: block;
		font-size: 4.375vw;
	}
}


/* =contact
-------------------------------------------------------------- */
#contact {
	padding: 60px 0 100px;
}

#contact .content {
	max-width: 600px;
	margin: 0 auto;
}

#contact .content .txt {
	text-align: left;
	font-size: 14px;
}

#contact .content .thanks_txt {
	padding: 0 0 1em;
	font-size: 24px;
	color: #008388;
}

#contact .must {
	color: #b9002b;
}

#contact .tbl {
	padding: 1.5em;
	font-size: 14px;
	background: #ddf0ec;
}

#contact .tbl table {
	width: 100%;
}

#contact .tbl th {
	width: 1px;
	padding: 0 1.5em 1.5em 0;
	line-height: 2.3;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

#contact .tbl td {
	padding: 0 0 1.5em;
	text-align: left;
	vertical-align: top;
}

#contact .tbl tr:last-child td {
	padding: 0;
}

#contact .tbl td p {
	padding: 0.4em 0 0;
}

#contact .tbl input[type="text"] {
	width: 253px;
	max-width: 100%;
	padding: 0.4em 0.8em;
	font-size: 14px;
	background: #fff;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
}

#contact .tbl input[type="text"]::-webkit-input-placeholder {
	color: #bfbfbf;
	font-weight: normal;
}

#contact .tbl input[type="text"]:-ms-input-placeholder {
	color: #bfbfbf;
	font-weight: normal;
}

#contact .tbl input[type="text"]::-moz-placeholder {
	color: #bfbfbf;
	font-weight: normal;
}

#contact .tbl textarea {
	width: 100%;
	height: 176px;
	padding: 0.4em 0.8em;
	font-size: 14px;
	background: #fff;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
}

#contact .tbl td .err_wrap {
	display: block;
	font-size: 12px;
	color: #b9002b;
}

#contact .content .btn {
	padding: 4em 0;
}

#contact .content .btn input[type="submit"] {
	display: inline-block;
	width: 240px;
	padding: 0.7em 2.5em;
	text-decoration: none;
	font-size: 20px;
	color: #fff;
	background: #d24b2b;
	border: none;
	border-radius: 0.2em;
}

#contact .content .contact_bottom {
	padding: 1.3em;
	font-size: 14px;
	color: #fff;
	background: #008084;
}

#contact .content .contact_bottom span {
	display: inline-block;
	padding: 0 0 0.8em;
	text-align: left;
}

#contact .content .contact_bottom p {
	font-size: 16px;
}

#contact .content .contact_bottom a {
	font-size: 23px;
	text-decoration: none;
	color: #fff;
}

@media (max-width: 767px) {
	#contact {
		padding: 6% 0 10%;
	}

	#contact .content .txt {
		text-align: left;
		font-size: 4.375vw;
	}

	#contact .content .thanks_txt {
		font-size: 5.3125vw;
	}

	#contact .tbl {
		padding: 3%;
		font-size: 4.375vw;
	}

	#contact .tbl table,
	#contact .tbl tbody,
	#contact .tbl tr {
		display: block;
		width: auto;
	}

	#contact .tbl th {
		display: block;
		width: auto;
		padding: 0;
	}

	#contact .tbl td {
		display: block;
		width: auto;
		padding: 0 0 1em;
	}

	#contact .tbl input[type="text"] {
		width: 86%;
		font-size: 4.375vw;
	}

	#contact .tbl textarea {
		height: 10em;
		font-size: 4.375vw;
	}

	#contact .tbl td .err_wrap {
		font-size: 3.4375vw;
	}

	#contact .content .btn {
		padding: 1.5em 0;
		font-size: 5.625vw;
	}

	#contact .content .btn input[type="submit"] {
		width: auto;
		padding: 0.5em 4em;
		font-size: 5.625vw;
	}

	#contact .content .contact_bottom {
		padding: 4%;
		font-size: 4.375vw;
		color: #fff;
		background: #008084;
	}

	#contact .content .contact_bottom span {
		padding: 0 0 0.8em;
	}

	#contact .content .contact_bottom p {
		font-size: 5vw;
	}

	#contact .content .contact_bottom a {
		font-size: 6.5625vw;
	}
}


/* =top movie 20180514
-------------------------------------------------------------- */
#top_movie {
	position: relative;
	margin: 0 0 80px;
	padding: 17px 0 18px;
	color: #fff;
	background: #fff;
}

#top_movie:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 112px;
	top: 0;
	left: 0;
	background: #106678;
	z-index: 0;
}

#top_movie:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 145px;
	bottom: 0;
	left: 0;
	background: #03a2ba;
	z-index: 0;
}

#top_movie .inner {
	position: relative;
	max-width: 805px;
	z-index: 500;
}

#top_movie .movie_wrap {
	float: right;
	width: 400px;
}

#top_movie .movie_wrap .movie {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}

#top_movie .movie_wrap .movie iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#top_movie .txt {
	margin: 0 415px 0 0;
}

#top_movie .txt .tit {
	margin: 0 0 30px;
	padding: 19px 0 41px;
	font-size: 44px;
	font-weight: 100;
	line-height: 0.8;
	letter-spacing: 0.24em;
}

#top_movie .txt p {
	display: inline-block;
	text-align: left;
	font-size: 18px;
	font-weight: 100;
	line-height: 1.6;
	color: #f6f6f8;
}

@media (max-width: 767px) {
	#top_movie {
		margin: 0 0 10.46875vw;
	}

	#top_movie,
	#top_movie .inner {
		padding: 0;
	}

	#top_movie:before,
	#top_movie:after {
		display: none;
	}

	#top_movie .movie_wrap {
		float: none;
		width: auto;
	}

	#top_movie .txt {
		margin: 0;
	}

	#top_movie .txt .tit {
		margin: 0;
		padding: 6.69711vw 0 7.91476vw;
		font-size: 9.2vw;
		background: #106678;
		border-bottom: 0.9375vw #fff solid;
	}

	#top_movie .txt p {
		display: block;
		padding: 6.69711vw 0 8.98022vw;
		text-align: center;
		line-height: 1.7;
		font-size: 4.3vw;
		background: #03a2ba;
	}

	#top_movie .txt p span {
		display: inline-block;
		text-align: left;
	}


	/*	#top_movie {
		margin: 0 0 10.46875vw;
	}
	#top_movie,
	#top_movie .inner {
		padding: 0;
	}
	#top_movie .movie_wrap {
		float: none;
		width: auto;
	}
	#top_movie .txt {
		float: none;
		width: auto;
		padding: 3.2vw 7% 9vw;
	}
	#top_movie .txt .tit {
		font-size: 9.2vw;
		border-width: 0.9375vw;
	}
	#top_movie .txt p {
		font-size: 4.3vw;
	}