@charset "UTF-8";
.mod_wrap01 {
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1200px;
	width: 100%;
	min-width: 1100px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.mod_wrap01 {
		width: auto;
		min-width: 0;
		padding-left: 16px;
		padding-right: 16px
	}
}
.mod_wrap02 {
	margin: 0 auto;
	padding-left: 28px;
	padding-right: 28px;
	max-width: 1400px;
	width: 100%;
	min-width: 1024px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.mod_wrap02 {
		width: auto;
		min-width: 0;
		padding-left: 16px;
		padding-right: 16px
	}
}
.mod_wrap03 {
	margin: 0 auto;
	padding-left: 28px;
	padding-right: 28px;
	max-width: 1260px;
	width: 100%;
	min-width: 1024px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.mod_wrap03 {
		width: auto;
		min-width: 0;
		padding-left: 30px;
		padding-right: 30px
	}
}
.mod_wrap04 {
	margin: 0 auto;
	padding-left: 12px;
	padding-right: 12px;
	max-width: 1400px;
	width: 100%;
	min-width: 1024px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.mod_wrap04 {
		width: auto;
		min-width: 0;
		padding-left: 20px;
		padding-right: 20px
	}
}
.mod_wrap05 {
	margin: 0 auto;
	padding-left: 88px;
	padding-right: 88px;
	max-width: 1200px;
	width: 100%;
	min-width: 1024px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.mod_wrap05 {
		width: auto;
		min-width: 0;
		padding-left: 20px;
		padding-right: 20px
	}
}
.mod_wrap06 {
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
	max-width: 1084px;
	width: 100%;
	min-width: 1024px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.mod_wrap06 {
		width: auto;
		min-width: 0;
		padding-left: 20px;
		padding-right: 20px
	}
}
.mod_wrap07 {
	margin: 0 auto;
	padding-left: 18px;
	padding-right: 18px;
	max-width: 1260px;
	width: 100%;
	min-width: 1024px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.mod_wrap07 {
		width: auto;
		min-width: 0;
		padding-left: 20px;
		padding-right: 20px
	}
}
.mod_wrap08 {
	margin: 0 auto;
	padding-left: 18px;
	padding-right: 18px;
	max-width: 1220px;
	width: 100%;
	min-width: 1024px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.mod_wrap08 {
		width: auto;
		min-width: 0;
		padding-left: 20px;
		padding-right: 20px
	}
}
@supports (display:flow-root) {
	.clearfix, .mod_header {
		display: flow-root
	}
}
@supports not (position:sticky) {
	.clearfix, .mod_header {
		display: block
	}
	.clearfix:after, .mod_header:after {
		content: "";
		display: block;
		clear: both
	}
}
.ie .clearfix, .ie .mod_header {
	display: block
}
.ie .clearfix:after, .ie .mod_header:after {
	content: "";
	display: block;
	clear: both
}
.vertmiddle:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}
.vertmiddle>* {
	display: inline-block;
	vertical-align: middle
}
.rightarr {
	position: relative
}
.rightarr:after {
	content: "";
	display: block;
	margin: auto 0;
	border-top: 2px solid;
	border-right: 2px solid;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	-webkit-transform: rotate(45deg) skew(8deg, 8deg);
	transform: rotate(45deg) skew(8deg, 8deg);
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s
}
.no-touchevents .rightarr:hover:after {
	-webkit-transform: rotate(45deg) translate(3px, -3px);
	transform: rotate(45deg) translate(3px, -3px)
}
.ph {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
@media print {
	* {
		background-attachment: scroll!important
	}
}
html {
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", Meiryo, Osaka, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	color: #323232;
	opacity: 0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s
}
@media (min-width:641px) {
	html {
		-webkit-font-feature-settings: "palt";
		font-feature-settings: "palt"
	}
}
html.safari {
	-webkit-font-smoothing: antialiased
}
@media (min-width:641px) {
	html.safari {
		-webkit-font-feature-settings: "pkna";
		font-feature-settings: "pkna"
	}
}
html.wf-active {
	opacity: 1
}
body, button, dd, dl, dt, figure, h1, h2, h3, h4, h5, h6, input, li, ol, p, select, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
body {
	position: relative
}
@media (min-width:641px) {
	body {
		padding-top: 100px;
		min-width: 1084px
	}
	body.recruit {
		padding-top: 140px
	}
}
@media screen and (max-width:640px) {
	body {
		padding-top: 50px
	}
	body.recruit.job_sp_bottom {
		padding-bottom: 50px
	}
}
@media print {
	.addPrintMessage body {
		padding-top: 0!important
	}
}
body:before {
	content: url(../../img/print_mess.png);
	margin: 10px;
	width: 0%;
	top: 0;
	display: block;
	z-index: 1000;
	text-align: center;
	position: absolute;
	opacity: 0;
	pointer-events: none
}
@media screen and (max-width:640px) {
	body:before {
		display: none
	}
}
@media print {
	.addPrintMessage body:before {
		width: 100%;
		position: relative!important;
		opacity: 1!important;
		pointer-events: auto!important
	}
}
.preload * {
	-webkit-transition: none!important;
	transition: none!important
}
.touchevents * {
	-webkit-tap-highlight-color: transparent
}
.chrome body {
	image-rendering: -webkit-optimize-contrast
}
article, aside, figcaption, figure, footer, header, main, nav, section {
	display: block
}
img {
	-ms-interpolation-mode: bicubic;
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
hr {
	height: 0;
	overflow: visible;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
b, strong {
	font-weight: inherit;
	font-weight: bolder
}
a {
	outline: 0;
	text-decoration: none;
	color: inherit;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
li {
	list-style: none
}
sub, sup {
	position: relative;
	vertical-align: baseline;
	line-height: 0
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
audio, video {
	display: inline-block
}
summary {
	display: list-item
}
audio:not([controls]) {
	display: none;
	height: 0
}
canvas {
	display: inline-block
}
button, input, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0 0;
	border: none;
	outline: 0;
	font: inherit
}
button, input {
	overflow: visible
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
button:-moz-focusring, input:-moz-focusring {
	outline: 1px dotted ButtonText
}
button, select {
	cursor: pointer;
	text-transform: none
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border: none
}
select::-ms-expand {
	display: none
}
@media screen and (max-width:640px) {
	[data-sc-pc] {
		display: none!important
	}
}
@media (min-width:641px) {
	[data-sc-sp] {
		display: none!important
	}
}
.mod_main {
	overflow: hidden
}
.ph {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}
.device-tablet .mod_main {
	width: calc(100% + 1px)
}
.no-touchevents [data-lf] {
	-webkit-filter: opacity(0);
	filter: opacity(0);
	-webkit-transition: -webkit-filter 1s;
	transition: -webkit-filter 1s;
	transition: filter 1s;
	transition: filter 1s, -webkit-filter 1s
}
.no-touchevents [data-lf][src], .no-touchevents [data-lf][style] {
	-webkit-filter: opacity(1);
	filter: opacity(1)
}
.no-touchevents [data-lf].load_view {
	-webkit-filter: opacity(1);
	filter: opacity(1)
}
.img[data-lf] {
	opacity: 0;
	-webkit-transition: opacity 1.3s;
	transition: opacity 1.3s;
	-webkit-transition-delay: opacity .5s;
	transition-delay: opacity .5s
}
.img[data-lf][style] {
	opacity: 1
}
.img[data-lf].load_view {
	opacity: 1
}
.img[data-lf-area="1"], [data-lf-area="1"] .img {
	opacity: 1
}
.of {
	line-height: 0
}
.of img {
	width: 100%;
	height: 100%
}
.of.cover img {
	-webkit-object-fit: cover;
	-o-object-fit: cover;
	object-fit: cover
}
.ie .of.cover img {
	font-family: "object-fit: cover;"
}
.of.contain img {
	-o-object-fit: contain;
	object-fit: contain
}
.ie .of.contain img {
	font-family: "object-fit: contain;"
}
.ofi {
	width: 100%;
	height: 100%
}
.ofi.cover {
	-o-object-fit: cover;
	object-fit: cover
}
.ie .ofi.cover {
	font-family: "object-fit: cover;"
}
.ofi.contain {
	-o-object-fit: contain;
	object-fit: contain
}
.ie .ofi.contain {
	font-family: "object-fit: contain;"
}
.hidePrintMessageArea {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	pointer-events: none;
	opacity: 0
}
@media (min-width:641px) {
	@supports (display: flow-root) {
		.col_base.col_1 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.col_base.col_1 {
			display: block
		}
		.col_base.col_1:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .col_base.col_1 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .col_base.col_1:after {
		content: "";
		display: block;
		clear: both
	}
	.col_base.col_1>* {
		margin: 0;
		width: calc(100% / 1 - 0px);
		float: left
	}
	.ie .col_base.col_1>* {
		width: calc(calc(100% - 1px)/ 1 - 0px)
	}
	.ie .col_base.col_1>:first-child {
		margin-left: -1px
	}
	.col_base.col_1>:nth-child(1n+1) {
		margin-left: 0
	}
	.col_base.col_1>:nth-child(-n+1) {
		margin-top: 0
	}
}
@media (min-width:641px) {
	@supports (display: flow-root) {
		.col_base.col_2 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.col_base.col_2 {
			display: block
		}
		.col_base.col_2:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .col_base.col_2 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .col_base.col_2:after {
		content: "";
		display: block;
		clear: both
	}
	.col_base.col_2>* {
		margin: 0;
		width: calc(100% / 2 - 0px);
		float: left
	}
	.ie .col_base.col_2>* {
		width: calc(calc(100% - 1px)/ 2 - 0px)
	}
	.ie .col_base.col_2>:first-child {
		margin-left: -1px
	}
	.col_base.col_2>:nth-child(odd) {
		margin-left: 0
	}
	.col_base.col_2>:nth-child(-n+2) {
		margin-top: 0
	}
}
@media (min-width:641px) {
	@supports (display: flow-root) {
		.col_base.col_3 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.col_base.col_3 {
			display: block
		}
		.col_base.col_3:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .col_base.col_3 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .col_base.col_3:after {
		content: "";
		display: block;
		clear: both
	}
	.col_base.col_3>* {
		margin: 0;
		width: calc(100% / 3 - 0px);
		float: left
	}
	.ie .col_base.col_3>* {
		width: calc(calc(100% - 1px)/ 3 - 0px)
	}
	.ie .col_base.col_3>:first-child {
		margin-left: -1px
	}
	.col_base.col_3>:nth-child(3n+1) {
		margin-left: 0
	}
	.col_base.col_3>:nth-child(-n+3) {
		margin-top: 0
	}
}
@media (min-width:641px) {
	@supports (display: flow-root) {
		.col_base.col_4 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.col_base.col_4 {
			display: block
		}
		.col_base.col_4:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .col_base.col_4 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .col_base.col_4:after {
		content: "";
		display: block;
		clear: both
	}
	.col_base.col_4>* {
		margin: 0;
		width: calc(100% / 4 - 0px);
		float: left
	}
	.ie .col_base.col_4>* {
		width: calc(calc(100% - 1px)/ 4 - 0px)
	}
	.ie .col_base.col_4>:first-child {
		margin-left: -1px
	}
	.col_base.col_4>:nth-child(4n+1) {
		margin-left: 0
	}
	.col_base.col_4>:nth-child(-n+4) {
		margin-top: 0
	}
}
@media (min-width:641px) {
	@supports (display: flow-root) {
		.col_base.col_5 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.col_base.col_5 {
			display: block
		}
		.col_base.col_5:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .col_base.col_5 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .col_base.col_5:after {
		content: "";
		display: block;
		clear: both
	}
	.col_base.col_5>* {
		margin: 0;
		width: calc(100% / 5 - 0px);
		float: left
	}
	.ie .col_base.col_5>* {
		width: calc(calc(100% - 1px)/ 5 - 0px)
	}
	.ie .col_base.col_5>:first-child {
		margin-left: -1px
	}
	.col_base.col_5>:nth-child(5n+1) {
		margin-left: 0
	}
	.col_base.col_5>:nth-child(-n+5) {
		margin-top: 0
	}
}
.mod_btn01 {
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	border-radius: 3px;
	padding: 10px 10px 10px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.5rem;
	letter-spacing: .05em;
	-webkit-transition: background .5s, color .5s, opacity .5s;
	transition: background .5s, color .5s, opacity .5s;
	position: relative;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media (min-width:641px) {
	.mod_btn01 {
		min-width: 210px
	}
}
@media screen and (max-width:640px) {
	.mod_btn01 {
		padding: 6px 10px 6px 20px;
		font-size: 1.1rem;
		letter-spacing: .1em;
		line-height: 1;
		min-width: 112px
	}
}
.mod_btn01 span {
	vertical-align: middle
}
.mod_btn01.tpw {
	background-color: #fff;
	color: #323232
}
.mod_btn01.tpg {
	background-color: #009d95;
	color: #fff
}
.mod_btn01.tpg.tp_arr i {
	border-color: #fff
}
.mod_btn01.tpg.tp_arr i:before {
	background-color: #fff
}
.mod_btn01.tpg.tp_arr i:after {
	border-top-color: #fff;
	border-right-color: #fff
}
.tp_arr i {
	display: inline-block;
	margin: 0 10px 0 -10px;
	border-radius: 50%;
	border: 2px solid #009d95;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@media screen and (max-width:640px) {
	.tp_arr i {
		width: 12px;
		height: 12px
	}
}
.tp_arr i:after, .tp_arr i:before {
	content: "";
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.tp_arr i:before {
	width: 8px;
	height: 2px;
	background-color: #009d95;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}
@media screen and (max-width:640px) {
	.tp_arr i:before {
		width: 8px
	}
}
.tp_arr i:after {
	border-top: 2px solid #009d95;
	border-right: 2px solid #009d95;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}
@media screen and (max-width:640px) {
	.tp_arr i:after {
		width: 4px;
		height: 4px
	}
}
.no-touchevents .tp_arr:hover i:before {
	width: 10px
}
.no-touchevents .tp_arr:hover i:after {
	-webkit-transform: translate(3px, 0) rotate(45deg);
	transform: translate(3px, 0) rotate(45deg)
}
.tp_arr.t i {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.tp_arr.b i {
	-webkit-transform: rotate(-270deg);
	transform: rotate(-270deg)
}
.tp_arr.l i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.tp_ext {
	position: relative
}
.tp_ext i {
	display: inline-block;
	width: 14px;
	height: 11px;
	vertical-align: middle;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -5px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@media screen and (max-width:640px) {
	.tp_ext i {
		width: 14px;
		height: 11px
	}
}
.tp_ext i .ico {
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 11px;
	fill: #fff
}
.no-touchevents .tp_ext:hover i .ico {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}
.tp_ext.tpw i .ico {
	fill: #05a57f
}
@media print {
	.addPrintMessage .mod_header {
		top: 150px!important
	}
}
@media (min-width:641px) {
	.nav_min .mod_header {
		height: 60px
	}
	.nav_min .mod_header .logo_name a {
		padding-top: 12px
	}
	.nav_min .mod_header .nav_wrap>ul>li>a, .nav_min .mod_header .nav_wrap>ul>li>dl>dt>a {
		padding: 12px 16px
	}
}
@media (min-width:641px) and (max-width:1140px) {
	.nav_min .mod_header .nav_wrap>ul>li>a, .nav_min .mod_header .nav_wrap>ul>li>dl>dt>a {
		padding: 12px 10px
	}
}
@media (min-width:641px) {
	.nav_min .mod_header .nav_wrap>ul>li.recruit {
		margin-top: 10px
	}
}
@media (min-width:641px) {
	.recruit .mod_header {
		height: 140px
	}
	.recruit .mod_header .nav_wrap>ul {
		letter-spacing: 0;
		font-size: 0;
		white-space: nowrap
	}
	.recruit .mod_header .nav_wrap>ul>li.recruit {
		-webkit-transition: .5s;
		transition: .5s
	}
	.recruit .mod_header .nav_wrap>ul>li>a, .recruit .mod_header .nav_wrap>ul>li>dl>dt>a {
		padding: 0 32px
	}
}
@media (min-width:641px) and (max-width:1400px) {
	.recruit .mod_header .nav_wrap>ul>li>a, .recruit .mod_header .nav_wrap>ul>li>dl>dt>a {
		padding: 0 16px
	}
}
@media (min-width:641px) {
	.recruit.nav_min .mod_header {
		height: 100px
	}
	.recruit.nav_min .mod_header .logo_name a {
		padding-top: 12px;
		padding-bottom: 10px
	}
	.recruit.nav_min .mod_header .nav_wrap>ul>li.recruit {
		margin-top: 12px
	}
}
@media screen and (max-width:640px) {
	.mod_header .link_btn.fix, .mod_header .logo_name {
		position: absolute;
		-webkit-transition: -webkit-transform 1s;
		transition: -webkit-transform 1s;
		transition: transform 1s;
		transition: transform 1s, -webkit-transform 1s
	}
	.nav_fix .mod_header .link_btn.fix, .nav_fix .mod_header .logo_name {
		position: fixed;
		top: -50px
	}
	.nav_fix.nav_open .mod_header .link_btn.fix, .nav_fix.nav_open .mod_header .logo_name {
		-webkit-transform: translateY(50px);
		transform: translateY(50px)
	}
}
@media screen and (max-width:640px) {
	.mod_header .nav_wrap {
		left: 100%;
		-webkit-transition: -webkit-transform 1s;
		transition: -webkit-transform 1s;
		transition: transform 1s;
		transition: transform 1s, -webkit-transform 1s
	}
	.nav_open .mod_header .nav_wrap {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}
.mod_header .link_btn, .mod_header .nav_wrap>ul>li dd li a, .mod_header .nav_wrap>ul>li dt, .mod_header .nav_wrap>ul>li:not(.recruit)>a {
	font-size: 1.5rem;
	line-height: 2.5;
	letter-spacing: .14em;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media (min-width:641px) {
	.mod_header .link_btn, .mod_header .nav_wrap>ul>li dd li a, .mod_header .nav_wrap>ul>li dt, .mod_header .nav_wrap>ul>li:not(.recruit)>a {
		text-align: center
	}
}
@media screen and (max-width:640px) {
	.mod_header .link_btn, .mod_header .nav_wrap>ul>li dd li a, .mod_header .nav_wrap>ul>li dt, .mod_header .nav_wrap>ul>li:not(.recruit)>a {
		font-size: 1.2rem;
		line-height: 2.4;
		font-weight: 700
	}
}
@media (min-width:641px) {
	.mod_header {
		width: 100%;
		padding: 0 30px;
		min-width: 1024px;
		height: 100px;
		position: fixed;
		top: 0;
		left: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #fff;
		z-index: 100;
		-webkit-transition: height .5s;
		transition: height .5s
	}
	.mod_header:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color: #fff;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10
	}
}
@media print {
	.mod_header {
		position: absolute!important
	}
}
.mod_header .logo_name {
	z-index: 5001
}
@media (min-width:641px) {
	.mod_header .logo_name {
		float: left;
		position: relative
	}
	.recruit .mod_header .logo_name {
		text-align: center;
		float: none
	}
}
@media screen and (max-width:640px) {
	.mod_header .logo_name {
		height: 50px;
		background-color: #fff;
		width: 100%;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
		box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
		top: 0;
		left: 0
	}
}
.mod_header .logo_name a {
	padding: 30px 0 20px;
	display: inline-block;
	-webkit-transition: padding .5s;
	transition: padding .5s
}
.mod_header .logo_name a>span {
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
	position: relative
}
.mod_header .logo_name a>span>svg {
	opacity: 0;
	position: absolute;
	pointer-events: none
}
.mod_header .logo_name a>span>canvas {
	position: static;
	width: 39px;
	height: 29px;
	opacity: .8;
	-webkit-animation: none!important;
	animation: none!important
}
.mod_header .logo_name a>img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px
}
@media screen and (max-width:640px) {
	.mod_header .logo_name a {
		padding: 14px 8px 7px;
		line-height: 1
	}
	.mod_header .logo_name a img {
		width: auto;
		height: 17px
	}
}
.mod_header .link_btn {
	display: block;
	border-radius: 3px;
	color: #fff;
	width: 112px;
	background-color: #009d95;
	-webkit-transition: background .5s;
	transition: background .5s
}
.no-touchevents .mod_header .link_btn:hover {
	background-color: #0da867
}
@media screen and (max-width:640px) {
	.mod_header .link_btn.fix {
		margin-top: 11px;
		width: 80px;
		position: absolute;
		top: 0;
		right: 60px;
		text-align: center;
		z-index: 5002
	}
}
@media (min-width:641px) {
	.mod_header .nav_wrap {
		margin: 0;
		float: right
	}
	.recruit .mod_header .nav_wrap {
		float: none;
		text-align: center;
		min-width: 1024px
	}
}
@media screen and (max-width:640px) {
	.mod_header .nav_wrap {
		width: 100%;
		position: fixed;
		top: 50px;
		z-index: 5000;
		max-height: 100vh;
		overflow-y: scroll
	}
}
@media screen and (max-width:640px) {
	.mod_header .nav_wrap>ul {
		padding-bottom: 50px;
		text-align: left
	}
	.recruit .mod_header .nav_wrap>ul:first-child {
		display: none
	}
	.mod_header .nav_wrap>ul li {
		background-color: #f1f1f1
	}
	.mod_header .nav_wrap>ul li dt, .mod_header .nav_wrap>ul li:not(.recruit)>a {
		padding: 10px 16px;
		display: block;
		position: relative
	}
	.mod_header .nav_wrap>ul li:not(.recruit)>a:after {
		content: "";
		display: block;
		margin: auto 0;
		border-top: 2px solid #009d95;
		border-right: 2px solid #009d95;
		width: 6px;
		height: 6px;
		-webkit-transform: rotate(45deg) translate(-2px, 2px);
		transform: rotate(45deg) translate(-2px, 2px);
		position: absolute;
		top: 0;
		bottom: 0
	}
}
@media (min-width:641px) {
	.mod_header .nav_wrap>ul>li {
		display: inline-block;
		vertical-align: top
	}
	.mod_header .nav_wrap>ul>li.recruit {
		margin: 30px 0 0 10px;
		-webkit-transition: margin .5s;
		transition: margin .5s
	}
	.mod_header .nav_wrap>ul>li.recruit a {
		padding: 0
	}
	.recruit .mod_header .nav_wrap>ul>li.recruit {
		position: absolute;
		top: 0;
		right: 30px;
		z-index: 5002
	}
	.mod_header .nav_wrap>ul>li.sidebnr {
		position: fixed;
		right: 0;
		top: 360px;
		width: 110px;
		height: 130px;
		background-color: rgba(255, 194, 87, .95);
		-webkit-transition: .3s;
		transition: .3s;
		border-radius: 4px 0 0 4px
	}
	.no-touchevents .mod_header .nav_wrap>ul>li.sidebnr:hover {
		background-color: rgba(255, 194, 87, .6)
	}
	.no-touchevents .mod_header .nav_wrap>ul>li.sidebnr:hover a {
		color: #323232!important
	}
	.no-touchevents .mod_header .nav_wrap>ul>li.sidebnr:hover a i:before {
		-webkit-animation: mvArrowIB 2s ease-in-out 0s infinite;
		animation: mvArrowIB 2s ease-in-out 0s infinite
	}
	.no-touchevents .mod_header .nav_wrap>ul>li.sidebnr:hover a i:after {
		-webkit-animation: mvArrowI 2s ease-in-out 0s infinite;
		animation: mvArrowI 2s ease-in-out 0s infinite
	}
	.mod_header .nav_wrap>ul>li.sidebnr a {
		padding: 18px 16px!important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.42
	}
	.safari .mod_header .nav_wrap>ul>li.sidebnr a {
		letter-spacing: .05em
	}
	.mod_header .nav_wrap>ul>li.sidebnr a>span {
		display: block;
		font-family: proxima-nova, sans-serif;
		font-weight: 700;
		font-size: 2rem;
		line-height: 1;
		letter-spacing: .05em;
		color: #fff;
		margin-bottom: 10px
	}
	.mod_header .nav_wrap>ul>li.sidebnr a>i {
		margin-top: 20px;
		width: 70px
	}
	.mod_header .nav_wrap>ul>li.sidebnr a>i:after, .mod_header .nav_wrap>ul>li.sidebnr a>i:before {
		background-color: #fff
	}
	.mod_header .nav_wrap>ul>li a {
		display: block;
		padding: 32px 16px;
		position: relative;
		z-index: 10
	}
}
@media (min-width:641px) and (min-width:641px) {
	.mod_header .nav_wrap>ul>li.in_links.open dd {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto
	}
	.recruit .mod_header .nav_wrap>ul>li.in_links.open dd {
		display: none
	}
}
@media (max-width:1140px) {
	.mod_header .nav_wrap>ul>li a {
		padding: 32px 10px
	}
	.mod_header .nav_wrap>ul>li dt, .mod_header .nav_wrap>ul>li:not(.recruit)>a {
		font-size: 1.3rem
	}
}
@media screen and (max-width:640px) {
	.mod_header .nav_wrap>ul>li {
		border-bottom: 1px solid #cbcbcb
	}
	.mod_header .nav_wrap>ul>li.in_links dt {
		position: relative;
		z-index: 10
	}
	.mod_header .nav_wrap>ul>li.in_links dt:after, .mod_header .nav_wrap>ul>li.in_links dt:before {
		content: "";
		display: block;
		margin: auto 0;
		background-color: #009d95;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 16px
	}
	.mod_header .nav_wrap>ul>li.in_links dt:before {
		width: 10px;
		height: 2px
	}
	.mod_header .nav_wrap>ul>li.in_links dt:after {
		border: 0;
		width: 2px;
		height: 10px;
		-webkit-transform: translate(-4px, 0);
		transform: translate(-4px, 0);
		-webkit-transition: opacity .5s, -webkit-transform .5s;
		transition: opacity .5s, -webkit-transform .5s;
		transition: transform .5s, opacity .5s;
		transition: transform .5s, opacity .5s, -webkit-transform .5s
	}
	.mod_header .nav_wrap>ul>li.in_links dt a {
		pointer-events: none
	}
	.mod_header .nav_wrap>ul>li.in_links.open dt:after {
		opacity: 0;
		-webkit-transform: translate(-4px, 8px);
		transform: translate(-4px, 8px)
	}
	.mod_header .nav_wrap>ul>li.recruit {
		padding: 20px 0;
		text-align: center
	}
	.mod_header .nav_wrap>ul>li.recruit a {
		display: inline-block;
		width: 160px;
		font-size: 1.3rem
	}
}
@media screen and (max-width:640px) {
	.mod_header .nav_wrap>ul>li dt, .mod_header .nav_wrap>ul>li:not(.recruit)>a {
		display: block;
		background-color: #e2e2e2
	}
	.mod_header .nav_wrap>ul>li dt:after, .mod_header .nav_wrap>ul>li:not(.recruit)>a:after {
		right: 16px
	}
}
.mod_header .nav_wrap>ul>li:not(.recruit) dt a, .mod_header .nav_wrap>ul>li:not(.recruit)>a {
	-webkit-transition: color .5s, padding .5s;
	transition: color .5s, padding .5s
}
.mod_header .nav_wrap>ul>li:not(.recruit) dt a.nowpage, .mod_header .nav_wrap>ul>li:not(.recruit)>a.nowpage, .no-touchevents .mod_header .nav_wrap>ul>li:not(.recruit) dt a:hover, .no-touchevents .mod_header .nav_wrap>ul>li:not(.recruit)>a:hover {
	color: #009d95
}
@media screen and (max-width:640px) {
	.recruit .mod_header .nav_wrap>ul>li.sidebnr>a {
		background-color: #ffc257
	}
	.recruit .mod_header .nav_wrap>ul>li.sidebnr>a>span {
		font-family: proxima-nova, sans-serif;
		font-weight: 500;
		font-size: 1.3rem;
		letter-spacing: .05em;
		color: #fff;
		padding-right: 1em
	}
	.recruit .mod_header .nav_wrap>ul>li.sidebnr>a>span .txt01 {
		width: auto;
		height: 12px
	}
	.recruit .mod_header .nav_wrap>ul>li.sidebnr>a:after {
		content: none
	}
	.recruit .mod_header .nav_wrap>ul>li.sidebnr>a>i {
		display: inline-block;
		margin: 0;
		width: 16px;
		height: 16px;
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -8px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}
	.recruit .mod_header .nav_wrap>ul>li.sidebnr>a>i:after, .recruit .mod_header .nav_wrap>ul>li.sidebnr>a>i:before {
		content: "";
		display: block;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}
	.recruit .mod_header .nav_wrap>ul>li.sidebnr>a>i:before {
		width: 12px;
		height: 2px;
		background-color: #fff;
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	.recruit .mod_header .nav_wrap>ul>li.sidebnr>a>i:after {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		width: 6px;
		height: 6px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s;
		background-color: transparent
	}
	.no-touchevents .recruit .mod_header .nav_wrap>ul>li.sidebnr>a:hover i:before {
		width: 10px
	}
	.no-touchevents .recruit .mod_header .nav_wrap>ul>li.sidebnr>a:hover i:after {
		-webkit-transform: translate(3px, 0) rotate(45deg);
		transform: translate(3px, 0) rotate(45deg)
	}
}
@media (min-width:641px) {
	.mod_header .nav_wrap>ul>li dd {
		padding: 24px 0;
		width: 100%;
		background-color: #f2f2f2;
		position: absolute;
		top: 100%;
		left: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: opacity .8s, -webkit-transform .8s;
		transition: opacity .8s, -webkit-transform .8s;
		transition: transform .8s, opacity .8s;
		transition: transform .8s, opacity .8s, -webkit-transform .8s;
		opacity: 0;
		pointer-events: none
	}
	.mod_header .nav_wrap>ul>li dd .sub_ttl {
		margin: 0 auto 10px;
		max-width: 1046px;
		font-size: 2.2rem;
		letter-spacing: .11em;
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 500
	}
	.mod_header .nav_wrap>ul>li dd .sub_ttl.max_w752 {
		max-width: 752px
	}
	.mod_header .nav_wrap>ul>li dd .sub_ttl span {
		margin-left: 10px;
		color: #009d95;
		font-family: proxima-nova, sans-serif;
		font-weight: 400;
		font-size: 1.4rem
	}
}
@media screen and (max-width:640px) {
	.mod_header .nav_wrap>ul>li dd {
		border-top: 1px solid #cbcbcb;
		display: none
	}
}
@media (min-width:641px) {
	.mod_header .nav_wrap>ul>li dd ul {
		max-width: 1046px;
		margin: 0 auto
	}
}
@media (min-width:641px) and (min-width:641px) {
	@supports (display: flow-root) {
		.mod_header .nav_wrap>ul>li dd ul.col_1 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.mod_header .nav_wrap>ul>li dd ul.col_1 {
			display: block
		}
		.mod_header .nav_wrap>ul>li dd ul.col_1:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_1 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_1:after {
		content: "";
		display: block;
		clear: both
	}
	.mod_header .nav_wrap>ul>li dd ul.col_1>* {
		margin: 24px 0 0 24px;
		width: calc(100% / 1 - 0px);
		float: left
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_1>* {
		width: calc(calc(100% - 1px)/ 1 - 0px)
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_1>:first-child {
		margin-left: -1px
	}
	.mod_header .nav_wrap>ul>li dd ul.col_1>:nth-child(1n+1) {
		margin-left: 0
	}
	.mod_header .nav_wrap>ul>li dd ul.col_1>:nth-child(-n+1) {
		margin-top: 0
	}
}
@media (min-width:641px) and (min-width:641px) {
	@supports (display: flow-root) {
		.mod_header .nav_wrap>ul>li dd ul.col_2 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.mod_header .nav_wrap>ul>li dd ul.col_2 {
			display: block
		}
		.mod_header .nav_wrap>ul>li dd ul.col_2:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_2 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_2:after {
		content: "";
		display: block;
		clear: both
	}
	.mod_header .nav_wrap>ul>li dd ul.col_2>* {
		margin: 24px 0 0 24px;
		width: calc(100% / 2 - 12px);
		float: left
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_2>* {
		width: calc(calc(100% - 1px)/ 2 - 12px)
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_2>:first-child {
		margin-left: -1px
	}
	.mod_header .nav_wrap>ul>li dd ul.col_2>:nth-child(odd) {
		margin-left: 0
	}
	.mod_header .nav_wrap>ul>li dd ul.col_2>:nth-child(-n+2) {
		margin-top: 0
	}
}
@media (min-width:641px) and (min-width:641px) {
	@supports (display: flow-root) {
		.mod_header .nav_wrap>ul>li dd ul.col_3 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.mod_header .nav_wrap>ul>li dd ul.col_3 {
			display: block
		}
		.mod_header .nav_wrap>ul>li dd ul.col_3:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_3 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_3:after {
		content: "";
		display: block;
		clear: both
	}
	.mod_header .nav_wrap>ul>li dd ul.col_3>* {
		margin: 24px 0 0 24px;
		width: calc(100% / 3 - 16px);
		float: left
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_3>* {
		width: calc(calc(100% - 1px)/ 3 - 16px)
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_3>:first-child {
		margin-left: -1px
	}
	.mod_header .nav_wrap>ul>li dd ul.col_3>:nth-child(3n+1) {
		margin-left: 0
	}
	.mod_header .nav_wrap>ul>li dd ul.col_3>:nth-child(-n+3) {
		margin-top: 0
	}
}
@media (min-width:641px) and (min-width:641px) {
	@supports (display: flow-root) {
		.mod_header .nav_wrap>ul>li dd ul.col_4 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.mod_header .nav_wrap>ul>li dd ul.col_4 {
			display: block
		}
		.mod_header .nav_wrap>ul>li dd ul.col_4:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_4 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_4:after {
		content: "";
		display: block;
		clear: both
	}
	.mod_header .nav_wrap>ul>li dd ul.col_4>* {
		margin: 24px 0 0 24px;
		width: calc(100% / 4 - 18px);
		float: left
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_4>* {
		width: calc(calc(100% - 1px)/ 4 - 18px)
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_4>:first-child {
		margin-left: -1px
	}
	.mod_header .nav_wrap>ul>li dd ul.col_4>:nth-child(4n+1) {
		margin-left: 0
	}
	.mod_header .nav_wrap>ul>li dd ul.col_4>:nth-child(-n+4) {
		margin-top: 0
	}
}
@media (min-width:641px) and (min-width:641px) {
	@supports (display: flow-root) {
		.mod_header .nav_wrap>ul>li dd ul.col_5 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.mod_header .nav_wrap>ul>li dd ul.col_5 {
			display: block
		}
		.mod_header .nav_wrap>ul>li dd ul.col_5:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_5 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_5:after {
		content: "";
		display: block;
		clear: both
	}
	.mod_header .nav_wrap>ul>li dd ul.col_5>* {
		margin: 24px 0 0 24px;
		width: calc(100% / 5 - 19.2px);
		float: left
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_5>* {
		width: calc(calc(100% - 1px)/ 5 - 19.2px)
	}
	.ie .mod_header .nav_wrap>ul>li dd ul.col_5>:first-child {
		margin-left: -1px
	}
	.mod_header .nav_wrap>ul>li dd ul.col_5>:nth-child(5n+1) {
		margin-left: 0
	}
	.mod_header .nav_wrap>ul>li dd ul.col_5>:nth-child(-n+5) {
		margin-top: 0
	}
}
@media (min-width:641px) {
	.ie .mod_header .nav_wrap>ul>li dd ul {
		max-width: 1047px
	}
}
@media screen and (max-width:640px) {
	.mod_header .nav_wrap>ul>li dd li {
		margin: 0 16px
	}
	.mod_header .nav_wrap>ul>li dd li+li {
		border-top: 1px solid #e5e5e5
	}
}
.mod_header .nav_wrap>ul>li dd li a {
	display: block
}
@media (min-width:641px) {
	.mod_header .nav_wrap>ul>li dd li a {
		text-align: left;
		padding: 0;
		-webkit-transition: .5s;
		transition: .5s
	}
	.mod_header .nav_wrap>ul>li dd li a.nowpage, .no-touchevents .mod_header .nav_wrap>ul>li dd li a:hover {
		opacity: .7;
		color: #009d95
	}
	.mod_header .nav_wrap>ul>li dd li a:before {
		content: "";
		display: block;
		border-radius: 3px;
		height: 120px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/business/ec_contact/"]:before {
		background-image: url(/common/img/gnav_sub_business_ec_contact.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/business/ec_health/"]:before {
		background-image: url(/common/img/gnav_sub_business_ec_health.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/business/spa/"]:before {
		background-image: url(/common/img/gnav_sub_business_spa.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/policy/"]:before {
		background-image: url(/common/img/gnav_sub_corporate_policy.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/policy/kazuma/"]:before {
		background-image: url(/common/img/gnav_sub_corporate_vision.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/corporate/company/"]:before {
		background-image: url(/common/img/gnav_sub_corporate_company.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/corporate/message/"]:before {
		background-image: url(/common/img/gnav_sub_corporate_message.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/corporate/performance/"]:before {
		background-image: url(/common/img/gnav_sub_corporate_performance.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/csr/moretrees/"]:before {
		background-image: url(/common/img/gnav_sub_csr_moretrees.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/csr/japan-bjf/"]:before {
		background-image: url(/common/img/gnav_sub_csr_japan-bjf.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/csr/"]:before {
		background-image: url(/common/img/gnav_sub_csr_eyemate.jpg)
	}
	.mod_header .nav_wrap>ul>li dd li a[href="/csr/wateraid/"]:before {
		background-image: url(/common/img/gnav_sub_csr_wateraid.jpg)
	}
}
@media screen and (max-width:640px) {
	.mod_header .nav_wrap>ul>li dd li a:after {
		right: 0
	}
}
@media (min-width:641px) {
	.mod_header .nav_wrap>ul>li dd .col_2 {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}
@media (min-width:641px) {
	.mod_header .nav_wrap>ul>li dd .col_2 li {
		width: calc(100% / 2 - 157px)
	}
}
@media (min-width:641px) {
	.mod_header .nav_wrap>ul>li dd .col_2 li:first-child {
		margin-right: 12px
	}
}
@media (min-width:641px) {
	.mod_header .nav_wrap>ul>li dd .col_2 li:nth-child(2) {
		margin-left: 12px
	}
}
.mod_spNav_btn {
	display: block;
	position: fixed;
	border: 1px solid transparent;
	padding: 24px 24px;
	top: 0;
	right: 0;
	z-index: 6000;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: background 1s, border 1s;
	transition: background 1s, border 1s
}
.mod_spNav_btn span {
	display: block;
	margin: auto;
	border-radius: 2px 2px 2px 2px;
	width: 45%;
	height: 3px;
	position: absolute;
	background-color: #009d95;
	right: 0;
	left: -20%;
	top: 0;
	bottom: 0;
	-webkit-transition: background .3s;
	transition: background .3s
}
.mod_spNav_btn span:after, .mod_spNav_btn span:before {
	content: "";
	border-radius: 2px 2px 2px 2px;
	display: block;
	height: 100%;
	background-color: #009d95;
	-webkit-transition: top .5s, bottom .5s, background, .5s, width .5s, -webkit-transform .5s;
	transition: top .5s, bottom .5s, background, .5s, width .5s, -webkit-transform .5s;
	transition: transform .5s, top .5s, bottom .5s, background, .5s, width .5s;
	transition: transform .5s, top .5s, bottom .5s, background, .5s, width .5s, -webkit-transform .5s;
	position: absolute;
	left: 0
}
.mod_spNav_btn span:before {
	width: 130%;
	top: -10px
}
.mod_spNav_btn span:after {
	width: 65%;
	bottom: -10px
}
.nav_fix .mod_spNav_btn {
	background-color: #fff
}
.nav_open .mod_spNav_btn {
	border: 1px solid transparent
}
.nav_open .mod_spNav_btn span {
	background-color: rgba(255, 255, 255, 0)
}
.nav_open .mod_spNav_btn span:after, .nav_open .mod_spNav_btn span:before {
	top: 0;
	bottom: 0;
	background-color: #009d95
}
.nav_open .mod_spNav_btn span:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.nav_open .mod_spNav_btn span:after {
	width: 130%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.mod_topicpath {
	min-width: 1024px;
	padding: 0 30px;
	background-color: #d8d8d8;
	height: 26px
}
@media screen and (max-width:640px) {
	.mod_topicpath {
		display: block;
		padding: 0 16px;
		min-width: 0
	}
}
.mod_topicpath ul li {
	display: inline-block;
	vertical-align: middle;
	line-height: 2.4
}
.mod_topicpath ul li+li:before {
	content: "";
	display: inline-block;
	margin-top: 3px;
	width: 20px;
	height: 9px;
	background-image: url(/common/img/topicpath_arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 5px 9px
}
.mod_topicpath ul li a {
	font-size: 1.1rem
}
.mod_topicpath ul li:first-child a {
	color: #05a57f
}
.recruit .mod_topicpath {
	background-color: #fff;
	border-top: 1px solid rgba(49, 49, 49, .3)
}
.mod_footer {
	width: 100%;
	background-image: -webkit-gradient(linear, left top, right top, from(#009d95), to(#0da867));
	background-image: linear-gradient(to right, #009d95 0, #0da867 100%)
}
@media screen and (max-width:640px) {
	.mod_footer {
		padding-top: 20px
	}
	.mod_footer ul li a:before {
		margin-right: 2px;
		content: "";
		display: inline-block;
		border-left: 5px solid #ffc257;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		width: 0;
		height: 0
	}
	.recruit.form .mod_footer {
		padding-bottom: 0
	}
}
@media (min-width:641px) {
	.mod_footer .top_nav {
		border-bottom: 1px solid rgba(255, 255, 255, .3);
		position: relative;
		min-width: 1024px;
		padding: 30px;
		text-align: center
	}
}
@media screen and (max-width:640px) {
	.mod_footer .top_nav {
		margin-left: 30px;
		padding-bottom: 16px;
		float: left
	}
}
@media (min-width:641px) {
	.mod_footer .top_nav ul li {
		border-right: 1px solid #fff;
		display: inline-block
	}
	.mod_footer .top_nav ul li:first-child {
		border-left: 1px solid #fff
	}
}
@media screen and (max-width:640px) {
	.mod_footer .top_nav ul li+li a {
		padding-top: 6px
	}
}
.mod_footer .top_nav ul li a {
	display: inline-block;
	font-size: 1.5rem;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	letter-spacing: .13em;
	color: #fff;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}
@media (min-width:641px) {
	.mod_footer .top_nav ul li a {
		padding: 0 22px
	}
}
@media screen and (max-width:640px) {
	.mod_footer .top_nav ul li a {
		padding-bottom: 2px;
		font-size: 1.2rem;
		line-height: 1.6
	}
}
.mod_footer .top_nav ul li a.nowpage, .no-touchevents .mod_footer .top_nav ul li a:hover {
	opacity: .7
}
@media (min-width:641px) {
	.mod_footer .info_nav {
		margin: 0 auto;
		padding: 0 28px;
		width: 100%;
		max-width: 1400px;
		min-width: 1024px;
		position: absolute;
		left: 0;
		right: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}
@media screen and (max-width:640px) {
	.mod_footer .info_nav {
		margin-left: calc(60px + 20%)
	}
}
@media print {
	.mod_footer .info_nav {
		position: relative!important
	}
}
@media (min-width:641px) {
	.mod_footer .info_nav li {
		display: inline-block
	}
	.mod_footer .info_nav li+li {
		margin-left: 30px
	}
}
.mod_footer .info_nav li a {
	display: block;
	color: #fff;
	font-size: 1.2rem;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}
@media (min-width:641px) {
	.mod_footer .info_nav li a {
		line-height: 3.7
	}
}
@media screen and (max-width:640px) {
	.mod_footer .info_nav li a {
		padding-bottom: 6px;
		display: inline-block;
		font-size: 1.1rem;
		line-height: 1.6
	}
}
.mod_footer .info_nav li a.nowpage, .no-touchevents .mod_footer .info_nav li a:hover {
	opacity: .7
}
.mod_footer .copyright {
	color: #fff;
	font-size: 1.2rem
}
@media (min-width:641px) {
	.mod_footer .copyright {
		margin: 0 auto;
		padding: 12px 30px;
		max-width: 1400px;
		min-width: 1024px;
		text-align: right
	}
}
@media screen and (max-width:640px) {
	.mod_footer .copyright {
		border-top: 1px solid rgba(255, 255, 255, .3);
		padding: 8px 0;
		text-align: center;
		font-size: 1rem;
		clear: both
	}
}
.mod_footer .spPullUpLink {
	display: none
}
@media screen and (max-width:640px) {
	.recruit .mod_footer .spPullUpLink {
		display: block;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		-webkit-transition: .4s;
		transition: .4s;
		z-index: 990;
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
	.recruit .mod_footer .spPullUpLink.enable {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	.recruit .mod_footer .spPullUpLink.enable.move {
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
	.recruit .mod_footer .spPullUpLink .entry>a {
		display: block;
		height: 50px;
		padding: 15px 20px;
		position: relative;
		background-color: #ffc257;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 1.3rem;
		font-weight: 700
	}
	.recruit .mod_footer .spPullUpLink .entry>a>span {
		font-family: proxima-nova, sans-serif;
		font-weight: 500;
		font-size: 1.3rem;
		letter-spacing: .05em;
		line-height: 1;
		color: #fff;
		padding-right: 1em
	}
	.recruit .mod_footer .spPullUpLink .entry>a>span .txt01 {
		width: auto;
		height: 12px
	}
	.recruit .mod_footer .spPullUpLink .entry>a:after {
		content: none
	}
	.recruit .mod_footer .spPullUpLink .entry>a>i {
		display: inline-block;
		margin: 0;
		width: 16px;
		height: 16px;
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -8px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}
	.recruit .mod_footer .spPullUpLink .entry>a>i:after, .recruit .mod_footer .spPullUpLink .entry>a>i:before {
		content: "";
		display: block;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}
	.recruit .mod_footer .spPullUpLink .entry>a>i:before {
		width: 12px;
		height: 2px;
		background-color: #fff;
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s
	}
	.recruit .mod_footer .spPullUpLink .entry>a>i:after {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		width: 6px;
		height: 6px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s
	}
	.no-touchevents .recruit .mod_footer .spPullUpLink .entry>a:hover i:before {
		width: 10px
	}
	.no-touchevents .recruit .mod_footer .spPullUpLink .entry>a:hover i:after {
		-webkit-transform: translate(3px, 0) rotate(45deg);
		transform: translate(3px, 0) rotate(45deg)
	}
}
@media screen and (max-width:640px) {
	.recruit.nav_fix .mod_footer .spPullUpLink {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
.local_nav {
	position: relative;
	padding: 70px 0;
	margin: 0 auto;
	display: table;
	max-width: 1420px;
	z-index: 0
}
@media screen and (max-width:640px) {
	.local_nav {
		display: block;
		border-top: 1px solid #d4d4d4;
		padding: 0
	}
}
.local_nav:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: -1;
	display: block;
	width: 100vw;
	margin-left: -50vw;
	background-color: #f5f5f5
}
@media screen and (max-width:640px) {
	.local_nav:before {
		content: none
	}
}
.local_nav>li {
	display: table-cell;
	vertical-align: top;
	width: 234px
}
@media screen and (max-width:640px) {
	.local_nav>li {
		display: block;
		width: 100%;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #d4d4d4
	}
}
.local_nav>li.current a, .no-touchevents .local_nav>li:hover a {
	opacity: .5
}
@media screen and (max-width:640px) {
	.local_nav>li.current, .no-touchevents .local_nav>li:hover {
		background-color: #d4d4d4
	}
	.local_nav>li.current a, .no-touchevents .local_nav>li:hover a {
		opacity: 1;
		background-color: transparent
	}
	.local_nav>li.current a:before, .no-touchevents .local_nav>li:hover a:before {
		border-color: transparent transparent transparent #fff
	}
	.local_nav>li.current a span, .no-touchevents .local_nav>li:hover a span {
		color: #fff
	}
}
.local_nav a {
	margin: 0 10px;
	position: relative;
	display: block;
	height: 230px;
	border-radius: 5px;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}
@media screen and (max-width:640px) {
	.local_nav a {
		height: 45px;
		border-radius: 0;
		margin: 0
	}
	.local_nav a:before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -5px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4.5px 0 4.5px 5px;
		border-color: transparent transparent transparent #05a57f
	}
}
.local_nav a figure {
	position: relative;
	width: 100%;
	max-width: 264px;
	height: 150px;
	margin-bottom: 35px
}
@media screen and (max-width:640px) {
	.local_nav a figure {
		display: none
	}
}
.local_nav a figure:before {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -8px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #05a57f transparent transparent transparent
}
.local_nav a>span {
	font-size: 1.6rem;
	letter-spacing: .15em;
	line-height: 1;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.local_nav a>span {
		font-size: 1.1rem;
		line-height: 1
	}
	.local_nav a>span:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%
	}
}
.local_nav_service {
	background-color: #f1f1f1
}
.local_nav_service .mod_ttl01 {
	padding: 70px 0 0
}
@media screen and (max-width:640px) {
	.local_nav_service .mod_ttl01 {
		padding: 25px 0 0
	}
}
.local_nav_service .service_wrap {
	padding: 40px 0 90px
}
@media screen and (max-width:640px) {
	.local_nav_service .service_wrap {
		padding: 20px 0 30px
	}
}
@media (min-width:641px) {
	@supports (display: flow-root) {
		.local_nav_service .mod_wrap01.col_1 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.local_nav_service .mod_wrap01.col_1 {
			display: block
		}
		.local_nav_service .mod_wrap01.col_1:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .local_nav_service .mod_wrap01.col_1 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .local_nav_service .mod_wrap01.col_1:after {
		content: "";
		display: block;
		clear: both
	}
	.local_nav_service .mod_wrap01.col_1>* {
		margin: 16px 0 0 16px;
		width: calc(100% / 1 - 0px);
		float: left
	}
	.ie .local_nav_service .mod_wrap01.col_1>* {
		width: calc(calc(100% - 1px)/ 1 - 0px)
	}
	.ie .local_nav_service .mod_wrap01.col_1>:first-child {
		margin-left: -1px
	}
	.local_nav_service .mod_wrap01.col_1>:nth-child(1n+1) {
		margin-left: 0
	}
	.local_nav_service .mod_wrap01.col_1>:nth-child(-n+1) {
		margin-top: 0
	}
}
@media (min-width:641px) {
	@supports (display: flow-root) {
		.local_nav_service .mod_wrap01.col_2 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.local_nav_service .mod_wrap01.col_2 {
			display: block
		}
		.local_nav_service .mod_wrap01.col_2:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .local_nav_service .mod_wrap01.col_2 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .local_nav_service .mod_wrap01.col_2:after {
		content: "";
		display: block;
		clear: both
	}
	.local_nav_service .mod_wrap01.col_2>* {
		margin: 16px 0 0 16px;
		width: calc(100% / 2 - 8px);
		float: left
	}
	.ie .local_nav_service .mod_wrap01.col_2>* {
		width: calc(calc(100% - 1px)/ 2 - 8px)
	}
	.ie .local_nav_service .mod_wrap01.col_2>:first-child {
		margin-left: -1px
	}
	.local_nav_service .mod_wrap01.col_2>:nth-child(odd) {
		margin-left: 0
	}
	.local_nav_service .mod_wrap01.col_2>:nth-child(-n+2) {
		margin-top: 0
	}
}
@media (min-width:641px) {
	@supports (display: flow-root) {
		.local_nav_service .mod_wrap01.col_3 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.local_nav_service .mod_wrap01.col_3 {
			display: block
		}
		.local_nav_service .mod_wrap01.col_3:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .local_nav_service .mod_wrap01.col_3 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .local_nav_service .mod_wrap01.col_3:after {
		content: "";
		display: block;
		clear: both
	}
	.local_nav_service .mod_wrap01.col_3>* {
		margin: 16px 0 0 16px;
		width: calc(100% / 3 - 10.6666666667px);
		float: left
	}
	.ie .local_nav_service .mod_wrap01.col_3>* {
		width: calc(calc(100% - 1px)/ 3 - 10.6666666667px)
	}
	.ie .local_nav_service .mod_wrap01.col_3>:first-child {
		margin-left: -1px
	}
	.local_nav_service .mod_wrap01.col_3>:nth-child(3n+1) {
		margin-left: 0
	}
	.local_nav_service .mod_wrap01.col_3>:nth-child(-n+3) {
		margin-top: 0
	}
}
@media (min-width:641px) {
	@supports (display: flow-root) {
		.local_nav_service .mod_wrap01.col_4 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.local_nav_service .mod_wrap01.col_4 {
			display: block
		}
		.local_nav_service .mod_wrap01.col_4:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .local_nav_service .mod_wrap01.col_4 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .local_nav_service .mod_wrap01.col_4:after {
		content: "";
		display: block;
		clear: both
	}
	.local_nav_service .mod_wrap01.col_4>* {
		margin: 16px 0 0 16px;
		width: calc(100% / 4 - 12px);
		float: left
	}
	.ie .local_nav_service .mod_wrap01.col_4>* {
		width: calc(calc(100% - 1px)/ 4 - 12px)
	}
	.ie .local_nav_service .mod_wrap01.col_4>:first-child {
		margin-left: -1px
	}
	.local_nav_service .mod_wrap01.col_4>:nth-child(4n+1) {
		margin-left: 0
	}
	.local_nav_service .mod_wrap01.col_4>:nth-child(-n+4) {
		margin-top: 0
	}
}
@media (min-width:641px) {
	@supports (display: flow-root) {
		.local_nav_service .mod_wrap01.col_5 {
			display:flow-root
		}
	}
	@supports not (display:flow-root) {
		.local_nav_service .mod_wrap01.col_5 {
			display: block
		}
		.local_nav_service .mod_wrap01.col_5:after {
			content: "";
			display: block;
			clear: both
		}
	}
	.ie .local_nav_service .mod_wrap01.col_5 {
		display: block;
		width: calc(100% + 1px)
	}
	.ie .local_nav_service .mod_wrap01.col_5:after {
		content: "";
		display: block;
		clear: both
	}
	.local_nav_service .mod_wrap01.col_5>* {
		margin: 16px 0 0 16px;
		width: calc(100% / 5 - 12.8px);
		float: left
	}
	.ie .local_nav_service .mod_wrap01.col_5>* {
		width: calc(calc(100% - 1px)/ 5 - 12.8px)
	}
	.ie .local_nav_service .mod_wrap01.col_5>:first-child {
		margin-left: -1px
	}
	.local_nav_service .mod_wrap01.col_5>:nth-child(5n+1) {
		margin-left: 0
	}
	.local_nav_service .mod_wrap01.col_5>:nth-child(-n+5) {
		margin-top: 0
	}
}
.local_nav_service .mod_wrap01 li {
	opacity: 0;
	-webkit-transition: .8s cubic-bezier(.645, .02, .355, 1);
	transition: .8s cubic-bezier(.645, .02, .355, 1)
}
.local_nav_service .mod_wrap01 li.active {
	opacity: 1
}
@media screen and (max-width:640px) {
	.local_nav_service .mod_wrap01 li {
		margin: 0 auto;
		max-width: 280px
	}
	.local_nav_service .mod_wrap01 li+li {
		margin-top: 20px
	}
}
.local_nav_service .mod_wrap01 li a {
	display: block;
	border-radius: 5px;
	text-align: center;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}
.local_nav_service .mod_wrap01 li a.current, .no-touchevents .local_nav_service .mod_wrap01 li a:hover {
	opacity: .4
}
.local_nav_service .mod_wrap01 li .ico_box {
	margin: auto;
	border-radius: 50%;
	width: 74px;
	height: 74px;
	background-image: -webkit-gradient(linear, left top, right top, from(#009d95), to(#0da867));
	background-image: linear-gradient(to right, #009d95 0, #0da867 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
@media screen and (max-width:640px) {
	.local_nav_service .mod_wrap01 li .ico_box {
		width: 36px;
		height: 36px;
		top: -15px
	}
}
.local_nav_service .mod_wrap01 li .ico {
	margin: auto;
	width: 50px;
	height: 40px;
	fill: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
@media screen and (max-width:640px) {
	.local_nav_service .mod_wrap01 li .ico {
		width: 25px;
		height: 20px
	}
}
.local_nav_service .mod_wrap01 li .ph {
	width: 100%;
	height: 140px
}
@media screen and (max-width:640px) {
	.local_nav_service .mod_wrap01 li .ph {
		height: 80px
	}
}
.local_nav_service .mod_wrap01 li .txt_box {
	height: 140px
}
@media screen and (max-width:640px) {
	.local_nav_service .mod_wrap01 li .txt_box {
		height: 100px
	}
}
.local_nav_service .mod_wrap01 li .ttl {
	margin-bottom: 6px;
	padding-top: 50px;
	font-size: 1.7rem;
	line-height: 1.5;
	letter-spacing: .1em;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.local_nav_service .mod_wrap01 li .ttl {
		padding-top: 24px;
		font-size: 1.3rem;
		line-height: 1.8;
		margin-bottom: 0
	}
}
.local_nav_service .mod_wrap01 li .txt {
	font-size: 1.2rem;
	line-height: 1.83;
	letter-spacing: .1em
}
@media screen and (max-width:640px) {
	.local_nav_service .mod_wrap01 li .txt {
		line-height: 1.6;
		letter-spacing: .05em
	}
}
.local_nav_recruit {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	gap: 12px 0;
	padding: 70px 0;
	max-width: 1204px;
	width: fit-content;
	margin: 0 auto;
	z-index: 0
}
@media (max-width:1240px) {
	.local_nav_recruit {
		max-width: 1024px
	}
}
@media screen and (max-width:640px) {
	.local_nav_recruit {
		display: block;
		border-top: 1px solid #d4d4d4;
		width: 100%;
		padding: 0
	}
}
.local_nav_recruit:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -50vw;
	right: -50vw;
	z-index: -1;
	display: block;
	margin-left: -50vw;
	margin-right: -50vw;
	background-color: #e4e4e4
}
@media screen and (max-width:640px) {
	.local_nav_recruit:before {
		content: none
	}
}
.local_nav_recruit>li {
	vertical-align: top
}
@media screen and (max-width:640px) {
	.local_nav_recruit>li {
		display: block;
		width: 100%;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #d4d4d4
	}
}
.local_nav_recruit>li.current a:before, .no-touchevents .local_nav_recruit>li:hover a:before {
	background-color: rgba(0, 0, 0, .5)
}
.local_nav_recruit>li.current a>span, .no-touchevents .local_nav_recruit>li:hover a>span {
	opacity: .5
}
@media screen and (max-width:640px) {
	.local_nav_recruit>li.current a>span, .no-touchevents .local_nav_recruit>li:hover a>span {
		opacity: 1
	}
}
@media screen and (max-width:640px) {
	.local_nav_recruit>li.current, .no-touchevents .local_nav_recruit>li:hover {
		background-color: #d4d4d4
	}
	.local_nav_recruit>li.current a, .no-touchevents .local_nav_recruit>li:hover a {
		opacity: 1;
		background-color: transparent
	}
	.local_nav_recruit>li.current a:before, .no-touchevents .local_nav_recruit>li:hover a:before {
		border-color: transparent transparent transparent #fff;
		background-color: transparent
	}
	.local_nav_recruit>li.current a span, .no-touchevents .local_nav_recruit>li:hover a span {
		color: #fff
	}
}
.local_nav_recruit>li:nth-child(3) a>span {
	letter-spacing: 0
}
.local_nav_recruit a {
	margin: 0 6px;
	position: relative;
	display: block;
	width: 160px;
	height: 200px;
	border-radius: 5px;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
	-webkit-transition: opacity .3s, width .3s;
	transition: opacity .3s, width .3s
}
.local_nav_recruit a:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 160px;
	height: 140px;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: background .5s;
	transition: background .5s
}
@media screen and (max-width:640px) {
	.local_nav_recruit a {
		height: 45px;
		width: 100%;
		border-radius: 0;
		margin: 0
	}
	.local_nav_recruit a:before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: auto;
		right: 15px;
		margin-top: -5px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4.5px 0 4.5px 5px;
		border-color: transparent transparent transparent #05a57f
	}
}
.local_nav_recruit a figure {
	position: relative;
	width: 100%;
	max-width: 200px;
	height: 140px;
	margin-bottom: 22px
}
@media screen and (max-width:640px) {
	.local_nav_recruit a figure {
		display: none
	}
}
.local_nav_recruit a>span {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	letter-spacing: .05em;
	line-height: 1;
	-webkit-transition: opacity .5s, font-size .5s;
	transition: opacity .5s, font-size .5s
}
.safari .local_nav_recruit a>span {
	letter-spacing: 0
}
@media screen and (max-width:640px) {
	.local_nav_recruit a>span {
		font-size: 1.1rem;
		line-height: 1
	}
	.local_nav_recruit a>span:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%
	}
}
@media (min-width:641px) and (max-width:1240px) {
	.local_nav_recruit a {
		width: 130px
	}
	.local_nav_recruit a>span {
		font-size: 1.3rem
	}
}
.info_box .detail {
	width: 100%;
	max-width: 904px;
	margin: 0 auto;
	display: table
}
@media screen and (max-width:640px) {
	.info_box .detail {
		display: block;
		width: calc(100% - 40px);
		padding: 25px 0 15px
	}
}
.info_box .detail>dd, .info_box .detail>dt {
	display: table-cell;
	vertical-align: top;
	padding: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.info_box .detail>dd, .info_box .detail>dt {
		display: block;
		padding: 0
	}
}
.info_box .detail>dt {
	width: 140px;
	font-size: 1.4rem;
	letter-spacing: .08em;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.info_box .detail>dt {
		width: 100%;
		font-size: 1.1rem;
		line-height: 1.6;
		margin-bottom: 5px
	}
}
.info_box .detail>dt span {
	padding-bottom: 5px;
	border-bottom: 2px solid #05a57f;
	line-height: 2.2;
}
@media screen and (max-width:640px) {
	.info_box .detail>dt span {
		padding-bottom: 3px;
		border-bottom: 1px solid #05a57f
	}
}
.info_box .detail>dd {
	width: calc(100% - 140px)
}
@media screen and (max-width:640px) {
	.info_box .detail>dd {
		width: 100%
	}
}
.info_box .detail+.detail {
	border-top: 1px solid #e6e6e6
}
.info_box .detail.tp02 {
	display: inline-block;
	vertical-align: top;
	max-width: 460px
}
@media screen and (max-width:640px) {
	.info_box .detail.tp02 {
		padding: 0;
		display: block
	}
}
.info_box .detail.tp02>dd, .info_box .detail.tp02>dt {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px
}
@media screen and (max-width:640px) {
	.info_box .detail.tp02>dd, .info_box .detail.tp02>dt {
		text-align: left;
		padding: 0
	}
}
.info_box .detail.tp02+.detail {
	border-top: none
}
@media screen and (max-width:640px) {
	.info_box .detail.tp02+.detail {
		margin-top: 20px
	}
}
.info_box .detail.tp02>dt {
	width: auto
}
@media screen and (max-width:640px) {
	.info_box .detail.tp02>dt {
		width: 100%;
		margin-bottom: 10px
	}
}
.info_box .detail.tp02>dt span {
	padding-bottom: 5px;
	border-bottom: 2px solid #05a57f
}
@media screen and (max-width:640px) {
	.info_box .detail.tp02>dt span {
		border-bottom: 1px solid #05a57f
	}
}
.info_box .detail.tp02>dd {
	width: auto
}
@media screen and (max-width:640px) {
	.info_box .detail.tp02>dd {
		width: 100%
	}
}
.info_box .in_detail {
	display: inline-block;
	vertical-align: top
}
@media screen and (max-width:640px) {
	.info_box .in_detail {
		display: block
	}
}
.info_box .in_detail>dt {
	font-size: 1.6rem;
	letter-spacing: .08em;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.info_box .in_detail>dt {
		font-size: 1.1rem;
		line-height: 1.7;
		letter-spacing: .05em;
		margin-bottom: 5px
	}
}
.info_box .in_detail>dd {
	font-size: 1.4rem;
	letter-spacing: .08em;
	line-height: 1.92
}
@media screen and (max-width:640px) {
	.info_box .in_detail>dd {
		font-size: 1.2rem;
		letter-spacing: .05em;
		line-height: 1.45
	}
}
.info_box .in_detail>dd>a {
	line-height: 3
}
.info_box .in_detail>dd>.mod_btn01 {
	margin-top: 10px;
	padding: 0;
	min-width: 205px;
	font-size: 1.2rem
}
.info_box .in_detail+.in_detail {
	margin-left: 70px
}
@media screen and (max-width:640px) {
	.info_box .in_detail+.in_detail {
		margin-left: 0;
		margin-top: 40px
	}
}
.info_box .in_detail>li {
	text-align: left;
	font-size: 1.4rem;
	letter-spacing: .08em;
	line-height: 1.78
}
@media screen and (max-width:640px) {
	.info_box .in_detail>li {
		font-size: 1.1rem
	}
}
.mod_ttl01 {
	text-align: center;
	font-family: proxima-nova, sans-serif;
	font-weight: 500;
	font-size: 3.5rem;
	letter-spacing: .15em;
	line-height: .8
}
@media screen and (max-width:640px) {
	.mod_ttl01 {
		font-size: 2.3rem;
		line-height: 1.2
	}
}
.mod_ttl01 span {
	font-size: 1.6rem;
	letter-spacing: .23em;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.mod_ttl01 span {
		font-size: 1.2rem
	}
}
.mod_ttl01.tp01 {
	padding: 60px 0 56px;
	background-color: #fff
}
@media screen and (max-width:640px) {
	.mod_ttl01.tp01 {
		padding: 26px 0 16px
	}
}
.mod_ttl01.tp02 {
	font-size: 3.4rem;
	line-height: 1.2
}
@media screen and (max-width:640px) {
	.mod_ttl01.tp02 {
		font-size: 2.3rem;
		letter-spacing: .15em
	}
}
.mod_ttl01.tp02 span {
	font-size: 1.4rem;
	line-height: 1.75;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.mod_ttl01.tp02 span {
		font-size: 1.2rem;
		letter-spacing: .1em;
		font-weight: 400
	}
}
.mod_ttl01.tp03 {
	font-size: 3rem;
	line-height: 1
}
@media screen and (max-width:640px) {
	.mod_ttl01.tp03 {
		font-size: 2.3rem;
		letter-spacing: .15em
	}
}
.mod_ttl01.tp03 span {
	font-size: 1.4rem;
	line-height: 1.75;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.mod_ttl01.tp03 span {
		font-size: 1.2rem;
		letter-spacing: .1em;
		font-weight: 400
	}
}
.mod_ttl01.tp04 {
	text-align: left;
	font-size: 7rem;
	letter-spacing: .1em;
	line-height: .6
}
@media screen and (max-width:640px) {
	.mod_ttl01.tp04 {
		font-size: 3rem;
		letter-spacing: .1em
	}
}
.mod_ttl01.tp04 span {
	font-size: 2.4rem;
	line-height: 1;
	letter-spacing: .05em;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	display: block;
	margin-top: 30px
}
@media screen and (max-width:640px) {
	.mod_ttl01.tp04 span {
		font-size: 1.2rem;
		letter-spacing: .05em;
		margin-top: 10px
	}
}
.mod_ttl01.tp05 {
	text-align: left;
	font-size: 7rem;
	letter-spacing: .1em;
	line-height: .8
}
@media screen and (max-width:640px) {
	.mod_ttl01.tp05 {
		font-size: 3rem;
		letter-spacing: .1em
	}
}
.mod_ttl01.tp05 span {
	display: block;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	font-size: 2.8rem;
	line-height: 1;
	letter-spacing: .14em;
	margin-top: 35px
}
@media screen and (max-width:640px) {
	.mod_ttl01.tp05 span {
		font-size: 1.3rem;
		letter-spacing: .1em;
		display: block;
		margin-top: 10px
	}
}
.mod_ttl02 {
	text-align: center;
	font-size: 2.4rem;
	letter-spacing: .12em;
	line-height: 1;
	margin-bottom: 40px;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.mod_ttl02 {
		font-size: 1.35rem;
		line-height: .8;
		margin-bottom: 15px
	}
}
.mod_ttl02 span {
	display: block;
	font-family: proxima-nova, sans-serif;
	font-weight: 600;
	font-size: 1.3rem;
	letter-spacing: .12em;
	margin-top: 10px
}
@media screen and (max-width:640px) {
	.mod_ttl02 span {
		font-size: .9rem
	}
}
.mod_ttl03 {
	text-align: left;
	font-family: proxima-nova, sans-serif;
	font-weight: 600;
	font-size: 6rem;
	letter-spacing: .07em;
	color: #fff;
	line-height: 1.1
}
@media screen and (max-width:640px) {
	.mod_ttl03 {
		font-size: 2.3rem;
		letter-spacing: .15em;
		line-height: 1
	}
}
.mod_ttl03 .line01 {
	display: inline-block;
	font-size: 6rem;
	line-height: 1
}
@media screen and (max-width:640px) {
	.mod_ttl03 .line01 {
		font-size: 2.3rem
	}
}
.mod_ttl03 .line02 {
	display: inline-block;
	font-size: 2rem;
	letter-spacing: .15em;
	margin-top: 40px;
	line-height: 1;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.mod_ttl03 .line02 {
		font-size: 1.2rem;
		letter-spacing: .1em;
		margin-top: 12px
	}
}
@media screen and (max-width:640px) {
	.mod_ttl03 .line02 {
		font-size: 1.2rem;
		letter-spacing: .1em;
		margin-top: 12px
	}
}
.mod_ttl03+.txt {
	margin-top: 10px;
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 1.75;
	color: #fff;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
.mod_ttl03+.txt>span {
	display: inline-block
}
@media screen and (max-width:640px) {
	.mod_ttl03+.txt {
		display: none
	}
}
.mod_ttl03.tp01 {
	text-align: center;
	font-family: proxima-nova, sans-serif;
	font-weight: 500;
	font-size: 3.4rem;
	letter-spacing: .15em
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp01 {
		font-size: 2.3rem;
		letter-spacing: .15em;
		line-height: 1.17
	}
}
.mod_ttl03.tp01 span {
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .23em;
	line-height: 1.75;
	display: block;
	margin-top: 1.5rem
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp01 span {
		font-size: 1.2rem;
		letter-spacing: .1em;
		margin-top: .5rem
	}
}
.mod_ttl03.tp02 {
	text-align: center;
	font-family: proxima-nova, sans-serif;
	font-weight: 500;
	font-size: 3.4rem;
	line-height: .8;
	letter-spacing: .15em;
	color: #323232
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp02 {
		font-size: 2.3rem;
		letter-spacing: .15em;
		line-height: 1.17
	}
}
.mod_ttl03.tp02 span {
	font-size: 1.6rem;
	letter-spacing: .23em;
	line-height: 1;
	display: block;
	margin-top: 1.5rem;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp02 span {
		font-size: 1.2rem;
		line-height: 1.75;
		letter-spacing: .1em;
		margin-top: .5rem
	}
}
.mod_ttl03.tp03 {
	text-align: left;
	font-family: proxima-nova, sans-serif;
	font-weight: 500;
	font-size: 6rem;
	line-height: .7;
	letter-spacing: .1em;
	color: #323232
}
.mod_ttl03.tp03.tar {
	text-align: right
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp03 {
		font-size: 3rem;
		letter-spacing: .1em;
		line-height: .8
	}
}
.mod_ttl03.tp03 span {
	font-size: 1.8rem;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1;
	display: block;
	margin-top: 2rem
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp03 span {
		font-size: 1.2rem;
		line-height: 1;
		letter-spacing: .05em;
		margin-top: 1rem
	}
}
.mod_ttl03.tp03+.txt {
	margin-top: 25px;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: .05em;
	line-height: 1.75;
	color: #323232
}
.mod_ttl03.tp03+.txt>span {
	display: inline-block
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp03+.txt {
		margin-top: 15px;
		display: block;
		font-size: 1.2rem;
		letter-spacing: 0;
		line-height: 1.66
	}
}
.mod_ttl03.tp04 {
	text-align: left;
	font-family: proxima-nova, sans-serif;
	font-weight: 500;
	font-size: 4rem;
	line-height: .8;
	letter-spacing: .05em;
	color: #323232;
	white-space: nowrap
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp04 {
		font-size: 2.35rem;
		letter-spacing: .05em;
		line-height: .8
	}
	.mod_ttl03.tp04>.txt01 {
		width: 100%;
		height: 18px
	}
}
.mod_ttl03.tp04 span {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	font-size: 1.8rem;
	letter-spacing: .05em;
	line-height: 1;
	display: block;
	margin-top: 1.5rem
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp04 span {
		display: block;
		font-size: 1.3rem;
		line-height: 1;
		letter-spacing: .05em;
		margin-top: 1rem
	}
}
.mod_ttl03.tp05 {
	text-align: center;
	font-family: proxima-nova, sans-serif;
	font-weight: 500;
	font-size: 7rem;
	line-height: .8;
	letter-spacing: .1em;
	color: #323232
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp05 {
		font-size: 3rem;
		letter-spacing: .1em;
		line-height: .8
	}
	.mod_ttl03.tp05 .txt01 {
		width: auto;
		height: 21px
	}
}
.mod_ttl03.tp05 span {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	font-size: 2.4rem;
	letter-spacing: .05em;
	line-height: 1;
	display: block;
	margin-top: 3rem
}
@media screen and (max-width:640px) {
	.mod_ttl03.tp05 span {
		display: block;
		font-size: 1.2rem;
		line-height: 1;
		letter-spacing: .05em;
		margin-top: 1rem
	}
}
.mod_ttl04 {
	text-align: left;
	font-size: 3.8rem;
	letter-spacing: .14em;
	line-height: 1.2;
	margin-bottom: 70px;
	position: relative;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff
}
@media screen and (max-width:640px) {
	.mod_ttl04 {
		font-size: 1.7rem;
		letter-spacing: .12em;
		line-height: 1;
		margin-bottom: 30px
	}
}
.mod_ttl04:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -30px;
	display: block;
	width: 27px;
	height: 1px;
	background-color: #05a57f
}
@media screen and (max-width:640px) {
	.mod_ttl04:before {
		width: 14px;
		bottom: -15px
	}
}
.mod_ttl04 span {
	display: block
}
.mod_ttl04 .ico {
	position: absolute;
	width: 80px;
	height: 64px;
	fill: #05a57f
}
.lens .mod_ttl04 .ico {
	top: -70px;
	width: 80px;
	height: 64px
}
@media screen and (max-width:640px) {
	.lens .mod_ttl04 .ico {
		width: 50px;
		height: 60px;
		top: -55px
	}
}
.health .mod_ttl04 .ico {
	top: -80px;
	left: -10px;
	width: 76px;
	height: 60px
}
@media screen and (max-width:640px) {
	.health .mod_ttl04 .ico {
		width: 50px;
		height: 60px;
		top: -55px
	}
}
.spa .mod_ttl04 .ico {
	top: -80px;
	left: -10px;
	width: 68px;
	height: 54px
}
@media screen and (max-width:640px) {
	.spa .mod_ttl04 .ico {
		width: 50px;
		height: 60px;
		top: -55px
	}
}
.mod_ttl04~.txt {
	font-size: 2.2rem;
	letter-spacing: .13em;
	line-height: 1.6;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.mod_ttl04~.txt {
		font-size: 1.3rem;
		line-height: 1.53
	}
}
.cont_header {
	width: 100%;
	height: 200px;
	background-image: -webkit-gradient(linear, left top, right top, from(#009d95), to(#0da867));
	background-image: linear-gradient(to right, #009d95 0, #0da867 100%)
}
@media screen and (max-width:640px) {
	.cont_header {
		height: 100px
	}
}
.cont_header>.wrap {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.cont_header.tp01 {
	background-image: none;
	background-color: #fff
}
.cont_header.tp02 {
	background-image: -webkit-gradient(linear, left top, right top, from(#009d95), to(#0da867)), url(/img/recruit/deco_title_moya.png);
	background-image: linear-gradient(to right, #009d95 0, #0da867 100%), url(/img/recruit/deco_title_moya.png);
	background-position: center center, center center;
	background-size: cover, auto 100%;
	background-repeat: no-repeat;
	background-blend-mode: overlay
}
@media screen and (max-width:640px) {
	.cont_header.tp02 {
		background-image: -webkit-gradient(linear, left top, right top, from(#009d95), to(#0da867)), url(/img/recruit/deco_title_moya_sp.png);
		background-image: linear-gradient(to right, #009d95 0, #0da867 100%), url(/img/recruit/deco_title_moya_sp.png)
	}
}
.cont_header.tp03 {
	height: 257px;
	position: relative;
	z-index: 0;
	background-image: none;
	background-color: #fff;
	background-size: cover;
	background-position: center center
}
.cont_header.tp03:before {
	content: "";
	position: absolute;
	z-index: 0;
	display: block;
	width: 100%;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4);
	mix-blend-mode: multiply
}
.cont_header.mv {
	height: 450px;
	position: relative;
	background-position: center center;
	background-size: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 100px
}
@media screen and (max-width:640px) {
	.cont_header.mv {
		height: 225px;
		padding-top: 40px
	}
}
.cont_header.mv .line01 {
	font-size: 6rem;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-transition: opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1);
	transition: opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1);
	transition: clip-path .8s cubic-bezier(0, .18, .355, 1), opacity .8s cubic-bezier(0, .18, .355, 1);
	transition: clip-path .8s cubic-bezier(0, .18, .355, 1), opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1)
}
.ie .cont_header.mv .line01 {
	opacity: 0
}
.cont_header.mv .line01.active {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)!important;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)!important
}
.ie .cont_header.mv .line01.active {
	opacity: 1
}
@media screen and (max-width:640px) {
	.cont_header.mv .line01 {
		font-size: 2.3rem
	}
}
.cont_header.mv .line02 {
	-webkit-clip-path: polygon(0 -20%, 0 -20%, 0 100%, 0 100%);
	clip-path: polygon(0 -20%, 0 -20%, 0 100%, 0 100%);
	-webkit-transition: opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1);
	transition: opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1);
	transition: clip-path .8s cubic-bezier(0, .18, .355, 1), opacity .8s cubic-bezier(0, .18, .355, 1);
	transition: clip-path .8s cubic-bezier(0, .18, .355, 1), opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1)
}
.ie .cont_header.mv .line02 {
	opacity: 0
}
.cont_header.mv .line02.active {
	-webkit-clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0 100%)!important;
	clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0 100%)!important
}
.ie .cont_header.mv .line02.active {
	opacity: 1
}
@media screen and (max-width:640px) {
	.cont_header.mv .line02 {
		font-size: 1.2rem;
		letter-spacing: .1em;
		margin-top: 12px
	}
}
.cont_header.mv .txt>span {
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-transition: opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1);
	transition: opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1);
	transition: clip-path .8s cubic-bezier(0, .18, .355, 1), opacity .8s cubic-bezier(0, .18, .355, 1);
	transition: clip-path .8s cubic-bezier(0, .18, .355, 1), opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1)
}
.ie .cont_header.mv .txt>span {
	opacity: 0
}
.cont_header.mv .txt>span.active {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)!important;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)!important
}
.ie .cont_header.mv .txt>span.active {
	opacity: 1
}
.cont_header.mv>.wrap {
	position: relative;
	z-index: 1;
	top: auto;
	-webkit-transform: none;
	transform: none;
	max-width: 1024px;
	margin: 0 auto
}
@media screen and (max-width:640px) {
	.cont_header.mv>.wrap {
		max-width: calc(100% - 40px)
	}
}
.cont_header.mv.active:after, .cont_header.mv.active:before {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)!important;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)!important
}
.ie .cont_header.mv.active:after, .ie .cont_header.mv.active:before {
	opacity: 1
}
.cont_header.mv:after, .cont_header.mv:before {
	content: "";
	display: block;
	height: 276px;
	width: calc(50% - 30px);
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 60px;
	background-image: -webkit-gradient(linear, left top, right top, from(#0da867), to(#009d95));
	background-image: linear-gradient(to right, #0da867 0, #009d95 100%);
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-transition: opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1);
	transition: opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1);
	transition: clip-path .8s cubic-bezier(0, .18, .355, 1), opacity .8s cubic-bezier(0, .18, .355, 1);
	transition: clip-path .8s cubic-bezier(0, .18, .355, 1), opacity .8s cubic-bezier(0, .18, .355, 1), -webkit-clip-path .8s cubic-bezier(0, .18, .355, 1)
}
.ie .cont_header.mv:after, .ie .cont_header.mv:before {
	opacity: 0
}
@media screen and (max-width:640px) {
	.cont_header.mv:after, .cont_header.mv:before {
		height: 85px;
		width: calc(50% + 45px);
		min-width: 205px;
		top: 20px
	}
}
.cont_header.mv:after {
	z-index: 0;
	border-radius: 0;
	background-image: url(/common/img/title_deco.png);
	width: 1600px;
	height: 276px;
	right: calc(50% - 60px)
}
@media screen and (max-width:640px) {
	.cont_header.mv:after {
		right: auto;
		left: 0;
		background-image: url(/common/img/title_deco_sp.png);
		background-size: auto 100%;
		background-position: left center;
		background-repeat: no-repeat;
		width: 240px;
		height: 85px
	}
}
.cont_header.mv svg {
	position: absolute;
	width: 0;
	height: 0
}
.safari .cont_header.mv svg #deco {
	-webkit-transform: scaleY(1.68);
	transform: scaleY(1.68)
}
.cont_header.mv02 {
	height: 600px;
	margin-bottom: 136px;
	background-image: none;
	background-color: #fff
}
@media screen and (max-width:640px) {
	.cont_header.mv02 {
		height: auto;
		margin-bottom: 75px
	}
}
.cont_header.mv02>.wrap {
	max-width: 1370px;
	padding-left: 70px;
	padding-right: 70px;
	margin: 0 auto;
	padding-top: 200px;
	position: relative;
	top: auto;
	-webkit-transform: none;
	transform: none;
	z-index: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.cont_header.mv02>.wrap {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 60px
	}
}
.cont_header.mv02>.wrap .mod_ttl04:before {
	-webkit-transition: 1s;
	transition: 1s;
	opacity: 0
}
.cont_header.mv02>.wrap .mod_ttl04 .ico {
	-webkit-transition: 1s;
	transition: 1s;
	opacity: 0
}
.cont_header.mv02>.wrap .mod_ttl04 span {
	display: inline-block;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	line-height: 1.6;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	-webkit-transition: opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1);
	transition: opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1);
	transition: clip-path .9s cubic-bezier(.645, .02, .355, 1), opacity .9s cubic-bezier(.645, .02, .355, 1);
	transition: clip-path .9s cubic-bezier(.645, .02, .355, 1), opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1)
}
.ie .cont_header.mv02>.wrap .mod_ttl04 span {
	opacity: 0
}
@media screen and (max-width:640px) {
	.cont_header.mv02>.wrap .mod_ttl04 span {
		line-height: 1.2
	}
}
.cont_header.mv02>.wrap .mod_ttl04 span.active {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
.ie .cont_header.mv02>.wrap .mod_ttl04 span.active {
	opacity: 1
}
.cont_header.mv02>.wrap .mod_ttl04.active:before {
	opacity: 1
}
.cont_header.mv02>.wrap .mod_ttl04.active .ico {
	opacity: 1
}
.cont_header.mv02>.wrap .cat_tit {
	margin-top: 60px;
	text-align: left;
	font-family: proxima-nova, sans-serif;
	font-weight: 500;
	font-size: 11rem;
	line-height: .8;
	letter-spacing: .1em;
	white-space: nowrap
}
@media screen and (max-width:640px) {
	.cont_header.mv02>.wrap .cat_tit {
		font-size: 4rem;
		margin-top: -35px
	}
	.health .cont_header.mv02>.wrap .cat_tit, .spa .cont_header.mv02>.wrap .cat_tit {
		margin-top: -90px
	}
}
.cont_header.mv02>.wrap .cat_tit>span {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 3rem;
	line-height: 1;
	letter-spacing: .1em;
	display: inline-block;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-transition: opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1);
	transition: opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1);
	transition: clip-path .9s cubic-bezier(.645, .02, .355, 1), opacity .9s cubic-bezier(.645, .02, .355, 1);
	transition: clip-path .9s cubic-bezier(.645, .02, .355, 1), opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1)
}
.ie .cont_header.mv02>.wrap .cat_tit>span {
	opacity: 0
}
@media screen and (max-width:640px) {
	.cont_header.mv02>.wrap .cat_tit>span {
		font-size: 1.5rem;
		margin-bottom: 5px
	}
}
.cont_header.mv02>.wrap .cat_tit.active span {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
.ie .cont_header.mv02>.wrap .cat_tit.active span {
	opacity: 1
}
.cont_header.mv02>.wrap .cat_tit2>span {
	margin-top: -6px;
	display: inline-block;
	text-align: left;
	font-family: proxima-nova, sans-serif;
	font-weight: 500;
	font-size: 10rem;
	line-height: 1;
	letter-spacing: .1em;
	white-space: nowrap;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-transition: opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1);
	transition: opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1);
	transition: clip-path .9s cubic-bezier(.645, .02, .355, 1), opacity .9s cubic-bezier(.645, .02, .355, 1);
	transition: clip-path .9s cubic-bezier(.645, .02, .355, 1), opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1)
}
.ie .cont_header.mv02>.wrap .cat_tit2>span {
	opacity: 0
}
@media screen and (max-width:640px) {
	.cont_header.mv02>.wrap .cat_tit2>span {
		font-size: 4rem
	}
}
.cont_header.mv02>.wrap .cat_tit2.active span {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
.ie .cont_header.mv02>.wrap .cat_tit2.active span {
	opacity: 1
}
.cont_header.mv02>.wrap .txt>span {
	display: inline-block;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-transition: opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1);
	transition: opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1);
	transition: clip-path .9s cubic-bezier(.645, .02, .355, 1), opacity .9s cubic-bezier(.645, .02, .355, 1);
	transition: clip-path .9s cubic-bezier(.645, .02, .355, 1), opacity .9s cubic-bezier(.645, .02, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .02, .355, 1)
}
.ie .cont_header.mv02>.wrap .txt>span {
	opacity: 0
}
.cont_header.mv02>.wrap .txt.active span {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
.ie .cont_header.mv02>.wrap .txt.active span {
	opacity: 1
}
.cont_header.mv02>.wrap figure {
	position: absolute;
	top: 0;
	z-index: -1;
	width: calc(100vw - 400px);
	min-width: 1200px;
	max-width: 1600px;
	height: 600px;
	-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}
.ie .cont_header.mv02>.wrap figure {
	opacity: 0
}
.cont_header.mv02>.wrap figure:before {
	content: "";
	display: block;
	background-color: #fff;
	opacity: 1;
	mix-blend-mode: saturation;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	z-index: 1
}
.ie .cont_header.mv02>.wrap figure:before {
	display: none
}
.cont_header.mv02>.wrap figure:after {
	content: "";
	display: block;
	background-color: #fff;
	opacity: .3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	z-index: 1
}
.ie .cont_header.mv02>.wrap figure:after {
	display: none
}
.cont_header.mv02>.wrap figure.active {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	-webkit-transition: opacity .9s cubic-bezier(.645, .045, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .045, .355, 1);
	transition: opacity .9s cubic-bezier(.645, .045, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .045, .355, 1);
	transition: clip-path .9s cubic-bezier(.645, .045, .355, 1), opacity .9s cubic-bezier(.645, .045, .355, 1);
	transition: clip-path .9s cubic-bezier(.645, .045, .355, 1), opacity .9s cubic-bezier(.645, .045, .355, 1), -webkit-clip-path .9s cubic-bezier(.645, .045, .355, 1)
}
.ie .cont_header.mv02>.wrap figure.active {
	opacity: 1
}
.cont_header.mv02>.wrap figure.active:before {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	-webkit-transition: opacity .9s cubic-bezier(.645, .045, .355, 1) .16s, -webkit-clip-path .9s cubic-bezier(.645, .045, .355, 1) .16s;
	transition: opacity .9s cubic-bezier(.645, .045, .355, 1) .16s, -webkit-clip-path .9s cubic-bezier(.645, .045, .355, 1) .16s;
	transition: clip-path .9s cubic-bezier(.645, .045, .355, 1) .16s, opacity .9s cubic-bezier(.645, .045, .355, 1) .16s;
	transition: clip-path .9s cubic-bezier(.645, .045, .355, 1) .16s, opacity .9s cubic-bezier(.645, .045, .355, 1) .16s, -webkit-clip-path .9s cubic-bezier(.645, .045, .355, 1) .16s
}
.ie .cont_header.mv02>.wrap figure.active:before {
	opacity: 1
}
.cont_header.mv02>.wrap figure.active:after {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	-webkit-transition: opacity .9s cubic-bezier(.645, .045, .355, 1) .16s, -webkit-clip-path .9s cubic-bezier(.645, .045, .355, 1) .16s;
	transition: opacity .9s cubic-bezier(.645, .045, .355, 1) .16s, -webkit-clip-path .9s cubic-bezier(.645, .045, .355, 1) .16s;
	transition: clip-path .9s cubic-bezier(.645, .045, .355, 1) .16s, opacity .9s cubic-bezier(.645, .045, .355, 1) .16s;
	transition: clip-path .9s cubic-bezier(.645, .045, .355, 1) .16s, opacity .9s cubic-bezier(.645, .045, .355, 1) .16s, -webkit-clip-path .9s cubic-bezier(.645, .045, .355, 1) .16s
}
.ie .cont_header.mv02>.wrap figure.active:after {
	opacity: 1
}
@media screen and (max-width:640px) {
	.cont_header.mv02>.wrap figure {
		position: relative;
		top: auto;
		width: calc(100vw - 50px);
		min-width: 0;
		height: 0;
		padding-top: 63%
	}
}
.cont_header.mv03 {
	padding-top: 50px;
	min-height: 560px;
	background-image: none;
	background-color: transparent;
	position: relative;
	z-index: 0
}
@media screen and (max-width:640px) {
	.cont_header.mv03 {
		padding-top: 15px
	}
}
.cont_header.mv03>.ph {
	position: absolute;
	z-index: -1;
	top: 80px;
	width: 100%;
	height: 560px
}
@media screen and (max-width:640px) {
	.cont_header.mv03>.ph {
		top: 25px;
		height: 0;
		padding-top: 71.87%
	}
}
.cont_header.mv04 {
	padding-top: 36px;
	min-height: 830px;
	background-image: none;
	background-color: transparent;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:640px) {
	.cont_header.mv04 {
		min-height: 580px
	}
}
.cont_header.mv04>div {
	padding-top: 145px;
	padding-left: 118px;
	min-height: 760px;
	position: relative;
	z-index: 2
}
@media screen and (max-width:640px) {
	.cont_header.mv04>div {
		padding-left: 20px;
		padding-top: 25px;
		min-height: 520px
	}
}
.cont_header.mv04>div:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 18px;
	right: 50%;
	margin-right: calc(50vw - (100vw + 4px));
	z-index: -1;
	display: block;
	border: 4px solid #05a57f
}
@media screen and (max-width:640px) {
	.cont_header.mv04>div:before {
		border-width: 2px;
		right: -2px;
		margin-right: 0
	}
}
.cont_header.mv04 .ph {
	position: absolute;
	z-index: -1;
	top: 60px;
	left: 324px;
	right: 50%;
	margin-right: -50vw;
	height: 640px;
	background-position: center 0
}
@media screen and (max-width:640px) {
	.cont_header.mv04 .ph {
		top: 140px;
		height: 190px;
		left: 60px
	}
}
.cont_header.mv05 {
	padding-top: 560px;
	min-height: 936px;
	background-image: -webkit-gradient(linear, right top, left top, from(#009d95), to(#0da867));
	background-image: linear-gradient(to left, #009d95 0, #0da867 100%);
	background-color: transparent;
	position: relative;
	z-index: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.cont_header.mv05:before {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	width: 100%;
	height: 560px;
	top: 0;
	background-color: rgba(0, 0, 0, .3);
	mix-blend-mode: multiply
}
@media screen and (max-width:640px) {
	.cont_header.mv05:before {
		height: 0;
		padding-top: 71.87%
	}
}
@media screen and (max-width:640px) {
	.cont_header.mv05 {
		padding-top: 105vw;
		min-height: 172vw
	}
}
.cont_header.mv05>.ph {
	position: absolute;
	z-index: -2;
	top: 0;
	width: 100%;
	height: 560px
}
@media screen and (max-width:640px) {
	.cont_header.mv05>.ph {
		top: 0;
		height: 0;
		padding-top: 71.87%
	}
}
[data-moyamoya] {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: 1s;
	transition: 1s;
	position: relative
}
[data-moyamoya].active {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
[data-moyamoya]>svg {
	opacity: 0;
	pointer-events: none
}
[data-moyamoya]>canvas {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: moyamoyaMove 2s cubic-bezier(.42, 0, .58, 1) infinite alternate;
	animation: moyamoyaMove 2s cubic-bezier(.42, 0, .58, 1) infinite alternate
}
@-webkit-keyframes moyamoyaMove {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}
}
@keyframes moyamoyaMove {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}
}
[data-moyamoya2] {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: opacity 1s ease .4s, -webkit-transform 1s ease;
	transition: opacity 1s ease .4s, -webkit-transform 1s ease;
	transition: transform 1s ease, opacity 1s ease .4s;
	transition: transform 1s ease, opacity 1s ease .4s, -webkit-transform 1s ease;
	position: relative
}
[data-moyamoya2].active {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
[data-moyamoya2]>svg {
	opacity: 0;
	pointer-events: none
}
[data-moyamoya2]>canvas {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: moyamoyaMove2 2s cubic-bezier(.42, 0, .58, 1) infinite alternate;
	animation: moyamoyaMove2 2s cubic-bezier(.42, 0, .58, 1) infinite alternate
}
@-webkit-keyframes moyamoyaMove2 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}
}
@keyframes moyamoyaMove2 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}
}
.cmnLayout01 {
	text-align: center;
	min-height: 1088px;
	position: relative
}
@media screen and (max-width:640px) {
	.cmnLayout01 {
		padding-bottom: 30px
	}
}
.no-touchevents.not-safari.not-ie .cmnLayout01 {
	background-attachment: fixed
}
@media screen and (max-width:640px) {
	.cmnLayout01 {
		min-height: 0
	}
}
.cmnLayout01>.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover
}
.no-touchevents.not-safari.not-ie .cmnLayout01>.bg {
	background-attachment: fixed
}
.cmnLayout01>.bg.type01 {
	width: 300%;
	background-position: center bottom;
	background-size: 33.33333% 100%;
	-webkit-animation: cmnLayout01Move 50s linear infinite;
	animation: cmnLayout01Move 50s linear infinite;
	background-attachment: scroll!important
}
@-webkit-keyframes cmnLayout01Move {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	to {
		-webkit-transform: translateX(-33.333333%);
		transform: translateX(-33.333333%)
	}
}
@keyframes cmnLayout01Move {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	to {
		-webkit-transform: translateX(-33.333333%);
		transform: translateX(-33.333333%)
	}
}
@media screen and (max-width:640px) {
	.cmnLayout01>.bg.type01 {
		-webkit-animation: cmnLayout01Move 20s linear infinite;
		animation: cmnLayout01Move 20s linear infinite
	}
}
.cmnLayout01 .row01 {
	padding-top: 90px;
	padding-bottom: 40px;
	position: relative
}
@media screen and (max-width:640px) {
	.cmnLayout01 .row01 {
		padding-top: 25px;
		padding-bottom: 15px
	}
}
.cmnLayout01 .row01 .catch {
	font-size: 2.2rem;
	letter-spacing: .13em;
	line-height: 1.54;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.cmnLayout01 .row01 .catch {
		font-size: 1.3rem;
		letter-spacing: .13em;
		line-height: 1.5
	}
}
.cmnLayout01 .row01 .read {
	margin-top: 20px;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.86
}
@media screen and (max-width:640px) {
	.cmnLayout01 .row01 .read {
		margin-top: 10px;
		font-size: 1.2rem;
		letter-spacing: .1em;
		line-height: 1.58
	}
}
.cmnLayout01 .row02 {
	height: 680px;
	position: relative
}
@media screen and (max-width:640px) {
	.cmnLayout01 .row02 {
		height: auto
	}
}
.cmnLayout01 .row02 .moyamoya {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -360px
}
@media screen and (max-width:640px) {
	.cmnLayout01 .row02 .moyamoya {
		top: 12vw;
		margin-left: -43vw
	}
}
.cmnLayout01 .row02 .moyamoya.active {
	opacity: .8
}
@media screen and (max-width:640px) {
	.cmnLayout01 .row02 .moyamoya>svg {
		width: 86vw;
		height: 62vw
	}
}
@media print {
	.cmnLayout01 .row02 .moyamoya>svg {
		position: relative;
		top: -350px
	}
	.ie .cmnLayout01 .row02 .moyamoya>svg {
		top: 0!important
	}
}
@media screen and (max-width:640px) {
	.cmnLayout01 .row02 .moyamoya>canvas {
		width: 80vw;
		height: 55vw
	}
}
.cmnLayout01 .link_block {
	position: relative;
	display: inline-block;
	width: 740px
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_block {
		width: 100%
	}
}
.cmnLayout01 .link_block>dt img {
	position: absolute;
	top: -100px;
	left: 60px;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: 2s cubic-bezier(.675, 0, .44, 1);
	transition: 2s cubic-bezier(.675, 0, .44, 1);
	opacity: 0;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}
.cmnLayout01 .link_block>dt img.active {
	-webkit-transform: none!important;
	transform: none!important;
	opacity: 1
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_block>dt img {
		top: -9vw;
		left: 2vw;
		width: auto;
		height: 6vw
	}
}
.cmnLayout01 .link_block>dd {
	display: inline-block
}
.cmnLayout01 .link_box {
	position: relative;
	width: 250px;
	-webkit-transition: opacity 1.4s cubic-bezier(.39, 0, .545, 1) .6s, -webkit-transform 2s cubic-bezier(.39, 0, .545, 1);
	transition: opacity 1.4s cubic-bezier(.39, 0, .545, 1) .6s, -webkit-transform 2s cubic-bezier(.39, 0, .545, 1);
	transition: opacity 1.4s cubic-bezier(.39, 0, .545, 1) .6s, transform 2s cubic-bezier(.39, 0, .545, 1);
	transition: opacity 1.4s cubic-bezier(.39, 0, .545, 1) .6s, transform 2s cubic-bezier(.39, 0, .545, 1), -webkit-transform 2s cubic-bezier(.39, 0, .545, 1);
	opacity: 0
}
.cmnLayout01 .link_box.active {
	-webkit-transform: none!important;
	transform: none!important;
	opacity: 1
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box {
		width: 100px
	}
}
.cmnLayout01 .link_box .link {
	position: relative;
	display: block;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	-webkit-transition: .3s;
	transition: .3s
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box .link {
		width: 100px;
		height: 100px
	}
}
.cmnLayout01 .link_box .link:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background-position: center center;
	background-size: cover;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: opacity .7s, -webkit-transform .5s;
	transition: opacity .7s, -webkit-transform .5s;
	transition: transform .5s, opacity .7s;
	transition: transform .5s, opacity .7s, -webkit-transform .5s
}
.no-touchevents .cmnLayout01 .link_box .link:hover {
	-webkit-box-shadow: 0 0 10px transparent;
	box-shadow: 0 0 10px transparent
}
.no-touchevents .cmnLayout01 .link_box .link:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
.no-touchevents .cmnLayout01 .link_box .link:hover .category {
	color: #05a57f
}
.cmnLayout01 .link_box .link>i {
	margin: 0;
	position: absolute;
	left: 50%;
	bottom: 40px;
	margin-left: -13px
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box .link>i {
		margin-left: -8px;
		bottom: 15px
	}
}
.cmnLayout01 .link_box .link .ico {
	position: absolute;
	fill: #05a57f
}
.cmnLayout01 .link_box .link .category {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.9rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.1;
	position: absolute;
	bottom: 90px;
	-webkit-transition: color .3s;
	transition: color .3s;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box .link .category {
		font-size: 1.15rem;
		letter-spacing: 0;
		line-height: 1.13;
		bottom: 43px
	}
}
.cmnLayout01 .link_box.lens {
	-webkit-transform: scale(.6) translate(0, 200px);
	transform: scale(.6) translate(0, 200px)
}
.cmnLayout01 .link_box.lens .link:before {
	background-image: url(/img/business/ro_contact.jpg)
}
.cmnLayout01 .link_box.lens .ico {
	width: 104px;
	height: 84px;
	bottom: 120px;
	left: 50%;
	margin-left: -52px
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box.lens .ico {
		width: 46px;
		height: 34px;
		bottom: 60px;
		margin-left: -23px
	}
}
.cmnLayout01 .link_box.lens .caption_box {
	top: 10px
}
.cmnLayout01 .link_box.spa {
	left: -195px;
	top: 155px;
	-webkit-transform: scale(.6) translate(194px, -204px);
	transform: scale(.6) translate(194px, -204px)
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box.spa {
		left: -80px;
		top: 70px
	}
}
.cmnLayout01 .link_box.spa .link:before {
	background-image: url(/img/business/ro_spa.jpg)
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box.spa .category {
		bottom: 36px
	}
}
.cmnLayout01 .link_box.spa .ico {
	width: 90px;
	height: 74px;
	bottom: 130px;
	left: 50%;
	margin-left: -45px
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box.spa .ico {
		width: 30px;
		height: 26px;
		bottom: 65px;
		left: 50%;
		margin-left: -15px
	}
}
.cmnLayout01 .link_box.spa .caption_box {
	top: 50px
}
.cmnLayout01 .link_box.health {
	right: -195px;
	top: -95px;
	-webkit-transform: scale(.6) translate(-194px, -204px);
	transform: scale(.6) translate(-194px, -204px)
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box.health {
		left: 80px;
		top: -30px
	}
}
.cmnLayout01 .link_box.health .link:before {
	background-image: url(/img/business/ro_health.jpg)
}
.cmnLayout01 .link_box.health .ico {
	width: 96px;
	height: 80px;
	bottom: 130px;
	left: 50%;
	margin-left: -48px
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box.health .ico {
		width: 30px;
		height: 26px;
		bottom: 65px;
		left: 50%;
		margin-left: -15px
	}
}
.cmnLayout01 .link_box.health .category {
	bottom: 80px
}
@media screen and (max-width:640px) {
	.cmnLayout01 .link_box.health .category {
		bottom: 36px;
		letter-spacing: -.1em
	}
}
.cmnLayout01 .link_box.health .caption_box {
	top: 50px
}
.cmnLayout01 .caption_box {
	display: inline-block;
	text-align: left;
	position: absolute;
	z-index: 1;
	width: 215px
}
@media screen and (max-width:640px) {
	.cmnLayout01 .caption_box {
		display: none
	}
}
.cmnLayout01 .caption_box>.tit {
	position: relative
}
.cmnLayout01 .caption_box>.tit .lineanimation {
	position: absolute;
	top: 28px;
	left: 0
}
.cmnLayout01 .caption_box>.tit .titvalue {
	display: inline-block;
	position: relative;
	font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-size: 1.7rem;
	letter-spacing: .07rem;
	color: #05a57f;
	-webkit-clip-path: polygon(0 0, 0 0, 0 120%, 0 120%);
	clip-path: polygon(0 0, 0 0, 0 120%, 0 120%);
	-webkit-transition: 1s;
	transition: 1s
}
.cmnLayout01 .caption_box>.tit .titvalue.active {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%);
	clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%)
}
.cmnLayout01 .caption_box>.tit .titvalue.type01 {
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 120%, 100% 120%);
	clip-path: polygon(100% 0, 100% 0, 100% 120%, 100% 120%);
	-webkit-transition: 1s;
	transition: 1s
}
.cmnLayout01 .caption_box>.tit .titvalue.type01.active {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%);
	clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%)
}
.cmnLayout01 .caption_box>.cp {
	font-size: 1.4rem;
	letter-spacing: .07em;
	line-height: 1.42;
	margin-top: 15px;
	-webkit-clip-path: polygon(0 0, 0 0, 0 120%, 0 120%);
	clip-path: polygon(0 0, 0 0, 0 120%, 0 120%);
	-webkit-transition: 1s;
	transition: 1s
}
.cmnLayout01 .caption_box>.cp.active {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%);
	clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%)
}
.cmnLayout01 .caption_box>.cp.type01 {
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 120%, 100% 120%);
	clip-path: polygon(100% 0, 100% 0, 100% 120%, 100% 120%);
	-webkit-transition: 1s;
	transition: 1s
}
.cmnLayout01 .caption_box>.cp.type01.active {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%);
	clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%)
}
.cmnLayout01 .caption_box.left {
	left: -180px
}
.cmnLayout01 .caption_box.right {
	left: 290px
}
.cmnLayout01 .caption_box.right .lineanimation {
	left: -62px
}
.mod_toTop {
	border-radius: 50%;
	border: 2px solid #009d95;
	width: 44px;
	height: 44px;
	background-color: #fff;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s;
	opacity: 0;
	pointer-events: none
}
@media print {
	.mod_toTop {
		display: none!important
	}
}
.nav_min .mod_toTop {
	opacity: 1;
	pointer-events: auto
}
.sc_end .mod_toTop {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px)
}
@media screen and (max-width:640px) {
	.mod_toTop {
		width: 30px;
		height: 30px;
		right: 10px;
		bottom: 10px
	}
	.recruit .mod_toTop {
		bottom: 60px
	}
	.recruit.form .mod_toTop {
		bottom: 10px
	}
}
.mod_toTop i {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.mod_toTop i:after, .mod_toTop i:before {
	content: "";
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.mod_toTop i:before {
	width: 20px;
	height: 2px;
	background-color: #009d95;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}
@media screen and (max-width:640px) {
	.mod_toTop i:before {
		width: 10px
	}
}
.mod_toTop i:after {
	border-top: 2px solid #009d95;
	border-right: 2px solid #009d95;
	width: 14px;
	height: 14px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}
@media screen and (max-width:640px) {
	.mod_toTop i:after {
		width: 8px;
		height: 8px
	}
}
.no-touchevents .mod_toTop:hover i:after {
	-webkit-transform: translate(3px, 0) rotate(45deg);
	transform: translate(3px, 0) rotate(45deg)
}
[data-slidearea01] {
	padding: 0 3%;
	overflow: hidden
}
@media screen and (max-width:640px) {
	[data-slidearea01] {
		padding: 0
	}
}
[data-slidearea01] .contentWrap {
	max-width: 1000px;
	width: 100%;
	margin: auto;
	position: relative
}
[data-slidearea01] .contentWrap .btns01 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100%;
	width: 100%
}
[data-slidearea01] .contentWrap .btns01 button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 70px;
	height: 70px;
	z-index: 1;
	-webkit-tap-highlight-color: transparent
}
@media (max-width:640px) {
	[data-slidearea01] .contentWrap .btns01 button {
		width: 60px;
		height: 90px
	}
}
[data-slidearea01] .contentWrap .btns01 button:after, [data-slidearea01] .contentWrap .btns01 button:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transition: .2s;
	transition: .2s
}
[data-slidearea01] .contentWrap .btns01 button:before {
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%
}
[data-slidearea01] .contentWrap .btns01 button:after {
	width: 12px;
	height: 12px;
	border: 1px solid #000
}
[data-slidearea01] .contentWrap .btns01 button.next {
	right: -30px
}
@media (max-width:640px) {
	[data-slidearea01] .contentWrap .btns01 button.next {
		right: -20px
	}
}
[data-slidearea01] .contentWrap .btns01 button.next:after {
	border-bottom: transparent!important;
	border-left: transparent!important;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 3px
}
[data-slidearea01] .contentWrap .btns01 button.prev {
	left: -30px
}
@media (max-width:640px) {
	[data-slidearea01] .contentWrap .btns01 button.prev {
		left: -20px
	}
}
[data-slidearea01] .contentWrap .btns01 button.prev:after {
	border-bottom: transparent!important;
	border-right: transparent!important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: -3px
}
.no-touchevents [data-slidearea01] .contentWrap .btns01 button:hover:before {
	background-color: #000
}
.no-touchevents [data-slidearea01] .contentWrap .btns01 button:hover:after {
	border-color: #fff
}
[data-slidearea01] .contentWrap .contentWrapIn {
	padding: 0
}
[data-slidearea01] .contentWrap .contentWrapIn .content {
	position: relative;
	display: table
}
[data-slidearea01] .contentWrap .contentWrapIn .content.disableTrs {
	-webkit-transition: none!important;
	transition: none!important
}
[data-slidearea01] .contentWrap .contentWrapIn .content .link {
	display: table-cell;
	position: relative;
	top: 0;
	left: 0;
	height: 100%
}
[data-slidearea01] .contentWrap .contentWrapIn .content .link>.in {
	margin: 0
}
[data-slidearea01] .contentWrap .contentWrapIn .content .link>.in img {
	width: 100%;
	height: auto
}
[data-slidearea01] .contentWrap .pager {
	text-align: center
}
[data-slidearea01] .contentWrap .pager button {
	width: 40px;
	height: 40px;
	position: relative;
	display: inline-block;
	vertical-align: top
}
@media (max-width:640px) {
	[data-slidearea01] .contentWrap .pager button {
		width: 60px;
		height: 90px
	}
}
[data-slidearea01] .contentWrap .pager button:after, [data-slidearea01] .contentWrap .pager button:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	border-radius: 50%
}
@media (max-width:640px) {
	[data-slidearea01] .contentWrap .pager button:after, [data-slidearea01] .contentWrap .pager button:before {
		width: 6px;
		height: 6px
	}
}
[data-slidearea01] .contentWrap .pager button:after {
	-webkit-transition: .2s;
	transition: .2s
}
.no-touchevents [data-slidearea01] .contentWrap .pager button:hover:after, [data-slidearea01] .contentWrap .pager button.active:after {
	background-color: #000
}
[data-slidearea01] .contentWrap .pager button.active {
	cursor: default;
	pointer-events: none
}
[data-slidearea02] {
	padding: 0 3%;
	overflow: hidden
}
[data-slidearea02] .contentWrap {
	max-width: calc(100vw / 5);
	min-width: 220px;
	width: 100%;
	margin: auto;
	position: relative
}
@media screen and (max-width:640px) {
	[data-slidearea02] .contentWrap {
		max-width: 73.4%;
		min-width: 0
	}
}
[data-slidearea02] .contentWrap .btns01 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100%;
	width: 100%
}
[data-slidearea02] .contentWrap .btns01 button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 70px;
	height: 70px;
	z-index: 1;
	-webkit-tap-highlight-color: transparent
}
@media (max-width:640px) {
	[data-slidearea02] .contentWrap .btns01 button {
		width: 30px;
		height: 90px
	}
}
[data-slidearea02] .contentWrap .btns01 button.tp_arr i {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	width: 22px;
	height: 22px
}
[data-slidearea02] .contentWrap .btns01 button.tp_arr i:before {
	width: 10px
}
[data-slidearea02] .contentWrap .btns01 button.tp_arr i:after {
	width: 6px;
	height: 6px
}
[data-slidearea02] .contentWrap .btns01 button:after, [data-slidearea02] .contentWrap .btns01 button:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transition: .2s;
	transition: .2s
}
@media screen and (max-width:640px) {
	[data-slidearea02] .contentWrap .btns01 button:after, [data-slidearea02] .contentWrap .btns01 button:before {
		display: none
	}
}
[data-slidearea02] .contentWrap .btns01 button:before {
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%
}
[data-slidearea02] .contentWrap .btns01 button:after {
	width: 12px;
	height: 12px;
	border: 1px solid #000
}
[data-slidearea02] .contentWrap .btns01 button.next {
	right: -30px
}
@media (max-width:640px) {
	[data-slidearea02] .contentWrap .btns01 button.next {
		right: -15px
	}
}
[data-slidearea02] .contentWrap .btns01 button.next:after {
	border-bottom: transparent!important;
	border-left: transparent!important;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 3px
}
[data-slidearea02] .contentWrap .btns01 button.prev {
	left: -30px
}
@media (max-width:640px) {
	[data-slidearea02] .contentWrap .btns01 button.prev {
		left: -15px
	}
}
[data-slidearea02] .contentWrap .btns01 button.prev:after {
	border-bottom: transparent!important;
	border-right: transparent!important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: -3px
}
.no-touchevents [data-slidearea02] .contentWrap .btns01 button:hover:before {
	background-color: #000
}
.no-touchevents [data-slidearea02] .contentWrap .btns01 button:hover:after {
	border-color: #fff
}
[data-slidearea02] .contentWrap .contentWrapIn {
	padding: 0
}
[data-slidearea02] .contentWrap .contentWrapIn .content {
	position: relative;
	display: table
}
[data-slidearea02] .contentWrap .contentWrapIn .content.disableTrs {
	-webkit-transition: none!important;
	transition: none!important
}
[data-slidearea02] .contentWrap .contentWrapIn .content .link {
	display: table-cell;
	position: relative;
	top: 0;
	left: 0;
	height: 100%
}
[data-slidearea02] .contentWrap .contentWrapIn .content .link>.in {
	margin: 0
}
[data-slidearea02] .contentWrap .contentWrapIn .content .link>.in img {
	width: 100%;
	height: auto;
	vertical-align: bottom
}
@media screen and (max-width:640px) {
	[data-slidearea02] .contentWrap .contentWrapIn .content .link>.in {
		margin: 0 6.5%
	}
}
[data-slidearea02] .contentWrap .pager {
	text-align: center
}
[data-slidearea02] .contentWrap .pager button {
	width: 40px;
	height: 40px;
	position: relative;
	display: inline-block;
	vertical-align: top
}
@media (max-width:640px) {
	[data-slidearea02] .contentWrap .pager button {
		width: 60px;
		height: 90px
	}
}
[data-slidearea02] .contentWrap .pager button:after, [data-slidearea02] .contentWrap .pager button:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	border-radius: 50%
}
@media (max-width:640px) {
	[data-slidearea02] .contentWrap .pager button:after, [data-slidearea02] .contentWrap .pager button:before {
		width: 6px;
		height: 6px
	}
}
[data-slidearea02] .contentWrap .pager button:after {
	-webkit-transition: .2s;
	transition: .2s
}
.no-touchevents [data-slidearea02] .contentWrap .pager button:hover:after, [data-slidearea02] .contentWrap .pager button.active:after {
	background-color: #000
}
[data-slidearea02] .contentWrap .pager button.active {
	cursor: default;
	pointer-events: none
}
.mod_btn02 {
	display: block;
	width: 170px;
	height: 50px;
	line-height: 1;
	text-align: center;
	background-color: rgba(255, 194, 87, .95);
	-webkit-transition: .4s;
	transition: .4s
}
.no-touchevents .mod_btn02:hover {
	opacity: .7!important;
	-webkit-transition: opacity .2s!important;
	transition: opacity .2s!important
}
.no-touchevents .mod_btn02:hover i:before {
	-webkit-animation: mvArrowIB 2s ease-in-out 0s infinite;
	animation: mvArrowIB 2s ease-in-out 0s infinite
}
.no-touchevents .mod_btn02:hover i:after {
	-webkit-animation: mvArrowI 2s ease-in-out 0s infinite;
	animation: mvArrowI 2s ease-in-out 0s infinite
}
@media screen and (max-width:640px) {
	.mod_btn02 {
		width: 128px;
		height: 38px
	}
}
.mod_btn02>span {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: .1em
}
.mod_btn02>span>i {
	margin-left: 18px
}
@media screen and (max-width:640px) {
	.mod_btn02>span {
		font-size: 1.1rem
	}
	.mod_btn02>span .txt01 {
		width: auto;
		height: 8px
	}
	.mod_btn02>span>i {
		margin-left: 23px
	}
}
.tp_arr02 i {
	display: inline-block;
	position: relative;
	height: 1rem;
	width: 50px
}
.tp_arr02 i:after, .tp_arr02 i:before {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
	background-color: #646464
}
.tp_arr02 i:before {
	right: 0;
	width: 1px;
	height: 10px;
	margin-top: -.98rem;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: scaleX(1) rotate(-45deg);
	transform: scaleX(1) rotate(-45deg)
}
.tp_arr02 i:after {
	height: 1px;
	width: 100%;
	left: 0;
	right: 0
}
@media screen and (max-width:640px) {
	.tp_arr02 i {
		width: 37px
	}
	.tp_arr02 i:before {
		right: 0;
		width: .14rem;
		height: .7rem;
		margin-top: -.7rem
	}
}
@-webkit-keyframes mvArrowI {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%
	}
	20% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%
	}
	45% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%
	}
	55% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%
	}
	85% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%
	}
}
@keyframes mvArrowI {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%
	}
	20% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%
	}
	45% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%
	}
	55% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%
	}
	85% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%
	}
}
@-webkit-keyframes mvArrowIB {
	0% {
		-webkit-transform: rotate(-45deg) scaleX(1) translate(0, 0);
		transform: rotate(-45deg) scaleX(1) translate(0, 0);
		height: 10px
	}
	25% {
		-webkit-transform: rotate(-45deg) scaleX(1) translate(0, 0);
		transform: rotate(-45deg) scaleX(1) translate(0, 0);
		height: 10px
	}
	50% {
		-webkit-transform: rotate(-45deg) scaleX(0) translate(-10px, -5px);
		transform: rotate(-45deg) scaleX(0) translate(-10px, -5px);
		height: 0
	}
	75% {
		-webkit-transform: rotate(-45deg) scaleX(0) translate(-10px, -5px);
		transform: rotate(-45deg) scaleX(0) translate(-10px, -5px);
		height: 0
	}
	90% {
		-webkit-transform: rotate(-45deg) scaleX(1) translate(-10px, 5px);
		transform: rotate(-45deg) scaleX(1) translate(-10px, 5px);
		height: 0
	}
}
@keyframes mvArrowIB {
	0% {
		-webkit-transform: rotate(-45deg) scaleX(1) translate(0, 0);
		transform: rotate(-45deg) scaleX(1) translate(0, 0);
		height: 10px
	}
	25% {
		-webkit-transform: rotate(-45deg) scaleX(1) translate(0, 0);
		transform: rotate(-45deg) scaleX(1) translate(0, 0);
		height: 10px
	}
	50% {
		-webkit-transform: rotate(-45deg) scaleX(0) translate(-10px, -5px);
		transform: rotate(-45deg) scaleX(0) translate(-10px, -5px);
		height: 0
	}
	75% {
		-webkit-transform: rotate(-45deg) scaleX(0) translate(-10px, -5px);
		transform: rotate(-45deg) scaleX(0) translate(-10px, -5px);
		height: 0
	}
	90% {
		-webkit-transform: rotate(-45deg) scaleX(1) translate(-10px, 5px);
		transform: rotate(-45deg) scaleX(1) translate(-10px, 5px);
		height: 0
	}
}
.recruit .txt {
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: .05em;
	line-height: 1.75
}
@media screen and (max-width:640px) {
	.recruit .txt {
		font-size: 1.2rem;
		letter-spacing: 0;
		line-height: 1.66
	}
}
.recruit .read {
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 2
}
@media screen and (max-width:640px) {
	.recruit .read {
		font-size: 1.2rem;
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 500;
		letter-spacing: .05em;
		line-height: 1.58
	}
}
.recruit .vert {
	position: relative;
	display: inline-block;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-moz-text-orientation: upright;
	-ms-text-orientation: upright;
	text-orientation: upright;
	-ms-text-combine-horizontal: all;
	line-break: strict
}
.recruit .vert .line {
	background-image: linear-gradient(90deg, transparent 0, #05a57f 0, #05a57f 4px, transparent 4px);
	background-size: 2.38em 100%;
	padding-right: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: repeat-x
}
@media screen and (max-width:640px) {
	.recruit .vert .line {
		background-image: linear-gradient(to right, transparent 0, #05a57f 0, #05a57f 2px, transparent 2px)
	}
}
.recruit .vert .line.animready {
	background-size: 2.38em 0;
	-webkit-transition: 1s cubic-bezier(.77, 0, .175, 1);
	transition: 1s cubic-bezier(.77, 0, .175, 1)
}
.recruit .vert .line.animready.anim {
	background-size: 2.38em 100%
}
.recruit .vert .line.animready.anim>span>span {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
.recruit .vert .line.animready>span {
	opacity: 0
}
.recruit .vert .line.animready>span>span {
	position: relative;
	display: inline-block;
	opacity: 0;
	-webkit-transition: opacity .8s;
	transition: opacity .8s
}
.recruit .vert .txt {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2.33;
	letter-spacing: 0
}
.recruit .vert .txt+.txt {
	margin-right: 2em
}
@media screen and (max-width:640px) {
	.recruit .vert .txt {
		font-size: 1.2rem;
		line-height: 1.75
	}
}
.recruit .vert .catch {
	font-size: 2.6rem;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	line-height: 2.42;
	letter-spacing: 0;
	text-shadow: 0 0 10px #fff, 0 0 5px #fff, 0 0 3px #fff, 0 0 5px #fff;
}
@media screen and (max-width:640px) {
	.recruit .vert .catch {
		font-size: 1.3rem;
		line-height: 2.44
	}
}
.recruit .marker>span {
	display: inline-block;
	background-color: #fff;
	line-height: 2;
	padding: 0 .5em
}
@media screen and (max-width:640px) {
	.recruit .marker>span {
		letter-spacing: 0;
		line-height: 1.96
	}
}
.recruit .mod_box01 {
	position: relative;
	max-width: 300px;
	padding: 0 20px
}
@media screen and (max-width:640px) {
	.recruit .mod_box01 {
		max-width: 93%;
		margin: 0 auto;
		padding: 0
	}
	.recruit .mod_box01.rev figure {
		margin-left: 0;
		margin-right: 70px
	}
	.recruit .mod_box01.rev .detail_wrap {
		right: 0
	}
}
.recruit .mod_box01 .wrapLink {
	position: absolute;
	z-index: 1;
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.recruit .mod_box01 figure {
	width: 300px;
	height: 440px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}
@media screen and (max-width:640px) {
	.recruit .mod_box01 figure {
		width: 59.3vw;
		height: 59.3vw;
		margin-left: 22vw
	}
}
.recruit .mod_box01 .detail_wrap {
	position: relative;
	margin-left: -20px;
	margin-top: -160px
}
@media screen and (max-width:640px) {
	.recruit .mod_box01 .detail_wrap {
		position: absolute;
		top: 50%;
		margin-left: auto;
		margin-top: -69px
	}
}
.recruit .mod_box01 .detail_wrap .mod_btn02 {
	position: relative;
	z-index: 2;
	margin-top: -30px;
	margin-left: 170px
}
@media screen and (max-width:640px) {
	.recruit .mod_box01 .detail_wrap .mod_btn02 {
		margin-top: 0;
		margin-left: 0
	}
}
.recruit .mod_box01 .detail_wrap .txt_box {
	padding: 20px;
	padding-right: 0;
	max-width: 180px;
	min-height: 180px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(49, 49, 49, .9)
}
@media screen and (max-width:640px) {
	.recruit .mod_box01 .detail_wrap .txt_box {
		padding: 15px;
		padding-right: 0;
		max-width: 128px;
		min-height: 100px
	}
}
.recruit .mod_box01 .detail_wrap .txt_box .year {
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: .05em;
	line-height: 1;
	color: #fff
}
@media screen and (max-width:640px) {
	.recruit .mod_box01 .detail_wrap .txt_box .year {
		font-size: 1.1rem
	}
}
.recruit .mod_box01 .detail_wrap .txt_box .name {
	margin-top: 13px;
	font-size: 2rem;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1;
	color: #fff
}
.recruit .mod_box01 .detail_wrap .txt_box .name>span {
	font-family: proxima-nova, sans-serif;
	font-weight: 500;
	font-size: 1.4rem
}
@media screen and (max-width:640px) {
	.recruit .mod_box01 .detail_wrap .txt_box .name {
		margin-top: 5px;
		font-size: 1.3rem
	}
	.recruit .mod_box01 .detail_wrap .txt_box .name>span {
		font-size: 1.1rem;
		white-space: nowrap
	}
}
.recruit .mod_box01 .detail_wrap .txt_box .dev {
	margin-top: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .05em;
	color: #ffc257
}
@media screen and (max-width:640px) {
	.recruit .mod_box01 .detail_wrap .txt_box .dev {
		margin-top: 17px;
		font-size: 1rem
	}
}
.recruit .mod_box01 .detail_wrap .txt_box .dev.dbl {
	margin-top: 7px;
	line-height: 1.78;
	letter-spacing: -.03em
}
@media screen and (max-width:640px) {
	.recruit .mod_box01 .detail_wrap .txt_box .dev.dbl {
		margin-top: 9px;
		line-height: 1.4
	}
}
.recruit .mod_box01.tp02 {
	padding: 0;
	max-width: 260px
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp02 {
		max-width: 100%
	}
}
.recruit .mod_box01.tp02 .detail_wrap {
	margin-left: 0;
	margin-top: 0
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp02 .detail_wrap {
		position: relative;
		width: 100%
	}
}
.recruit .mod_box01.tp02 .detail_wrap .mod_btn02 {
	margin-top: 100px;
	margin-left: 70px
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp02 .detail_wrap .mod_btn02 {
		position: absolute;
		bottom: 0;
		right: 0;
		margin-top: 0;
		margin-left: 0
	}
}
.recruit .mod_box01.tp02 .txt_box {
	max-width: 260px;
	min-height: 200px;
	background-color: rgba(5, 165, 127, .9)
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp02 .txt_box {
		max-width: 128px;
		min-height: 120px
	}
}
.recruit .mod_box01.tp02 .txt_box .name {
	font-size: 2.4rem;
	line-height: 1.2;
	margin-top: 10px
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp02 .txt_box .name {
		font-size: 1.3rem;
		margin-top: 5px
	}
	.recruit .mod_box01.tp02 .txt_box .name>span {
		font-size: 1rem;
		letter-spacing: .01em
	}
}
.recruit .mod_box01.tp02 .txt_box .dev {
	font-size: 1.6rem;
	margin-top: 0;
	color: #fff
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp02 .txt_box .dev {
		font-size: 1.1rem
	}
}
.recruit .mod_box01.tp03 {
	max-width: 100%;
	padding: 0
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp03+.tp03 {
		margin-top: 30px
	}
}
.recruit .mod_box01.tp03 .wrapLink {
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.recruit .mod_box01.tp03 figure {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-size: cover
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp03 figure {
		margin-left: 0;
		width: 100vw;
		height: 250px
	}
}
.recruit .mod_box01.tp03 .detail_wrap {
	margin-left: 0;
	text-align: left;
	font-size: 0;
	letter-spacing: 0;
	position: absolute;
	left: 40px;
	bottom: 40px
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp03 .detail_wrap {
		width: 100%;
		top: auto;
		left: auto;
		bottom: 0;
		margin-top: 0
	}
}
.recruit .mod_box01.tp03 .detail_wrap>.txt {
	font-size: 2.4rem;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 2.2;
	margin-bottom: 15px;
	white-space: nowrap
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp03 .detail_wrap>.txt {
		position: absolute;
		top: -75px;
		display: block;
		width: 100vw;
		text-align: left;
		font-size: 1.3rem;
		letter-spacing: 0;
		line-height: 2.15;
		margin-bottom: 25px
	}
}
.recruit .mod_box01.tp03 .detail_wrap .txt_box {
	min-width: 240px;
	max-width: 100%;
	min-height: 110px;
	padding: 20px;
	display: inline-block
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp03 .detail_wrap .txt_box {
		text-align: left;
		min-width: 180px;
		min-height: 0;
		height: 82px;
		padding: 15px 18px
	}
}
.recruit .mod_box01.tp03 .detail_wrap .txt_box .name {
	margin-top: 10px
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp03 .detail_wrap .txt_box .name {
		margin-top: 8px;
		font-size: 1.5rem
	}
}
.recruit .mod_box01.tp03 .detail_wrap .txt_box .name>span {
	padding-left: 1.3rem
}
.recruit .mod_box01.tp03 .detail_wrap .txt_box .dev {
	margin-top: 10px
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp03 .detail_wrap .txt_box .dev {
		font-size: 1.1rem
	}
}
.recruit .mod_box01.tp03 .detail_wrap .mod_btn02 {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	height: 110px;
	margin-top: 0;
	margin-left: 0
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp03 .detail_wrap .mod_btn02 {
		text-align: center;
		width: 82px;
		height: 82px
	}
}
.recruit .mod_box01.tp03 .detail_wrap .mod_btn02>span i {
	display: block;
	margin-left: 0;
	margin-top: 14px
}
@media screen and (max-width:640px) {
	.recruit .mod_box01.tp03 .detail_wrap .mod_btn02>span i {
		margin-top: 7px
	}
}
.site_h1 {
	text-align: center;
	color: #fff;
	margin: 0 auto;
	font-size: 1.4rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	font-weight: 400;
	z-index: 1000
}
@media (min-width:641px) {
	.site_h1 {
		width: 1080px
	}
	.site_h1 br {
		display: none
	}
}
@media print {
	.site_h1 {
		display: none!important
	}
}
@media screen and (max-width:640px) {
	.site_h1 {
		width: 100%;
		font-size: 1.2rem
	}
}
.site_h1.view {
	opacity: 1
}
.creocontactBtn {
	display: inline-block;
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}
.no-touchevents .creocontactBtn:hover {
	opacity: .6
}
.no-touchevents .creocontactBtn:hover span {
	text-decoration: underline
}
.creocontactBtn img {
	display: block;
	-webkit-box-shadow: 2px 2px 8px #ccc;
	box-shadow: 2px 2px 8px #ccc
}
@media screen and (max-width:640px) {
	.creocontactBtn img {
		width: 100%;
		height: auto
	}
}
.creocontactBtn span {
	display: block;
	margin-top: 14px;
	font-size: 1.8rem;
	font-weight: 700
}
@media screen and (max-width:640px) {
	.creocontactBtn span {
		margin-top: 8px;
		font-size: 1.2rem;
		line-height: 1.7
	}
}
.consadoleLinkarea {
	position: relative;
	z-index: 0;
	height: 380px
}
@media screen and (max-width:640px) {
	.consadoleLinkarea {
		height: 224px
	}
}
.consadoleLinkarea>.ph {
	position: absolute;
	top: 0;
	z-index: -1;
	height: 100%;
	width: 100%
}
.consadoleLinkarea>div {
	max-width: 740px;
	min-width: 740px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
@media screen and (max-width:640px) {
	.consadoleLinkarea>div {
		min-width: 0;
		max-width: 100vw
	}
}
.consadoleLinkarea header {
	color: #fff
}
.consadoleLinkarea header .tit {
	position: relative;
	font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1;
	letter-spacing: .12em;
	margin-bottom: 50px
}
@media screen and (max-width:640px) {
	.consadoleLinkarea header .tit {
		font-family: proxima-nova, sans-serif;
		font-weight: 600;
		font-size: 1.2rem;
		margin-bottom: 26px
	}
}
.consadoleLinkarea header .tit:before {
	content: "";
	position: absolute;
	bottom: -25px;
	display: block;
	height: 1px;
	width: 30px;
	background-color: #fff
}
@media screen and (max-width:640px) {
	.consadoleLinkarea header .tit:before {
		width: 15px;
		bottom: -13px
	}
}
.consadoleLinkarea header .read {
	font-size: 2rem;
	letter-spacing: .12em;
	line-height: 1.5;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500
}
@media screen and (max-width:640px) {
	.consadoleLinkarea header .read {
		font-size: 1.1rem;
		line-height: 1.36
	}
}
.consadoleLinkarea header .mod_btn01 {
	margin-top: 25px;
	padding-top: 12px;
	min-width: 205px;
	min-height: 35px;
	font-size: 1.2rem;
	line-height: 1;
	color: #05a57f
}
.consadoleLinkarea header .mod_btn01 span {
	vertical-align: baseline
}
@media screen and (max-width:640px) {
	.consadoleLinkarea header .mod_btn01 {
		min-width: 0;
		min-height: 0;
		width: 145px;
		font-size: 1.1rem;
		letter-spacing: 0;
		padding: 10px 0
	}
	.consadoleLinkarea header .mod_btn01 span {
		margin-right: 5px
	}
}
.consadoleLinkarea .logo {
	position: absolute;
	right: 0;
	top: 0
}
@media screen and (max-width:640px) {
	.consadoleLinkarea .logo {
		right: 10vw;
		top: 30px;
		width: 94px;
		height: 109px
	}
	.consadoleLinkarea .logo img {
		width: 100%;
		height: auto
	}
}
.recruit .mod_header .nav_wrap>ul>li>a, .recruit .mod_header .nav_wrap>ul>li>dl>dt>a {
	padding: 0 30px
}
@media (max-width:1250px) {
	.recruit .mod_header .nav_wrap>ul>li>a, .recruit .mod_header .nav_wrap>ul>li>dl>dt>a {
		padding: 0 15px
	}
}
.nav_multiple {
	position: relative;
	padding: 0 30px;
	z-index: 10
}
@media (max-width:1250px) {
	.nav_multiple {
		padding: 0 15px
	}
}
@media screen and (max-width:640px) {
	.nav_multiple {
		padding: 0
	}
}
@media (min-width:641px) {
	.nav_multiple:hover .multiple_ttl {
		color: #009d95
	}
	.nav_multiple:hover .multiple_ttl::after {
		opacity: 1
	}
	.nav_multiple:hover ul {
		opacity: 1;
		visibility: visible;
		pointer-events: auto
	}
}
.multiple_ttl {
	position: relative;
	display: block;
	width: fit-content;
	font-size: 1.5rem;
	line-height: 2.5;
	letter-spacing: .14em;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	transition: all .5s
}
@media (max-width:1140px) {
	.multiple_ttl {
		font-size: 1.3rem
	}
}
@media screen and (max-width:640px) {
	.multiple_ttl {
		width: 100%;
		padding: 0 15px;
		background-color: #e2e2e2;
		border-bottom: 1px solid #cbcbcb;
		font-size: 1.3rem;
		font-weight: 700;
		line-height: 2.4;
		box-sizing: border-box
	}
}
.multiple_ttl::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #009d95;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity .5s
}
@media (min-width:641px) {
	.nav_multiple>ul {
		position: absolute;
		left: 50%;
		padding: 25px 20px 18px!important;
		background-color: rgba(255, 255, 255, .9);
		transform: translateX(-50%);
		opacity: 0;
		visibility: hidden;
		transition: opacity .5s
	}
}
@media screen and (max-width:640px) {
	.nav_multiple>ul>li {
		padding-left: 15px
	}
}
.nav_multiple>ul>li>a {
	position: relative;
	font-weight: 700;
	overflow: hidden
}
@media (min-width:641px) {
	.nav_multiple>ul>li>a {
		width: 100%;
		padding: 0!important;
		font-size: 1.4rem;
		overflow: hidden
	}
}
@media (max-width:1140px) {
	.nav_multiple>ul>li>a {
		font-size: 1.2rem
	}
}
@media screen and (max-width:640px) {
	.nav_multiple>ul>li>a {
		padding: 0 16px!important;
		font-size: 1.3rem;
		line-height: 2.4
	}
}
@media (min-width:641px) {
	.nav_multiple>ul>li>a>span {
		display: flex!important;
		align-items: center;
		gap: 0 5px;
		position: relative;
		width: fit-content;
		padding-bottom: 2px
	}
}
@media (min-width:641px) {
	.nav_multiple>ul>li+li {
		margin-top: 15px
	}
}
@media screen and (max-width:640px) {
	.nav_multiple>ul>li+li {
		border-top: 1px solid #e5e5e5
	}
}
@media (min-width:641px) {
	.nav_multiple>ul>li>a:hover span::after {
		transform: translateX(0)
	}
}
@media (min-width:641px) {
	.nav_multiple>ul>li>a>span::before {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-left: 5px solid #05a57f;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent
	}
}
@media (min-width:641px) {
	.nav_multiple>ul>li>a>span::after {
		content: "";
		position: absolute;
		bottom: 0;
		display: block;
		width: 100%;
		height: 2px;
		background-color: #05a57f;
		transform: translateX(-101%);
		transition: .3s
	}
}
@media screen and (max-width:640px) {
	.nav_multiple>ul>li>a::after {
		right: 16px
	}
}

@charset "UTF-8";
/*
カラム制御：デフォルトで1～5カラムまで対応
PC用floatによるカラム制御

html：col_1～5まで対応
例）3列で折り返し

	
	
	


scss：mixinでカラム設定を自動処理化

.col_3 {
	@include colmg(30);
}

数値設定はアイテム間余白（デフォルトは20）;
※縦、横ともに外側への約は発生しない

*/
[data-pararax01] {
	position: relative;
}

[data-pararax01-inview] {
	position: absolute !important;
	top: 120px;
	bottom: 120px;
	left: 0;
	right: 0;
	width: 0%;
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
	opacity: 0;
}
@media print, screen and (min-width: 461px) and (max-height: 800px) {
	[data-pararax01-inview] {
		top: 120px;
		bottom: 120px;
	}
}
@media print, screen and (min-width: 461px) and (max-height: 650px) {
	[data-pararax01-inview] {
		top: 50px;
		bottom: 50px;
	}
}
@media screen and (max-width: 460px) {
	[data-pararax01-inview] {
		top: 100px;
		bottom: 100px;
	}
}

[data-pararax01-opacity01] {
	opacity: 0 !important;
}
[data-pararax01-opacity01].active {
	opacity: 1 !important;
	transition: opacity 0.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}

[data-pararax01-opacity02] {
	opacity: 0 !important;
	transform: translateX(-20px) !important;
}
[data-pararax01-opacity02].active {
	opacity: 1 !important;
	transform: none !important;
	transition: opacity 0.6s cubic-bezier(0.515, 0.005, 0.505, 1), transform 0.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}

[data-pararax01-opacity03] {
	opacity: 0 !important;
	transform: translateX(20px) !important;
}
[data-pararax01-opacity03].active {
	opacity: 1 !important;
	transform: none !important;
	transition: opacity 0.6s cubic-bezier(0.515, 0.005, 0.505, 1), transform 0.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}

[data-pararax01-opacity04] {
	opacity: 0 !important;
	transform: translateY(20px) !important;
}
[data-pararax01-opacity04].active {
	opacity: 1 !important;
	transform: none !important;
	transition: opacity 0.6s cubic-bezier(0.515, 0.005, 0.505, 1), transform 0.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}

[data-pararax01-opacity05] {
	opacity: 0 !important;
	transform: translateY(-20px) !important;
}
[data-pararax01-opacity05].active {
	opacity: 1 !important;
	transform: none !important;
	transition: opacity 0.6s cubic-bezier(0.515, 0.005, 0.505, 1), transform 0.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}

[data-pararax01-opacity06] {
	opacity: 0 !important;
	transform: scale(0.8) !important;
}
[data-pararax01-opacity06].active {
	opacity: 1 !important;
	transform: none !important;
	transition: opacity 0.6s cubic-bezier(0.515, 0.005, 0.505, 1), transform 0.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}

[data-pararax01-opacity07] {
	opacity: 0 !important;
	transform: scale(1.2) !important;
}
[data-pararax01-opacity07].active {
	opacity: 1 !important;
	transform: none !important;
	transition: opacity 0.6s cubic-bezier(0.515, 0.005, 0.505, 1), transform 0.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}

[data-pararax01-opacity08] {
	perspective: 1000px;
}
[data-pararax01-opacity08] [data-pararax01-opacity08-target] {
	transform-style: preserve-3d;
	opacity: 0;
	transform: rotateY(720deg) scale(0.2);
	overflow: hidden;
}
[data-pararax01-opacity08] [data-pararax01-opacity08-target]:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.5;
	-webkit-clip-path: polygon(0px 0%, 100% 0%, 100% 100%, 0% 100%);
					clip-path: polygon(0px 0%, 100% 0%, 100% 100%, 0% 100%);
}
[data-pararax01-opacity08].active [data-pararax01-opacity08-target] {
	opacity: 1;
	transform: rotateY(0deg) scale(1);
	transition: 1.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}
[data-pararax01-opacity08].active [data-pararax01-opacity08-target]:after {
	left: 100%;
	transition: 0.6s cubic-bezier(0.515, 0.005, 0.505, 1) 0.7s;
	-webkit-clip-path: polygon(50px 0%, 100% 0%, 100% 100%, 0% 100%);
					clip-path: polygon(50px 0%, 100% 0%, 100% 100%, 0% 100%);
}

[data-pararax01-opacity09] {
	-webkit-clip-path: polygon(0% 50%, 100% 50%, 100% 50%, 0% 50%);
					clip-path: polygon(0% 50%, 100% 50%, 100% 50%, 0% 50%);
	opacity: 0;
}
[data-pararax01-opacity09].active {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
					clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	opacity: 1;
	transition: opacity 0.6s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-clip-path 0.6s cubic-bezier(0.515, 0.005, 0.505, 1);
	transition: clip-path 0.6s cubic-bezier(0.515, 0.005, 0.505, 1), opacity 0.6s cubic-bezier(0.515, 0.005, 0.505, 1);
	transition: clip-path 0.6s cubic-bezier(0.515, 0.005, 0.505, 1), opacity 0.6s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-clip-path 0.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}

[data-pararax01-opacity10] {
	-webkit-clip-path: polygon(0% 0%, 100% -100%, -100% 100%);
					clip-path: polygon(0% 0%, 100% -100%, -100% 100%);
	opacity: 0;
}
[data-pararax01-opacity10].active {
	-webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
					clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
	opacity: 1;
	transition: opacity 3.6s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-clip-path 3.6s cubic-bezier(0.515, 0.005, 0.505, 1);
	transition: clip-path 3.6s cubic-bezier(0.515, 0.005, 0.505, 1), opacity 3.6s cubic-bezier(0.515, 0.005, 0.505, 1);
	transition: clip-path 3.6s cubic-bezier(0.515, 0.005, 0.505, 1), opacity 3.6s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-clip-path 3.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}

[data-pararax01-opacity11] {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
					clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	opacity: 0;
}
[data-pararax01-opacity11].active {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
					clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	opacity: 1;
	transition: opacity 3.6s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-clip-path 3.6s cubic-bezier(0.515, 0.005, 0.505, 1);
	transition: clip-path 3.6s cubic-bezier(0.515, 0.005, 0.505, 1), opacity 3.6s cubic-bezier(0.515, 0.005, 0.505, 1);
	transition: clip-path 3.6s cubic-bezier(0.515, 0.005, 0.505, 1), opacity 3.6s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-clip-path 3.6s cubic-bezier(0.515, 0.005, 0.505, 1);
}

.pararax01_pattern01 {
	font-size: 20px;
	line-height: 2;
	font-weight: bold;
}
.pararax01_pattern01 .pararax01_pattern01_underline {
	background-image: linear-gradient(#f00 0%, #f00 100%);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 0% 2px;
}
.pararax01_pattern01.active .pararax01_pattern01_underline {
	background-size: 100% 2px;
	transition: background-size 3.6s cubic-bezier(0.2, 0, 0.18, 1);
}

[data-pararax01-photo01a],
[data-pararax01-photo01b],
[data-pararax01-photo02a],
[data-pararax01-photo02b],
[data-pararax01-photo03a],
[data-pararax01-photo03b],
[data-pararax01-photo03c],
[data-pararax01-photo04a],
[data-pararax01-photo04b] {
	display: inline-block;
	position: relative;
	opacity: 0;
	font-size: 0;
}

[data-pararax01-photo01a].active,
[data-pararax01-photo01b].active,
[data-pararax01-photo02a].active,
[data-pararax01-photo02b].active,
[data-pararax01-photo03a].active,
[data-pararax01-photo03b].active,
[data-pararax01-photo03c].active,
[data-pararax01-photo04a].active,
[data-pararax01-photo04b].active {
	opacity: 1;
}

.ie [data-pararax01-photo01a],
.ie [data-pararax01-photo01b],
.ie [data-pararax01-photo02a],
.ie [data-pararax01-photo02b],
.ie [data-pararax01-photo03a],
.ie [data-pararax01-photo03b],
.ie [data-pararax01-photo03c],
.ie [data-pararax01-photo04a],
.ie [data-pararax01-photo04b],
.edge [data-pararax01-photo01a],
.edge [data-pararax01-photo01b],
.edge [data-pararax01-photo02a],
.edge [data-pararax01-photo02b],
.edge [data-pararax01-photo03a],
.edge [data-pararax01-photo03b],
.edge [data-pararax01-photo03c],
.edge [data-pararax01-photo04a],
.edge [data-pararax01-photo04b] {
	background-color: #FFF;
	opacity: 1 !important;
}

[data-pararax01-photo01a] svg,
[data-pararax01-photo01b] svg,
[data-pararax01-photo02a] svg,
[data-pararax01-photo02b] svg,
[data-pararax01-photo03a] svg,
[data-pararax01-photo03b] svg,
[data-pararax01-photo03c] svg,
[data-pararax01-photo04a] svg,
[data-pararax01-photo04b] svg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

[data-pararax01-photo01a] rect,
[data-pararax01-photo01b] rect,
[data-pararax01-photo02a] rect,
[data-pararax01-photo02b] rect,
[data-pararax01-photo03a] rect,
[data-pararax01-photo03b] rect,
[data-pararax01-photo03c] rect,
[data-pararax01-photo04a] rect,
[data-pararax01-photo04b] rect {
	fill: #FFF;
}

[data-pararax01-photo01a].init,
[data-pararax01-photo01b].init,
[data-pararax01-photo02a].init,
[data-pararax01-photo02b].init,
[data-pararax01-photo03a].init,
[data-pararax01-photo03b].init,
[data-pararax01-photo03c].init,
[data-pararax01-photo04a].init,
[data-pararax01-photo04b].init {
	opacity: 1;
}

/* もやもや */
[data-moyamoya01-area] {
	display: block;
	position: relative;
	overflow: visible !important;
	transform: rotate(0.3deg);
}
@keyframes svganimationlinedashmoving {
	0% {
		stroke-dashoffset: 0;
	}
	100% {
		stroke-dashoffset: -7;
	}
}