/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
originals
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, code, del, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-style: normal;
}

main, article, aside, details, figcaption, figure, footer, header, nav, section {
	display: block;
}

body {
	line-height: 1
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

blockquote::before, blockquote::after {
	content: '';
	content: none
}

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

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

img {
	vertical-align: middle
}

html {
	font-size: 10px;
	height: 100%;
}

a{
	text-decoration: none;
}
a:link {color:inherit;} 
a:visited {color:inherit;}
a:hover {color:inherit;} 
a:active {color:inherit;}



body {
	text-size-adjust: 100%;
	/* font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; */
	font-family: -apple-system, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo,BlinkMacSystemFont, Roboto, sans-serif;

	min-width: 320px;
	color: #333;
	background: #fff;
	position: relative;
}


@media screen and (min-width: 768px) {
	body {
		min-width: 1200px;
	}
}


/* ========================================
	X item_link
======================================== */


.item_link{
	text-align: center;
	display: block;
}
.item_link a{
	text-align: center;
	color: #fff;
	/* padding: 10px 70px 10px 50px; */
	overflow: hidden;
	background-image: url("../img/common/i_go.svg");
	background-repeat: no-repeat;
	background-position:   right 15px center;
	background-size: 18px 18px;

	display: block;
	padding: 10px 35px 10px 15px;
	width: 170px;
	margin: 0 auto;
}


#niceday #vacancy .subscription .item_link:first-of-type a:hover{
	background-color: #e65473;
}

@media screen and (max-width: 767px) {
	.item_link {
		display: block;
	}
	.item_link a{
		font-size: 4vw;
		display: block;
		padding: 4vw 0;
		margin: 0;
		width: auto;
		background-position: right 8vw center;
		background-size: 4vw 4vw;
		
	}
}



.item_link a.bg-pink:hover{background-color: #e65473;}
.item_rb_link a.bg-pink:hover{background-color: #e65473;}
.item_link a.bg-blue:hover{background-color: #2a88c7;}
.item_rb_link a.bg-blue:hover{background-color: #2a88c7;}
.item_link a.bg-orange:hover{background-color: #f07a00;}


/* ====================
	HEADER
==================== */

.header {
	/* position: absolute; */
	/* height: 150px; */
	width: 100%;
	z-index: 10;
	background: #fff;
}

.header_inner {
	height: 150px;
	padding: 0 40px 0 40px;
	display: flex;
	flex-direction: row;
	/* flex-wrap: wrap; */
	justify-content: space-between;
	align-items: center;
}
.header_logo {
	padding-left: 50px;
	width: 250px;
}
.header_logo img {
	width: 100%;
}
.header_nav {
	line-height: 1.4;
	display: block;
}
.header_nav_sp,.btn_spnav {
	display: none;
}

.header_nav .header_nav_list {
	display: table;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.header_nav .header_nav_list li a{
	color:#676767;
}

.header_nav .header_nav_list li a::after {
	content: "";
	display: block;
	margin-top: 2px;
	width: 0;
	transition: width 0.3s ease;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-radius: 2px;
	border-color: #00a73c;
}

.header_nav .header_nav_list li:nth-child(1) a::after{border-color: #ec6d88;}
.header_nav .header_nav_list li:nth-child(2) a::after{border-color: #409ad6;}
.header_nav .header_nav_list li:nth-child(3) a::after{border-color: #f39801;}


.header_nav .header_nav_list li a:hover::after {
	width: 100%;
}

.header_nav .header_nav_list li.now a::after {
	transition: none;
	width: 100%;
}

.header_nav .header_nav_list li {
	display: table-cell;
	padding: 0 18px;
	vertical-align: middle;
}


@media screen and (max-width: 767px) {
	.header_inner {
		height: auto;
		padding: 0;
		position: relative;
		background: #fff;
		/* padding: 0 2vw 0 2vw; */
	}
	.header_logo {
		padding: 4vw 0 6vw 4vw;
		width: 38vw;
	}
	/* .header_logo img {
		width: 100%
	} */
	.header_nav_sp,.btn_spnav {
		display: block;
	}
	.header_nav {
		display: none;
	}

	.header_nav_sp_inner {
		overflow: hidden;
		z-index: 100;
		position: fixed;
		top: 0;
		left: 0;
		height: 0;
		z-index: 100;
		width: 100%;
		transition: height .3s ease, padding .3s ease;
		background: #fff;
	}

	.header_nav_sp .header_nav_sp_inner.spnav_isopen {
		overflow: auto;
		height: 100vh;
	}
	.header_nav_sp .header_nav_sp_inner.spnav_isclose {
		height: 0;
	}


	.header_nav_sp .header_nav_list{
		height: 100vh;
		background: #fffeea;
		line-height: 1.4;
	}
	.header_nav_sp .header_nav_list .header_nav_item{
		background: #fffeea;
		padding: 4vw 6vw 0 10vw;
		border-bottom: 1px dotted #676767;
	}
	.header_nav_sp .header_nav_list .header_nav_item:last-child {
		border-bottom: none;
	}

	.header_nav_sp .header_nav_list .header_nav_item .header_nav_parent{
		display: inline-block;
		font-size: 4vw;
		font-weight: bold;
		margin-bottom: 4vw;
	}
	.header_nav_sp .header_nav_list .header_nav_item .header_nav_children{
		clear: both;
		font-size: 3.6vw;
		/* padding: 4vw 0 0 0; */
	}
	.header_nav_sp .header_nav_list .header_nav_item .header_nav_children li{
		font-size: 3.6vw;
		padding: 1vw 0 1vw 0;
	}
	.header_nav_sp .header_nav_list .header_nav_item .header_nav_children li:last-child {
	margin-bottom: 4vw;
	}

}

/* ====================
	HEADER SP Button
==================== */

.btn_spnav{
	position: absolute;
	z-index: 10;
	top: 6.5vw;
	right: 5vw;
	width: 6vw;
	height: 7.6vw;
	border: 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
	background: #fff;
}

.btn_spnav.spnav_active .btn_spnav_bar {
	background: transparent;
}

.btn_spnav.spnav_active .btn_spnav_bar:before {
	transform: translateY(1.6vw) rotate(45deg);
}

.btn_spnav.spnav_active .btn_spnav_bar:after {
	transform: translateY(1.6vw) rotate(-45deg);
}

.btn_spnav_bar {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #666;
	width: 100%;
	height: 2px;
	transition: background .25s ease;
}

.btn_spnav_bar:before, .btn_spnav_bar:after {
	display: block;
	content: "";
	background: #666;
	width: 100%;
	height: 2px;
	transition: transform .25s ease;
}

.btn_spnav_bar:before {
	transform: translateY(1.6vw);
}

.btn_spnav_bar:after {
	transform: translateY(3.2vw);
	margin-top: -2px;
}

.btn_spnav_label {
	position: absolute;
	left: -1vw;
	bottom: 0;
	display: block;
	font-size: 2vw;
	white-space: nowrap;
	font-weight: bold;
	color: #666;
}



.btn_spnavchild{
	display: inline-block;
	float: right;
	position: relative;
	border: 0;
	padding: 0;
	margin-top: 1vw;
	height: 4vw;
	width: 4vw;
	cursor: pointer;
	background: url("../img/common/i_sp_c_open.svg") no-repeat ;
	transition: .25s ease;
}

.btn_spnavchild.spnavchild_isactive{
	transform: rotate(-180deg);
}

.header_nav_children {
	max-height: 0;
	overflow: hidden;
	/* transition: max-height 0.3s; */
	transition: max-height .5s ease;
}

.header_nav_children.spnavchild_isopen {
	max-height: 300px;
}

.header_nav_children.spnavchild_isclose {
}


/* ====================
	Common
==================== */
.white{color: #fff;}
.black{color: #000;}
.gray{color: #676767;}
.offwhite{color: #fffeea;}
.orange{color: #f39801;}
.pink{color: #ec6d88;}
.blue{color: #409ad6;}
.green{color: #00a73c;}
.red{color: #e71c24;}

.bg-white{background-color: #fff;}
.bg-black{background-color: #000;}
.bg-gray{background-color: #676767;}
.bg-offwhite{background-color: #fffeea;}
.bg-orange{background-color: #f39801;}
.bg-pink{background-color: #ec6d88;}
.bg-blue{background-color: #409ad6;}
.bg-green{background-color: #00a73c;}
.bg-red{background-color: #e71c24;}

.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
@media screen and (max-width: 767px) {
	.mb20{margin-bottom: 4vw;}
	.mb40{margin-bottom: 8vw;}
	.mb60{margin-bottom: 12vw;}
	.mb80{margin-bottom: 16vw;}
	.mb100{margin-bottom: 20vw;}
}


body{
font-size: 18px;
line-height: 30px;
}

.ls-50{letter-spacing: -1px;}

small{
	/* font-size: 16px;
	line-height: 24px; */
	font-size: 14px;
	line-height: 24px;
}
em{font-weight: bold;}

@media screen and (max-width: 767px) {
	body{
		font-size: 3.2vw;
		line-height: 5.4vw;
	}  
	small{font-size: 3vw;}
}

.link_pdf{
	background: url("../img/common/link_pdf.svg") no-repeat;
	background-size: 16px;
	padding-left: 20px;
	margin-right:20px;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.link_pdf{
		background: url("../img/common/link_pdf.svg")   no-repeat;
		font-size: 3.2vw;
		background-size: 3.2vw;
		padding-left: 4vw;
		margin-right: 4vw;
	}
}

span.span-bl{display: inline;}
@media screen and (max-width: 767px) {span.span-bl{display: block;}}
span.span-bl-no{display: block;}
@media screen and (max-width: 767px) {span.span-bl-no{display: inline;}}


@media screen and (min-width: 768px) {
	.sp_hide{display: block; }
	.sp_show{display: none; }
}
@media screen and (max-width: 767px) {
	.sp_hide{display: none;}
	.sp_show{display: block; }
}



.header_contact{
	position: absolute;
	z-index: 10;
	bottom: 50px; right: 4vw;
	display: inline-block;
	width: 200px;
		height: 200px;
	border-radius: 50%;
	background: #f39801;
}

.header_contact a{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 48%;
	transform: translateY(-50%);
	width: 200px;
	text-align:center;
	color: #fff;
	line-height: 40px;
	font-size: 24px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.header_contact{
		bottom: -4vw; right: 4vw;
		width: 34vw;
		height: 34vw;
	}

	.header_contact a{
		width: 34vw;
		line-height: 6vw;
		font-size: 4vw;
	}
}

/* ====================
	top_visual
==================== */


#top_visual {
	/* background: #000; */
	overflow: hidden;
	position: relative;
	margin-bottom: 80px;
}



.top_visual_movie_wrap {
	/* overflow: hidden; */
	position: relative;
	max-height: 100vh;
	background: #fff;
}

.top_visual_movie {
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding-bottom: 56.25%;
	height: 0;
	margin-top: -6.25%;
}

.top_visual_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 106.25%;
	width: 106.25%;
}

@media screen and (max-width: 767px) {
	/* #top_visual {
		height: 80vw;
		margin-bottom: 6vw;
	} */

	/* .top_visual_movie {
		position: relative;
		z-index: 1;
		height: 40vw;
		margin-top: 0;
	} */

	/* .top_visual_movie iframe {
		position: absolute;
		top: -8vw;
		left: -47vw;
		height: 100%;
		width: 200%;
	} */

	#top_visual {
		/* height: 80vw; */
		margin-bottom: 10vw;
		overflow: visible;
	}
	.top_visual_movie_wrap {
		position: relative;
		height: calc(100vh - 38vw);
		background: url("../img/top/top_vis_cover.jpg")  no-repeat ;
		background-size: cover;
	}
	.top_visual_movie {
		display: none;
	}
	.top_visual_movie iframe {
		display: none;
	}

}



.top_visual_over {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.top_visual_key{
	position: absolute;
	top: calc(50% - 90px);
	left: 80px;
}

.top_visual_over .top_visual_key p{
	display:inline-block;
	padding: 24px;
	margin-bottom: 20px;
	font-size: 50px;
	font-weight: bold;
	color: #676767;
	background: #fff;
}

@media screen and (max-width: 767px) {
	.top_visual_key{
		top: calc(50% - 8.5vw - 4vw);
		left: 4vw;
	}
	.top_visual_over .top_visual_key p{
		padding: 1.5vw;
		margin-bottom: 1.5vw;
		font-size: 5.5vw;
	}

}

/* ====================
	top_main
==================== */
.top_content{
	overflow: hidden;
	position: relative;
	margin-bottom: 100px;
	
}

#top_niceday,#top_tenderness {
	width: 75%;
	margin: 0 auto;
	margin-bottom: 100px;
	height: 550px;
}

.top_content .item_rb_dsc{
	position: absolute;
	width: 50%;
	z-index: 2;
	text-align: center;
}

#top_niceday .item_rb_dsc{
	left: 0;
}
#top_tenderness .item_rb_dsc{
	right: 0;
}



.top_content .item_rb_dsc header{
	padding: 20px 0 20px 0;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 100px;
	border: 2px solid ;
}

#top_niceday .item_rb_dsc header{
	border-color: #ec6d88;
	color:#ec6d88;
}
#top_tenderness .item_rb_dsc header{
	border-color: #409ad6;
	color:#409ad6;
}

.top_content .item_rb_dsc h2{
	display: block;
	margin-bottom: 30px;
}
.top_content .item_rb_dsc h2 img{
	width: 66%;
	height: 66%;
	object-fit: cover;
}

.top_content .item_rb_dsc p{
	font-size: 20px;
	line-height: 40px;
	margin-bottom: 50px;
}

.top_content .item_rb_img{
	position: absolute;
	z-index: 1;
	height: 600px;
	width: 52.5%;
}
#top_niceday .item_rb_img{
	right: 0;
	background: url("../img/top/top_niceday_vis.png")  no-repeat ;
	background-size: cover;
}
#top_tenderness .item_rb_img{
	left: 0;
	background: url("../img/top/top_tenderness_vis.png")  no-repeat ;
	background-size: cover;
}

#top_niceday .item_rb_dsc header{padding-right: 40px;}
#top_tenderness .item_rb_dsc header{padding-left: 40px;}

#top_niceday .item_rb_dsc h2,
#top_niceday .item_rb_dsc p,
#top_niceday .item_rb_link{
	margin-right: 40px;
}

#top_tenderness .item_rb_dsc h2,
#top_tenderness .item_rb_dsc p,
#top_tenderness .item_rb_link{
	margin-left: 40px;
}


@media screen and (max-width: 767px) {
	.top_content{
		overflow: visible;
		margin-bottom: 10vw;
	}
	#top_niceday,#top_tenderness {
		width: 100%;
		margin: 0 ;
		height: auto;
		margin-bottom: 10vw;
	}
	.top_content .item_rb_dsc{
		position: relative;
		width: auto;
		padding: 0 4vw;
		left: 0;
		margin-bottom: 8vw;
	}

	.top_content .item_rb_dsc header{
		padding: 2vw;
		font-size: 4vw;
		margin-bottom: 8vw;
	}

	.top_content .item_rb_dsc h2{
		margin-bottom: 6vw;
	}

	.top_content .item_rb_dsc h2 img{
		width: 90%;
		height: auto;
	}

	.top_content .item_rb_dsc p{
		font-size: 4vw;
		line-height: 6vw;
		margin-bottom: 8vw;
	}


	.top_content .item_rb_img{
		position: relative;
		height: 60vw;
		width: 100%;
	}

	#top_niceday .item_rb_dsc h2,
	#top_niceday .item_rb_dsc p,
	#top_niceday .item_rb_link{
		margin-right: 0;
	}

	#top_tenderness .item_rb_dsc h2,
	#top_tenderness .item_rb_dsc p,
	#top_tenderness .item_rb_link{
		margin-left: 0;
	}


}


.item_rb_link {
	display:flex;
	justify-content: space-evenly;
}

.item_rb_link a{
	letter-spacing: -1px;
	/* width: calc(40% - 18px); */
	/* padding: 10px 18px 10px 0; */
	color : #fff;
	background-image: url("../img/common/i_go.svg");
	background-repeat: no-repeat;
	background-position:   right 10px center;
	background-size: 18px 18px;

	display: block;
	padding: 10px 35px 10px 15px;
	width: 170px;
	border-right: 2px solid #fff;
}

@media screen and (max-width: 767px) {
	.item_rb_link {
		display: block;
	}
	.item_rb_link a{
		display: block;
		width: auto;
		font-size: 4vw;
		padding: 4vw 18px 4vw 0;
		background-position: right 8vw center;
		background-size: 4vw 4vw;
		margin: 0 0 4vw 0;
	}
}





#top_about{
	height: 650px;
}

#top_about .item_ta_dsc{
	position: absolute;
	left: 0;
	text-align: center;
	height: 650px;
	width: 45%;
	background: rgba(255,255,255,0.7);
	background: #fffeea;
}

#top_about .item_ta_dsc img{
	margin: 60px 0 60px 0;
}
#top_about .item_ta_dsc p{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 20px;
	-webkit-text-stroke: 0.1px black;
}
#top_about .item_ta_dsc h2{
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 80px;
	-webkit-text-stroke: 0.4px black;
}

#top_about .item_ta_img{
	position: absolute;
	right: 0;
	height: 650px;
	width: 55%;
	background: url("../img/top/top_about_vis.jpg")  no-repeat ;
	background-position: center  0;
	background-size: cover;
}


@media screen and (max-width: 767px) {
	#top_about{
		height: auto;
	}

	#top_about .item_ta_dsc{
		position: relative;
		z-index: 0;
		height: auto;
		width: auto;
		background: #fffeea;
		/* padding: 0 4vw; */
		padding: 8vw 4vw;
	}

	#top_about .item_ta_dsc img{
		width: 66%;
		height: auto;
		margin: 0 0 6vw 0;
	}

	#top_about .item_ta_dsc p{
		font-size: 6vw;
		margin-bottom: 4vw;
	}
	#top_about .item_ta_dsc h2{
		font-size: 8vw;
		margin-bottom: 6vw;
	}

	#top_about .item_ta_img{
		position: relative;
		z-index: 0;
		height: 70vw;
		left: 0;
		width: 100%;
		background-position: right -8vw center;
		background-size: cover;
	}
}


.top_det_l{
	display: flex;
	margin-bottom: 100px;
}

.top_det_l .top_det_l_title{
	width: 10%;
	border: 1px solid #000;
	border-left: none;
	height: 210px;
	padding: 40px 2.5% 0 0 ;
	font-size: 36px;
	writing-mode: vertical-rl;
	margin-right: 5%;
}

.top_det_l .top_det_l_content{
	padding-right: 5%;
	width: 1200px;
}

@media screen and (max-width: 767px) {
	.top_det_l{
		display: block;
		margin-bottom: 10vw;
	}

	.top_det_l .top_det_l_title{
		width: 30%;
		border: 1px solid #000;
		border-bottom: none;
		height: auto;
		padding: 3.6vw 1vw ;
		font-size: 4vw;
		writing-mode: horizontal-tb;
		text-align: center;
		margin: 0 auto 8vw auto;
	}

	.top_det_l .top_det_l_content{
		width: auto;
		padding: 0 4vw;
	}
}


.top_det_info{
	position: relative;
}

.top_det_info ul{
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 60px;
}

.top_det_info ul li{
	border-bottom: 2px dashed #b8b8b8;
}
.top_det_info ul li p,.top_det_info ul li span,.top_det_info ul li a{
	display: inline-block;
	padding: 20px 15px;
}

.top_det_info ul li span{
	background: #f39801;
	color: #fff;
	padding: 5px 20px;
}


.top_det_info .item_link{
	position: absolute;
	right: 0;
}

@media screen and (max-width: 767px) {

	.top_det_info ul{
		font-size: 3vw;
		margin-bottom: 6vw;
	}

	.top_det_info ul li{
		border-bottom: 1px dashed #b8b8b8;
		margin-bottom: 4vw;
	}
	.top_det_info ul li p,.top_det_info ul li span,.top_det_info ul li a{
		display: inline-block;
		padding: 0 2vw 2vw 2vw;
	}

	.top_det_info ul li span{
		background: #f39801;
		color: #fff;
		padding: 0vw 2vw;
	}

	.top_det_info ul li a{
		display: block;
	}
	.top_det_info .item_link{
		position: static;
	}
}



#top_det_blog{
	background: #fffeea;
	padding: 120px 0;
}

.top_det_blog{
	/* background: yellow; */
	text-align: center;
	/* padding: 120px 0; */
}

.top_det_blog h3:first-child{
	display: block;
	padding: 14px 0;
	margin: -20px 0 30px 0 ;
	text-align: center;
	font-size: 28px;
	background: url("../img/common/shout_sl.svg")   center no-repeat ;
	/* background-size: 18px 18px; */
}

.top_det_blog ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.top_det_blog ul li{
	width: 30%;
	text-align: right;
}

.top_det_blog ul li img{
	display: block;
	width: 100%;
	margin-bottom: 30px;
}

.top_det_blog ul li header{
	margin-bottom: 20px;
	text-align: left;
}


.top_det_blog ul li header span{
	font-size: 14px;
	margin-right: 20px;
}
.top_det_blog ul li header span.top_det_bloglist_cate{
	margin-right: 0px;
	background: #5bb531;
	color: #fff;
	padding: 5px 20px;
}

.top_det_blog ul li h3.top_det_bloglist_title{
	text-align: left;
	font-size: 20px;
	color: #5bb531;
	margin-bottom: 10px;
}
.top_det_blog ul li a{
	font-size: 16px;
	background: url("../img/common/i_go_b.svg")  right 0px center no-repeat ;
	background-size: 18px 18px;
	padding: 0 30px 0 0;
}


@media screen and (max-width: 767px) {
	#top_det_blog{
		padding: 8vw 0 8vw 0;
		margin-bottom: 0;
	}

	.top_det_blog{
		text-align: left;
	}

	.top_det_blog h3:first-child{
		padding: 4vw 0 ;
		margin: 0 0 4vw 0 ;
		font-size: 5vw;
		background-size: 90%;
	}

	.top_det_blog ul{
		display: block;
	}

	.top_det_blog ul li{
		width: auto;
		margin-bottom: 8vw;
	}

	.top_det_blog ul li img{
		margin-bottom: 5vw;
	}

	.top_det_blog ul li header{
		margin-bottom: 3vw;
	}


	.top_det_blog ul li header span{
		font-size: 3vw;
		margin-right: 4vw;
	}
	.top_det_blog ul li header span.top_det_bloglist_cate{
		padding: 0.2vw 2vw;
	}

	.top_det_blog ul li h3.top_det_bloglist_title{
		font-size: 4vw;
		margin-bottom: 2vw;
	}
	.top_det_blog ul li a{
		font-size: 3vw;
		background-position: right 0.6vw center;
		background-size: 3vw 3vw;
		padding: 0 5vw 0.2vw 0;
	}
}



#top_det_faq{
	background:#f39801;
	margin-bottom: 100px;
	text-align: center;
	padding: 80px 0;
}

#top_det_faq h3{
	color: #fff;
	font-size: 34px;
	line-height: 66px;
	margin-bottom: 80px;
}

#top_det_faq .top_det_faq_inner{
	background: #fff;
	border-radius: 20px;
	width: 50%;
	margin: 0 auto;
	padding: 50px 150px;
	margin-bottom: 80px;
}

#top_det_faq .top_det_faq_inner h2{
	width: 30%;
	font-size: 24px;
	padding: 20px 40px;
	margin: -90px auto 50px auto;
	background: #fff33f;
	border:solid 5px #f39801;
	border-radius: 20px;
}

#top_det_faq .top_det_faq_inner ul{
	display: block;
	text-align: left;
	font-size: 24px;
	margin-bottom: 40px;
}

#top_det_faq .top_det_faq_inner li{
	margin-bottom: 30px;
	padding: 10px 0 10px 70px;
	border-bottom:solid 5px #ffe23e;
	background: url("../img/top/top_faq.png")  left 20px center no-repeat ;
}


#top_det_faq .top_det_contact {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 800px;
	margin: 0 auto;
}

#top_det_faq .top_det_contact h2{
	/* background: red; */
	color: #fff;
	border: 3px solid #fff;
	border-left: none;
	border-right: none;
	padding: 30px 40px;
	font-size: 34px;
}

#top_det_faq .top_det_contact p{
	color: #fff;
	font-size: 54px;
	margin-bottom: 50px;
}
#top_det_faq .top_det_contact rt{
	font-size: 2rem;
}

#top_det_faq .top_det_contact address a{
	display: block;
	color: #f39801;
	font-size: 20px;
	font-style: normal;
	padding: 30px 40px 30px 100px;
	background: url("../img/common/i_contact.svg")  left 50px center no-repeat #fff;
	background-size: 37px 24px;
	border-radius: 10px;
}

@media screen and (max-width: 767px) {
	#top_det_faq{
		margin-bottom: 10vw;
		padding: 8vw 4vw 8vw 4vw;
		overflow: hidden;
	}
	#top_det_faq h3{
		font-size: 4vw;
		line-height: 8vw;
		margin-bottom: 8vw;
	}
	#top_det_faq h3 em{
		display: block;
	}
	#top_det_faq .top_det_faq_inner{
		background: #fff;
		border-radius: 10px;
		width: auto;
		padding: 8vw 4vw;
		margin-bottom: 8vw;
	}
	#top_det_faq .top_det_faq_inner h2{
		width: 50%;
		font-size: 4vw;
		padding: 2vw 2vw;
		margin: -13vw auto 0 auto;
		border-width: 4px;
		border-radius: 16px;
		margin-bottom: 4vw;
	}
	#top_det_faq .top_det_faq_inner ul{
		font-size: 3.6vw;
		line-height: 4.8vw;
		margin-bottom: 6vw;
	}
	#top_det_faq .top_det_faq_inner li{
		margin-bottom: 4vw;
		padding: 2vw 0 2vw 10vw;
		border-bottom-width: 3px;
		background: url("../img/top/top_faq.png")  3vw 2.6vw no-repeat ;
		background-size: 3.6vw;
	}

	#top_det_faq .top_det_contact {
		display: block;
		width: auto;
	}

	#top_det_faq .top_det_contact h2{
		width: auto;
		color: #fff;
		border-width: 2px;
		padding: 3vw 0;
		font-size: 4.5vw;
		margin-bottom: 4vw;
	}  

	#top_det_faq .top_det_contact p{
		color: #fff;
		font-size: 8vw;
		margin-bottom: 4vw;
	}
	#top_det_faq .top_det_contact rt{
		font-size: 3vw;
	}

	#top_det_faq .top_det_contact address a{
		width: 66%;
		margin:0 auto;
		font-size: 3.6vw;
		padding: 4vw 4vw 4vw 12vw;
		background: url("../img/common/i_contact.svg")  left 7.2vw center no-repeat #fff;
		background-size: auto 3.2vw;
	}

}

#top_access{
	margin-bottom: 100px;
}

.top_det_content_access{
	overflow: hidden;
}

.top_det_content_access .top_access_map{
	height: 600px;
	width: 100%;
	margin-bottom: 30px;
}

.top_det_content_access h2{
	font-size: 28px;
	margin-bottom: 30px;
}

.top_det_content_access .top_det_content_access_way{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
}

.top_det_content_access .top_det_content_access_way dl{
	width: 45%;
	padding: 10px 0 0px 20px;
	margin-bottom: 30px;
	border-left: 10px solid #b5b5b7;
}

.top_det_content_access .top_det_content_access_way dl dt{
	font-size: 20px;
	margin-bottom: 10px;
}

.top_det_content_access .top_det_content_access_way dl dd{
	font-size: 16px;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {

	#top_access{
		margin-bottom: 10vw;
	}

	.top_det_content_access{
	}

	.top_det_content_access .top_access_map{
		height: 60vw;
		margin-bottom: 8vw;
	}

	.top_det_content_access h2{
		text-align: center;
		font-size: 5vw;
		line-height: 7vw;
		margin-bottom: 8vw;
	}

	.top_det_content_access h2 em{
		display: block;
	}

	.top_det_content_access .top_det_content_access_way{
		display: block;
		width: auto;
	}

	.top_det_content_access .top_det_content_access_way dl{
		
		width: 100%;
		padding: 0 0 0 3vw;
		margin-bottom: 6s   vw;
		border-width: 1.5vw;
	}

	.top_det_content_access .top_det_content_access_way dl dt{
		font-size: 4vw;
		margin-bottom: 2vw;
	}

	.top_det_content_access .top_det_content_access_way dl dd{
		font-size: 3.2vw;
		margin-bottom: 2vw;
	}
	.top_det_content_access .top_det_content_access_way dl dd:last-child{
		margin-bottom: 0;
	}

}

/* ====================
	footer
==================== */

footer{
	background: #fffeea;
}

footer .footer_inner{
	padding: 50px 0 100px 0px;
}

.footer_inner_flx{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

footer .footer_inner .footer_logo_wrap{
	width: 250px;
}
footer .footer_inner .footer_logo_wrap img{
	width: 250px;
}

footer .footer_inner .footer_nav_wrap{
	width: 60%; 
}

.footer_nav_l1 {
	display: flex;
	flex-direction: row;
	/* flex-wrap: wrap; */
	justify-content: space-between;
	margin-bottom: 50px;
}

.footer_nav_l1 dl{
}
.footer_nav_l1 dl dt{
	margin-bottom: 10px;
}

.footer_nav_l1 dl dt a,.footer_nav_l2 ul li a{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 1px 25px;
	background: url("../img/common/i_go_c.svg")  left 0px center no-repeat ;
	background-size: 16px 16px;
}

.footer_nav_l1 dl dd{
	font-size: 12px;
	line-height: 3.2rem;
	text-indent: 14px;
}

.footer_nav_l2{
	margin-bottom: 50px;
}

.footer_nav_l2 ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer_cid{
	text-align: center;
}


.footer_cid a{
	font-size: 14px;
	font-weight: bold;
}

.footer_cid small{
	margin-top: 30px;
	display: block;
	font-size: 12px;
}



@media screen and (max-width: 767px) {

	footer .footer_inner{
		padding: 6vw 4vw 10vw 4vw;
	}

	.footer_inner_flx{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		width: 100%;
	}

	footer .footer_inner .footer_logo_wrap{
		/* width: 20%;  */
		width: 38vw;
		margin-bottom: 6vw;
	}
	footer .footer_inner .footer_logo_wrap img{
		width: 38vw;
	}

	.footer_cid a{
		font-size: 3vw;
		font-weight: bold;
	}

	.footer_cid small{
		margin-top: 6vw;
		display: block;
		font-size: 2.6vw;
	}
}



/* ========================================
	pagecommon
======================================== */

.page_ct_header{
	padding: 0 0 60px 0;
}

.page_ct_header.gen_header{
	text-align: center;
	padding: 40px 0 60px 0;
}
.page_ct_header.gen_header .page_title{
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 40px;
}
.page_ct_header.gen_header span{
	font-size: 50px;
}

.rb_header{
	position: relative;
	z-index: 0;
}

.rb_header_inner{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
}
.rb_header_inner .rb_header_dec{
	height: 560px;
	width: 30%;
	padding: 40px 0 0 0;
}

.rb_header_inner .rb_header_dec div{
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border-radius: 50%;
	margin-bottom: 40px;
}
.rb_header_inner .rb_header_dec div span{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 48%;
	transform: translateY(-50%);
	width: 150px;
	text-align:center;
	color: #fff;
	line-height: 40px;
	font-size: 30px;
}
.rb_header_inner .rb_header_dec img{
	width: 80%;
	height: auto;
	margin-bottom: 40px;
}
.rb_header_inner .rb_header_dec p{
	font-size: 24px;
	line-height: 48px;
	padding: 0 0 0 10%;
	text-align: left;
}

.rb_header_inner .rb_header_img{
	height: 600px;
	width: 70%;
	position: relative;
}

.rb_header_inner .rb_header_img .rb_header_img_wrap{
	height: 600px;
	overflow: hidden;
}

.rb_header_inner .rb_header_img .rb_header_img_wrap img{
	height: 600px;
	width: 100%;
	object-fit: cover;
}



.rb_header_inner .rb_header_img .header_contact{
	bottom: -40px; right: 80px;
}

.rb_header_inner .rb_header_sub{
	padding: 60px 0 0 0;
	font-size: 18px;
	line-height: 32px;
}


.page_ct_body{
	margin-bottom: 100px;
	position: relative;
	z-index: 1;
}

.page_ct_section{
	background: #fffeea;
	text-align: center;
	border-top: 40px #fff solid;
}
.page_ct_section .page_ct_section_title{
	border: 1px solid #000;
	border-bottom: none;
	display: inline-block;
	padding: 24px 44px ;
	font-size: 36px;
	background: #fffeea;
	position: relative;
	top: -40px;
}
.page_ct_section:nth-child(2n),.page_ct_section:nth-child(2n) .page_ct_section_title{
	background:#fff;
}
.page_ct_section:nth-child(2n){
	border-top: 40px #fffeea solid;
}

.page_ct_section_inner{
	max-width: 1050px;
	margin: 0 auto;
	padding: 20px 0 60px 0;
}

.page_ct_section_inner p{
	text-align: justify;
	text-justify: inter-ideograph;
}



@media screen and (max-width: 767px) {
	.page_ct_header{
	}

	.page_ct_header.gen_header{
		padding: 5vw 0 12vw 0;
	}
	.page_ct_header.gen_header .page_title{
		margin-bottom: 2vw;
	}
	.page_ct_header.gen_header .page_title,.page_ct_header.gen_header span{
		font-size: 7vw;
	}

	.rb_header{
		padding: 0 0 10vw 0;
	}

	.rb_header_inner{
	}

	.rb_header_inner .rb_header_dec{
		height: auto;
		width: 100%;
		padding: 4vw 0 6vw 0;
	}

	.rb_header_inner .rb_header_dec div{
		width: 24vw;
		height: 24vw;
		margin-bottom: 6vw;
	}
	.rb_header_inner .rb_header_dec div span{
		top: 48%;
		width: 24vw;
		line-height: 6vw;
		font-size: 5vw;
	}
	.rb_header_inner .rb_header_dec img{
		width: 60%;
		margin-bottom: 6vw;
	}
	.rb_header_inner .rb_header_dec p{
		font-size: 4.2vw;
		line-height: 7vw;
		padding: 0 10vw;
		text-align: center;
	}

	.rb_header_inner .rb_header_img{
		height: auto;
		width: 100%;
	}

	.rb_header_inner .rb_header_img .rb_header_img_wrap{
		height: auto;
		overflow: visible;
	}
	.rb_header_inner .rb_header_img .rb_header_img_wrap img{
		height: auto;
	}
	.rb_header_inner .rb_header_img .header_contact{
		bottom: -13vw; right: 4vw;
		width: 26vw;
		height: 26vw;
	}

	.rb_header_inner .rb_header_img .header_contact a{
		width: 26vw;
		line-height: 5vw;
		font-size: 3.2vw;
	}

	.rb_header_inner .rb_header_sub{
		text-align: left;
		padding: 15vw 4vw 0 4vw;
		font-size: 3.2vw;
		line-height: 5vw;
		margin-bottom: 4vw;
	}
	.page_ct_body{
		margin-bottom: 12vw;
	}

	.page_ct_section{
		border-width: 7.5vw;
	}
	.page_ct_section .page_ct_section_title{
		max-width: 77%;
		line-height: 7vw;
		padding: 4vw 6vw;
		font-size: 4.8vw;
		margin: 0;
		top: -7.5vw;
	}

	.page_ct_section_inner{
		padding: 0 4vw 8vw 4vw;
		margin: 0;
	}
}

/* ========================================
	pagecommon lowersection
======================================== */

.page_ct_lwrsection{
	margin-bottom: 30px;
	text-align: left;
}


.page_ct_lwrsection img{
	width: 100%;
	margin-bottom: 10px;
}

.page_ct_lwrsection figcaption{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

.ct_flx_lrc-l{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
	margin-bottom: 30px;
}
.ct_flx_lrc-r{
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
	margin-bottom: 30px;
}

.cl_c1{width: 100%;}
.cl_c2{width: 48%;}
.cl_c3{width: 32%;}
.cl_c4{width: 24%;}



.ct_flx_lrc-l div,.ct_flx_lrc-r div{
	margin-bottom: 20px;
}

.page_ct_lwrsection_title{
	display: inline-block;
	font-size: 24px;
	padding: 5px 10px;
	margin-bottom: 20px;
	line-height: 30px;
	color: #fff;
}

.page_ct_lwrsection_title_2l{
	font-size: 24px;
	margin-bottom: 20px;
	color: #fff;
}
.page_ct_lwrsection_title_2l span{
	display: inline-block;
	font-size: 24px;
	padding: 5px 10px;
	margin: 0;
	margin-bottom: 10px;
	line-height: 30px;
}
.page_ct_lwrsection_title_2l span:first-child{
	padding: 5px 0px 5px 10px;
}

.page_ct_lwrsection_stc p{
	margin-bottom: 10px;
}


.ct_flx_lrc_fl{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
}

.ct_flx_lrc_fl_caption{
	font-size: 14px;
	line-height: 20px;
}



.page_ct_panorama{
	position: relative;
	height: 400px;
	margin-bottom: 80px;
}
.page_ct_panorama iframe{
	width: 100%;
	height: 400px;
}
.page_ct_panorama_cover{
	position: absolute;
	top:0;left:0;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
}
	.page_ct_panorama_cover p{
	text-align: center;
	position: relative;
	top: calc(50% - 24px);
	font-size: 24px;
}

@media screen and (max-width: 767px) {
	.page_ct_lwrsection{
		margin-bottom: 10vw;
	}

	.page_ct_lwrsection img{
		margin-bottom: 0;
	}
	.page_ct_lwrsection .ct_flx_lrc_fl figure{
		margin-bottom: 4vw;
	}

	.ct_flx_lrc-l,.ct_flx_lrc-r{
		display: block;
		margin-bottom: 8vw;
	}
	.cl_c1,.cl_c2,.cl_c3{width: 100%;}

	.cl_c4{width: 48%;}
	.ct_flx_lrc-l div,.ct_flx_lrc-r div{
		margin-bottom: 4vw;
	}

	.page_ct_lwrsection_title{
		font-size: 4.5vw;
		padding: 1vw 1.5vw;
		margin-bottom: 4vw;
	}

	.page_ct_lwrsection_title_2l{
		font-size: 24px;
		margin-bottom: 4vw;
	}
	.page_ct_lwrsection_title_2l span{
		font-size: 4.5vw;
		padding: 1vw 1.5vw;
		margin-bottom: 2vw;
		line-height: 6vw;
	}
	.page_ct_lwrsection_title_2l span:first-child{
		padding: 1vw 1.5vw;
	}

	.page_ct_lwrsection_stc p{
		margin-bottom: 2vw;
	}

	/* .page_ct_lwrsection_stc p,.page_ct_lwrsection figcaption,.page_ct_lwrsection_stc ul{
		font-size: 3.2vw;
		line-height: 5.4vw;
	} */
	.ct_flx_lrc_fl_caption{
		font-size: 3.2vw;
		line-height: 5.4vw;
	}
	.page_ct_panorama{
		margin-bottom: 6vw;
	}
	.page_ct_panorama_cover p{
		text-align: center;
		position: relative;
		top: calc(50% - 4vw);
		font-size: 4vw;
	}
}


/* ========================================
	niceday
======================================== */

#niceday #activity .page_ct_lwrsection{
	text-align: center;
}

#niceday #activity figure img{
	width: 48%;
}

#niceday #activity figure figcaption{
	margin-top: 0;
}
#niceday #activity figure figcaption h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#niceday #activity figure figcaption h4 span{
	font-size: 16px;
	display: block;
}

#niceday #activity figure figcaption p{
	font-size: 16px;
	line-height: 24px;
	}


/* .ct_flx_lrc_fl_grid{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
}
.ct_flx_lrc_fl_grid::after{
	content:"";
	display: block;
	width:24%;
}

.ct_flx_lrc_fl_grid div.grids{
	width: calc(24% - 40px);
	background: #fff;
	padding: 30px 20px;
}

.ct_flx_lrc_fl_grid div.grids h4{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #ec6d88;
	min-height: 46px;
} */

#niceday #activity .circle_activity {
	justify-content: space-evenly;
	background: #fff;
	padding: 40px 30px 20px 30px;
}
#niceday #activity .circle_activity .cl_c3{
	width: auto;
	margin: 0;
}

#niceday #activity .circle_activity .cl_c3 div{
	margin-bottom: 20px;
}

#niceday #activity .circle_activity .cl_c3 p{
	font-weight: bold;
}
#niceday #activity .circle_activity .cl_c3 span{
	display: block;
	font-size: 16px;
	font-weight: bold;
}


@media screen and (max-width: 767px) {
	#niceday #activity .circle_activity {
		justify-content: space-evenly;
		background: #fff;
		padding: 8vw 4vw 4vw 4vw;
	}

	#niceday #activity .circle_activity .cl_c3{
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#niceday #activity .circle_activity .cl_c3 div{
		width: 40%;
		margin-bottom: 4vw;
	}
	#niceday #activity .circle_activity .cl_c3 p{
		font-size: 3.6vw;
	}
	#niceday #activity .circle_activity .cl_c3 span{
		font-size: 3vw;
	}
	#niceday #activity .circle_activity .cl_c3::after{
		content:"";
		display: block;
		width: 40%;
	}
}




.deco_shout{
	display: inline-block;
	background: 
	url("../img/common/f_bsl.svg") left center no-repeat,
	url("../img/common/f_sl.svg") right center no-repeat;
	font-size: 26px;
	font-weight: bold;
	padding: 26px 80px;
	margin-bottom: 50px;
} 

@media screen and (max-width: 767px) {
	.deco_shout{
		font-size: 4vw;
		padding: 0 12vw;
		margin-bottom: 8vw;
	} 
	.deco_shout span{
		display: block;
	}
}


@media screen and (max-width: 767px) {
	#niceday #activity figure img{
		width: 100%;
	}
	#niceday #activity figure figcaption h4{
		font-size: 3.6vw;
		margin-bottom: 2vw;
	}
	#niceday #activity figure figcaption h4 span{
		font-size: 3vw;
		display: inline;
	}
	#niceday #activity figure figcaption p{
		font-size: 3.2vw;
		line-height: 5.4vw;
		margin-bottom: 4vw;
	}
	.ct_flx_lrc_fl_grid::after{
		width:48%;
	}
	.ct_flx_lrc_fl_grid div.grids{
		width: calc(48% - 8vw);
		background: #fff;
		padding: 5vw 4vw;
	}
	.ct_flx_lrc_fl_grid div.grids h4{
		font-size: 3.6vw;
		margin-bottom: 4vw;
		min-height: 11.2vw;
	}
	/* .ct_flx_lrc_fl_grid div.grids p{
		font-size: 3vw;
		line-height: 5vw;
	} */
}

/* ========================================
	2Niceday__Vacancy
======================================== */
#niceday #vacancy .vacancylist p{
	margin-bottom: 30px;
}
#niceday #vacancy .vacancylist i{
	color: #e71c24;
}
#niceday #vacancy #vacancy_body{
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	#niceday #vacancy .vacancylist p{
		margin-bottom: 6vw;
	}
	#niceday #vacancy .vacancylist i{
		display: block;
	}
	#niceday #vacancy #vacancy_body{
		margin-bottom: 8vw;
	}
}

#niceday #vacancy .subscription p{
	text-align: center;
	margin-bottom: 20px;
}
#niceday #vacancy .subscription h3{
	text-align: center;
	color: #ec6d88;
	margin-bottom: 20px;
}
#niceday #vacancy .subscription address{
	text-align: center;
	margin-bottom: 40px;
}
#niceday #vacancy .subscription .item_link a{
	display: inline-block;
	padding: 10px 70px 10px 50px;
	min-width: 300px;
	border: 2px solid #fbe2e6;
}
#niceday #vacancy .subscription .item_link:first-of-type a{
	background:
	url("../img/common/link_pdf_w.svg") left 100px center  no-repeat,
	url("../img/common/i_go.svg") right 16px center no-repeat;
	background-size: 18px 18px;
	background-color: #ec6d88;
	margin-bottom: 40px;
}


@media screen and (max-width: 767px) {
	#niceday #vacancy .subscription p{
		text-align: left;
		margin-bottom: 8vw;
	}
	#niceday #vacancy .subscription h3{
		margin-bottom: 3vw;
		font-size: 5vw;
	}
	#niceday #vacancy .subscription address{
		width: 90%;
		margin: 0 auto;
		text-align: left;
		margin-bottom: 6vw;
	}
	#niceday #vacancy .subscription .item_link a{
		padding: 4vw 0;
		width: 90%;
		margin: 0 auto;
		display: block;
		text-align: left;
		margin-bottom: 6vw;
		text-indent: 3vw;
		background-position: right 4vw center;
	}
	#niceday #vacancy .subscription .item_link:first-of-type a{
		background-position: 
			left 4vw center,
			right 4vw center;
		background-size: 
			5vw 5vw,
			4vw 4vw;
		background-color: #ec6d88;
		margin-bottom: 8vw;
		text-indent: 12vw;
	}
}

/* ========================================
	2Niceday__Vacancy__Table
======================================== */
#vacancy_body table{
	width: 100%;
	border: 1px solid #bcbcbc;
}
#vacancy_body table tr:nth-child(odd){
	background-color: #fbe2e6;
}
#vacancy_body th{
}
#vacancy_body td,#vacancy_body th{
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border: 1px dashed #bcbcbc;
	border-width: 0 1px 0 1px;
	height: 80px;
}
#vacancy_body td{
	padding: 5px;
	position: relative;
	height: 80px;
	width: 7%;
	display: table-cell;
}

#vacancy_body td a{
	display: block;
	border: 2px solid #e71c24;
	height: calc(80px - 4px);
	width: calc(100% - 4px);
	overflow: hidden;
}

#vacancy_body td div{
	display: block;
	height: 80px;
	width: 100%;
	overflow: hidden;
}

#vacancy_body td span{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3px 3px 0 3px;
	width: calc(100% - 6px);
	height: calc(50% - 3px);
}

#vacancy_body td span:last-child{
	background: #fffeea;
	font-size: 15px;
	line-height: 17px;
}

#vacancy_body td a:hover,#vacancy_body td a:hover span{
	background: #e3e3e3;
}

@media screen and (max-width: 767px) {
	#vacancy_body {
		width: 100%;
		overflow-x: scroll;
	}
	/* #vacancy_body table{
		width: 850px;
	}
	#vacancy_body td,#vacancy_body th{
		height: 16vw;
	}
	#vacancy_body td{
		padding: 1vw;
		height: 16vw;
	}
	#vacancy_body td a{
		height: calc(16vw - 4px);
	}
	#vacancy_body td div{
		height: 16vw;
	}
	#vacancy_body td span{
		padding: 1vw 1vw 0 1vw;
		width: calc(100% - 2vw);
		height: calc(50% - 1vw);
	}

	#vacancy_body td span:last-child{
		font-size: 2.8vw;
		line-height: 3vw;
	} */
	#vacancy_body table{
		width: 800px;
	}
	#vacancy_body td,#vacancy_body th{
		height: 65px;
	}
	#vacancy_body td{
		padding: 2px;
		height: 65px;
	}
	#vacancy_body td a{
		height: calc(65px - 4px);
	}
	#vacancy_body td div{
		height: 65px;
	}
	#vacancy_body td span{
		padding: 2px 2px 0 2px;
		width: calc(100% - 4px);
		height: calc(50% - 2px);
	}

	#vacancy_body td span:last-child{
		font-size: 2.8vw;
		line-height: 3vw;
	}
}

/* ========================================
	tenderness
======================================== */
.cl_c2-60{width: 59%;}
.cl_c2-40{width: 39%; text-align: center;}

.cl_c2-40 img{width: 90%;}

#tenderness .cl_c1{
	text-align: center;
}
#tenderness .cl_c1 span{
	margin-right: -10px;
}

#tenderness h4{
	margin-bottom: 15px;
}


@media screen and (max-width: 767px) {
	.cl_c2-60{width: 100%;}
	.cl_c2-40{width: 100%;}
	#tenderness .cl_c1 h3 span{
		font-size: 4vw;
		margin-right: 0;
	}
	#tenderness h4{
		margin-bottom: 3vw;
	}
	
}

/* ========================================
	4about
======================================== */
#about #belief .ct_flx_lrc-l{
	width: 66%;
	margin: 0 auto;
}

#about #belief .cl_c2{
width: 29%;
}
#about #belief .cl_c2:last-child{
		width: 69%;
}

#about #belief ol{
	font-size: 24px;
	font-weight: bold;
	line-height: 50px;
}
#about #belief ol:first-child{
	margin-bottom: 50px;
}
#about #belief ol li{
	padding: 0 0 5px 70px;
	border-bottom: 3px solid #000000;
	background-position: 20px center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

#about #belief ol li{border-color: #00a73c;}
#about #belief ol:last-child li{border-color: #f39801;}

#about #belief ol li{background-image: url("../img/about/p4_n1-1.svg");}
#about #belief ol li:nth-child(2){background-image: url("../img/about/p4_n1-2.svg");}
#about #belief ol li:nth-child(3){background-image: url("../img/about/p4_n1-3.svg");}
#about #belief ol:last-child li{background-image: url("../img/about/p4_n2-1.svg");}
#about #belief ol:last-child li:nth-child(2){background-image: url("../img/about/p4_n2-2.svg");}

@media screen and (max-width: 767px) {
	#about #belief .ct_flx_lrc-l{
		display: flex;
		width: auto;
	}

	#about #belief ol{
		font-size: 3.5vw;
		line-height: 7vw;
		margin-top: 1vw;
	}
	#about #belief ol:first-child{
		margin-bottom: 6vw;
	}
	#about #belief ol li{
		padding: 0 0 0vw 7vw;
		border-width: 2px;
		background-position: 2vw center;
		background-repeat: no-repeat;
		background-size: 3.5vw 3.5vw;
	}
}


#about #caretownmap h3{
	font-size: 22px;
	margin-bottom: 60px;
}
#about #caretownmap section{
	margin-bottom: 60px;
	width: 100%;
	position: relative;
}
#about #caretownmap section h4{
	font-size: 22px;
	text-align: left;
}

#about #caretownmap section img.floormap{
	position: relative;
	z-index: 2;
	padding: 20px 0;
	width: 100%;
}

#about #caretownmap section:last-child img.floormap{
	margin: 140px 0 80px 0;
	width: 66%;
}

#about #caretownmap section .caretownmap_inner img{
	position: absolute;
	z-index: 1;
}

#about #caretownmap section .caretownmap_inner img:nth-child(1){
	top: 70px;
	left: 0px;
}
#about #caretownmap section .caretownmap_inner img:nth-child(2){
	top: 50px;
	left: 300px;
}
#about #caretownmap section .caretownmap_inner img:nth-child(3){
	bottom: -60px;
	right: 241px;
	z-index: 5;
}
#about #caretownmap section .caretownmap_inner img:nth-child(4){
	bottom: -35px;
	left: 0;
	z-index: 5;
}
#about #caretownmap section .caretownmap_inner img:nth-child(5){
	bottom: 155px;
	right: 5px;
	z-index: 5;
}



#about #caretownmap section:last-child .caretownmap_inner img:nth-child(1){
	top: 50px;
	left: 0px;
}
#about #caretownmap section:last-child .caretownmap_inner img:nth-child(2){
	top: 350px;
	left: 0px;
}
#about #caretownmap section:last-child .caretownmap_inner img:nth-child(3){
	bottom: 0px;
	right: 0px;
}

@media screen and (max-width: 767px) {
	#about #caretownmap h3{
		font-size: 4vw;
		margin-bottom: 8vw;
	}
	#about #caretownmap section{
		margin-bottom: 8vw;
	}
	#about #caretownmap section h4{
		text-align: center;
		font-size: 5vw;
		line-height: 8vw;
		margin-bottom: 2vw;
	}
	#about #caretownmap section img.floormap{
		position: relative;
		padding: 20px 0;
		width: 100%;
	}

	#about #caretownmap section:last-child img.floormap{
		margin: 0 0 0 0;
		width: 100%;
	}
	#about #caretownmap section .caretownmap_inner{
		position: relative;
		min-height: 90vw;
	}
	#about #caretownmap section .caretownmap_inner img{
		position: absolute;
	}
	#about #caretownmap section .caretownmap_inner img:nth-child(1){
		width: 50%;
		top: 8vw;
		left: 0;
	}
	#about #caretownmap section .caretownmap_inner img:nth-child(2){
		width: 35%;
		top: 0px;
		left: 50vw;
	}
	#about #caretownmap section .caretownmap_inner img:nth-child(3){
		width: 30%;
		bottom: 21vw;
		right: 0;
	}
	#about #caretownmap section .caretownmap_inner img:nth-child(4){
		width: 25%;
		bottom: 7vw;
		left: 0;
	}
	#about #caretownmap section .caretownmap_inner img:nth-child(5){
		width: 30%;
		bottom: 8vw;
		left: 31vw;
	}
	#about #caretownmap section:last-child .caretownmap_inner {
		position: relative;
		min-height: 67vw;
	}
	#about #caretownmap section:last-child .caretownmap_inner img:nth-child(1){
		width: 50%;
		top: 6vw;
		left: inherit;
		right: 0;
	}
	#about #caretownmap section:last-child .caretownmap_inner img:nth-child(2){
		width: 35%;
		top: 0px;
		left: 10vw;
	}
	#about #caretownmap section:last-child .caretownmap_inner img:nth-child(3){
		width: 30%;
		bottom: 0;
		right: inherit;
		left: 0;
	}
}

#about #about_nursing h3{
	margin-bottom: 40px;
}

#about #about_nursing .about_nursing_dsc{
	margin-top: 20px;
	background: #fff;
	text-align: center;
	padding: 30px 20px;
	font-weight: bold;
}

#about #about_nursing .about_nursing_dsc h4{
	font-size: 22px;
	margin-bottom: 20px;
}
#about #about_nursing .about_nursing_dsc p{
	display: inline;
	font-size: 22px;
	color: #f39801;
}
#about #about_nursing .about_nursing_dsc small{
	font-size: 16px;
	font-weight: normal;
}
#about #about_nursing .about_nursing_dsc em{
	font-size: 36px;
}

#about #about_nursing .about_nursing_illust{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
#about #about_nursing .about_nursing_illust img{
	width: 30%;
	margin-bottom: 20px;
}
#about #about_nursing .about_nursing_illust img:nth-child(2){
	width: 1.5%;
}
#about #about_nursing .about_nursing_illust img:nth-child(3){
	width: 24%;
}

@media screen and (max-width: 767px) {
	#about #about_nursing .page_ct_lwrsection{
		text-align: center;
	}
	#about #about_nursing h3{
		margin-bottom: 4vw;
	}
	#about #about_nursing p{
		text-align: left;
	}
	#about #about_nursing .about_nursing_dsc{
		margin-top: 4vw;
		padding: 6vw 4vw;
	}
	#about #about_nursing .about_nursing_dsc h4{
		font-size: 3.6vw;
		margin-bottom: 4vw;
	}
	#about #about_nursing .about_nursing_dsc p{
		text-align: center;
		display: block;
		font-size: 4vw;
		margin-bottom: 2vw;
	}
	#about #about_nursing .about_nursing_dsc small{
		display: block;
		text-align: left;
		font-size: 3.2vw;
	}
	#about #about_nursing .about_nursing_dsc em{
		font-size: 5.4vw;
	}
	#about #about_nursing .about_nursing_illust img{
		width: 45%;
		margin-bottom: 4vw;
	}
	#about #about_nursing .about_nursing_illust img:nth-child(2){
		width: 2.8%;
	}
	#about #about_nursing .about_nursing_illust img:nth-child(3){
		width: 35%;
	}
}

/* ================== table ================= */

#about .page_ct_lwrsection_title{
	/* font-weight: normal; */
}
#about .page_ct_lwrsection header {
	margin-bottom: 30px;
}
#about .page_ct_lwrsection header .link_pdf{
	display: inline-block;
}

#about .about_table{
	overflow: auto;
	margin-bottom: 40px;
}

#about .about_table h4{
	font-size: 22px;
	margin-bottom: 20px;
}

#about .about_table table{
	/* min-width: 800px; */
	width: 100%;
	box-sizing: border-box;
	table-layout: fixed;
	margin-bottom: 20px;
}
#about .about_table table tbody{
}

#about .about_table table tbody tr th,
#about .about_table table tbody tr td{
	border: 1px solid #bcbcbc;
	padding: 15px 20px;
	vertical-align: middle;
	background: #fff;
}

#about .tb_pink th:first-child,
#about .tb_blue th:first-child{
	border-right: none;
	border-left: none;
	width: 27%;
}

#about .tb_pink th:nth-child(2),
#about .tb_pink td:nth-child(2),
#about .tb_blue th:nth-child(2),
#about .tb_blue td:nth-child(2)
{
	border-left: none;
}


#about .tb_pink th{color: #ec6d88;}
#about .tb_pink th:first-child{background: #fbe2e6;}
#about .tb_blue th{color: #409ad6;}
#about .tb_blue th:first-child{background: #d9ebf7;}
#about .tb_nrml th{color: #000;}
#about .tb_nrml th:first-child{background: none;}


#about #about_terms .page_ct_lwrsection{
	margin-bottom: 60px;
}
#about #about_terms .tb_nrml{
	margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
	#about .page_ct_lwrsection header{
		text-align: center;
		margin: 0;
	}
	#about .page_ct_lwrsection header .link_pdf{
		display: inline-block;
		margin-bottom: 6vw;
	}
	#about .link_pdf{
		margin: 0 2vw;
	}
	#about .about_table{
		margin-bottom: 8vw;
	}
	#about .about_table h4{
		font-size: 4vw;
		margin-bottom: 4vw;
	}
	#about .about_table table{
		/* min-width: 800px; */
		margin-bottom: 4vw;
	}
	#about .about_table table tbody tr th,
	#about .about_table table tbody tr td{
	padding: 3vw 4vw;
	}

	#about #about_terms .page_ct_lwrsection {
		margin-bottom: 6vw;
		text-align: center;
	}
	#about #about_terms .page_ct_lwrsection p{
		text-align: left;
	}
	#about #about_terms .tb_nrml{
	}

}

/* ========================================
	5company
======================================== */


#company #about_caretown section h3{
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 20px;
}
#company #about_caretown section div{
	margin-bottom: 40px;
}
#company #about_caretown section div p{
	width: 68%;
}
#company #about_caretown section div figure{
	width: 28%;
}
#company #about_caretown section div figure img{
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	#company #about_caretown section div p{
		width: 100%;
		margin-bottom: 8vw;
	}
	#company #about_caretown section div figure{
		width: 100%;
		text-align: center;
	}
	#company #about_caretown section div figure img{
		width: 66%;
		margin-bottom: 4vw;
	}
	#company #about_caretown section div figure figcaption{
		font-size: 3.2vw;
	}
}



#company #principle section p{
	text-align: center;
	font-size: 22px;
	line-height: 60px;
	font-weight: bold;
	margin-bottom: 40px;
}

#company #principle section em{
	font-size: 28px;
	border-bottom: 6px solid #ffe43f;
}


@media screen and (max-width: 767px) {
	#company #principle section p{
		font-size: 3.3vw;
		line-height: 9vw;
		margin-bottom: 8vw;
	}
	#company #principle section em{
		font-size: 4.6vw;
		border-width: 0.8vw;
	}
}

#company #companyoutline small{
	display: block;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
	#company #companyoutline small{
		margin-bottom: 4vw;
	}
	#company #companyoutline .link_pdf{
		display: block;
		margin: 0 0 2vw 0;
	}
}

#company #facility .page_ct_lwrsection{
	margin-bottom: 60px;
	position: relative;
}

#company #facility h3{
	font-size: 30px;
	margin-bottom: 30px;
}

#company #facility .item_link{
	position: absolute;
	top: -10px;
	right: 0;
	text-align: center;
	}
#company #facility .item_link a{
	padding: 8px 30px 8px 0;
}

@media screen and (max-width: 767px) {
	#company #facility .page_ct_lwrsection{
		margin-bottom: 60px;
	}

	#company #facility h3{
		text-align: center;
		font-size: 4.8vw;
		margin-bottom: 6vw;
	}

	#company #facility .item_link{
		position: static;
	}
	#company #facility .item_link a{
		padding: 4vw 0;
	}
}

#company #employment .page_ct_lwrsection{
	text-align: center;
}
#company #employment p{
	margin-bottom: 10px;
}
#company #employment h3{
	font-weight: normal;
}

#company #employment .employment_contact p{
	font-size: 22px;
	line-height: 40px;
	text-align: center;
}
#company #employment .employment_contact a{
	font-size: 40px;
	/* font-weight: bold; */
	padding: 0 10px 5px 40px;
	background: url("../img/common/tel.svg") left center no-repeat ;
	background-size: 40px 40px ;
	color: #00a73c;
}
#company #employment .employment_contact small{
	font-size: 18px;
	margin-left: 172px;
}

@media screen and (max-width: 767px) {
	#company #employment p{
		margin-bottom: 4vw;
	}
	#company #employment h3{
		padding: 2vw 4vw;
		margin-bottom: 8vw;
	}
	#company #employment .employment_contact p{
		font-size: 3.6vw;
		line-height: 5vw;
	}
	#company #employment .employment_contact a{
		font-size: 8vw;
		padding: 0 0 1vw 8vw;
		background-size: 7vw 7vw ;
	}
	#company #employment .employment_contact small{
		font-size: 3.2vw;
		margin-left:26vw;
	}
}


.company_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 10px;
	text-align: left;
}

.company_list dd{
	width: 18%;
	background: #eae5d2;
	border: 1px solid #bcbcbc;
	border-right: none;
	border-bottom: none;
	padding: 10px 15px;
}
.company_list dt{
	width: calc(82% - 62px);
	border: 1px solid #bcbcbc;
	border-left: none;
	border-bottom: none;
	padding: 10px 15px;
}

@media screen and (max-width: 767px) {
	.company_list{
		display: block;
		margin-bottom: 4vw;
		text-align: center;
		border-color: #ddd;
	}

	.company_list dd{
		width: 100%;
		background: #eae5d2;
		border: none;
		padding: 2vw 0;
	}
	.company_list dt{
		width: 100%;
		border: none;
		padding: 2vw 0;
	}
}

/* ========================================
	6faq
======================================== */
#faq .page_ct_section_inner{
	padding-bottom: 50px;
}
.page_ct_section_faq{
	text-align: left;
	/* background-color: yellow; */
	margin-bottom: 60px;
}

.page_ct_section_question,.page_ct_section_answer{
	padding: 13px 0 13px 70px;
	background-size: 50px 50px;
	background-position: left top;
	background-repeat: no-repeat;
}

.page_ct_section_question{
	background-image: url("../img/faq/faq_q.svg");
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 18px;
}
.page_ct_section_answer{
	background-image: url("../img/faq/faq_a.svg");
}

@media screen and (max-width: 767px) {
	#faq .page_ct_section_inner{
		padding-bottom: 8vw;
	}
	.page_ct_section_faq{
		margin-bottom: 8vw;
	}

	.page_ct_section_question,.page_ct_section_answer{
		padding: 1vw 0 1vw 9vw;
		background-size: 6.6vw 6.6vw;
	}

	.page_ct_section_question{
		font-size: 3.6vw;
		margin-bottom: 2vw;
	}
	.page_ct_section_answer{
		font-size: 3.2vw;
	}
}

/* ========================================
	7contact
======================================== */

@media screen and (max-width: 767px) {
	#contact #tourandexperience .page_ct_lwrsection_stc{
		text-align: center;
	}
	#contact #tourandexperience .page_ct_lwrsection_stc p{
		text-align: left;
	}
}

#contact #tourflow .tourflows{
	box-sizing: border-box;
	border: 3px solid #f39801;
	padding: 40px 60px;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}


#contact #tourflow .tourflows .tourflows_n{
	display: block;
	position: absolute;
	width: 66px;
	height: 66px;
	top: -33px;
	left: -33px;
	border-radius: 50%;
	background: #f39801;
}
#contact #tourflow .tourflows .tourflows_n span{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 48%;
	transform: translateY(-50%);
	width: 66px;
	text-align:center;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}


#contact #tourflow .tourflows h4{
	font-size: 22px;
}


#contact #tourflow .tourflows_contacts{
	margin-bottom: 40px;
}

#contact #tourflow .tourflows_contacts address{
	text-align: left;
	font-size: 38px;
	line-height: 38px;
	color: #f39801;
	margin-bottom: 20px;
	padding: 0 0 22px 70px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 50px 60px;
	position: relative;
	font-weight: bold;
}
#contact #tourflow .tourflows_contacts:nth-child(3) address{
	background-image: url("../img/common/i_freedial.svg");
}
#contact #tourflow .tourflows_contacts:nth-child(4) address{
	background-image: url("../img/common/i_fax.svg");
}
#contact #tourflow .tourflows_contacts:last-child address{
	background-image: url("../img/common/i_mail.svg");
	background-size: 48px 36px;
	font-size: 30px;
	margin-bottom: 0;
}



#contact #tourflow .tourflows_contacts small{
	font-size: 20px;
	display: block;
	position: absolute;
	color: #000;
	font-weight: normal;
}

#contact #tourflow .tourflows_contacts .link_pdf{
	background-size: 16px 16px;
}

#contact #tourflow .tourflows p{
	text-align: left;
	font-size: 14px;
	line-height: 20px;
}



#contact #tourflow .cl_c2:first-child .tourflows{
	min-height: 660px;
}
#contact #tourflow .cl_c2:first-child .tourflows h4{
	margin-bottom: 50px;
}

#contact #tourflow .cl_c2:last-child .tourflows{
	min-height: 310px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#contact #tourflow .cl_c2:last-child .tourflows p{
	position: relative;
	top: 50%;
}

#contact #tourflow .cl_c2 .tourflows::after{
	content: "";
	display: block;
	width: 35px;
	height: 30px;
	position: absolute;
}

#contact #tourflow .cl_c2:first-child .tourflows::after {
	right: -33px;
	top: calc(25% - 15px);
	background: url("../img/common/i_tri.svg") center bottom no-repeat;
}

#contact #tourflow .cl_c2:last-child .tourflows:first-child::after {
	left: calc(50% - 17px);
	bottom: -30px;
	background: url("../img/common/i_tri.svg") center bottom no-repeat;
	transform:rotateZ(90deg);
}

@media screen and (max-width: 767px) {
	#contact #tourflow .tourflows{
		border-width: 1px;
		padding: 8vw 8vw;
		margin-bottom: 14vw;
	}

	#contact #tourflow .tourflows .tourflows_n{
		width: 9vw;
		height: 9vw;
		top: -4.5vw;
		left: 4.5vw;
	}
	#contact #tourflow .tourflows .tourflows_n span{
		width: 9vw;
		font-size: 4.5vw;
	}
	#contact #tourflow .tourflows h4{
		font-size: 4vw;
	}
	#contact #tourflow .tourflows_contacts{
		margin-bottom: 8vw;
	}
	#contact #tourflow .tourflows_contacts address{
		display: inline-block;
		text-align: center;
		font-size: 6vw;
		line-height: 6vw;
		margin-bottom: 1vw;
		padding: 0 0 5vw 10vw;
		background-size: 8vw 10vw;
	}
	#contact #tourflow .tourflows_contacts:last-child address{
		font-size: 4.5vw;
		padding: 0 0 5vw 8vw;
		background-size: 6vw 6vw;
	}
	#contact #tourflow .tourflows_contacts small{
		font-size: 3vw;
		position: absolute;
	}

	#contact #tourflow .tourflows_contacts .link_pdf{
		background-size: 4vw 4vw;
	}

	#contact #tourflow .tourflows p{
		font-size: 3vw;
		line-height: 5vw;
	} 
	#contact #tourflow .cl_c2:first-child .tourflows{
		min-height: auto;
	}
	#contact #tourflow .cl_c2:first-child .tourflows h4{
		margin-bottom: 6vw;
	}

	#contact #tourflow .cl_c2:last-child .tourflows{
		min-height: 28vw;
	}

	#contact #tourflow .cl_c2 .tourflows::after{
		width: 7vw;
		height: 6vw;
		position: absolute;
	}
	#contact #tourflow .cl_c2:first-child .tourflows::after {
		left: calc(50% - 3.5vw);
		top: calc(100% + 3.5vw);
		transform:rotateZ(90deg);
	}

	#contact #tourflow .cl_c2:last-child .tourflows:first-child::after {
		left: calc(50% - 3.5vw);
		bottom: -10vw;
	}
}


/* ========================================
	7contact form
======================================== */
#contact_form_body {
}

.cform table{
	width: 100%;
	margin: auto;
	text-align: left;
	margin-bottom: 30px;
}

.cform tr {
}

.cform tr th {
	width: 280px;
	font-weight: bold;
}
.cform tr td {
	line-height: 150%;
}

.cform tr th,
.cform tr td{
	padding: 10px 10px;
	vertical-align: top;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	padding: 5px;
	width: calc(100% - 10px);
	border: 1px solid #ddd;
}

.cform input[name=zipcode] {
	width: 200px;
	margin-left: 8px;
}
.cform select[name=prefectures] {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 3px;
	width: 240px;
	margin: 20px 0;
}



.cform .required-srt {
	font-size: 9pt;
	padding: 2px 8px;
	background: #f39801;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
}

.cform .error {
	color: #e71c24;
	font-size: 16px;
	line-height: 24px;
}

@media screen and (max-width: 767px) {
	.cform {
		margin-bottom: 5vw;
	}
	.cform tr {
	}
	.cform tr th,
	.cform tr td{
		width: 100%;
		display: block;
		padding: 1vw 2vw;
		vertical-align: top;
	}
	.cform tr td{
		margin-bottom: 4vw;
	}

	.cform option,
	.cform textarea,
	.cform input[type=text],
	.cform input[type=email],
	.cform input[type=search],
	.cform input[type=url] {
		padding: 1vw;
		width: calc(100% - 7vw);
	}
	.cform input[name=zipcode] {
		width: 50%;
		margin-left: 2vw;
	}
	.cform select[name=prefectures] {
		border: 1px solid #ddd;
		border-radius: 2vw;
		padding: 0.5vw;
		width: calc(50% + 8vw);
		margin: 4vw 0;
	}
	.cform .required-srt {
		font-size: 2.4vw;
		padding: 0.5vw 2vw;
		border-radius: 0.8vw;
		margin-left: 2vw;
	}
	
	.cform .error {
		color: #e71c24;
		font-size: 3.2vw;
		line-height: 4.5vw;
	}
}





.contact_form_dec{
	text-align: center;
	margin-bottom: 30px;
}
.policy {
	margin-bottom: 30px;
}
.policy p{
	text-align: center;
	font-size: 16px;
	margin-bottom: 30px;
}
.policy p span{
	text-align: center;
}

.mw_wp_form_confirm .policy,
.mw_wp_form_complete .policy{
	display: none;
}

@media screen and (max-width: 767px) {
	.contact_form_dec{
		text-align: left;
		margin-bottom: 4vw;
	}
	.policy {
		margin-bottom: 6vw;
	}
	.policy p{
		text-align: left;
		font-size: 3vw;
		margin-bottom: 4vw;
	}
	
}



	/* ========================================
		radiobox
	======================================== */


.cform input[type=radio] {
	opacity: 0;
	appearance: none;
	position: absolute;
}

.mwform-radio-field-text::before {
	content: ''; 
	display: inline-block; 
	border-radius: 50%; 
	border: 2px solid #f39801;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 6px;
	left: 0; 
}

.mwform-radio-field-text::after {
	content: '';
	display: inline-block;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 6px;
	left: 0; 
}

.mwform-radio-field-text {
	position: relative;
	display: inline-block;
	/* background: red; */
	margin-right: 20px;
	vertical-align: middle;
	padding: 0 0 0 24px;
	cursor: pointer;
}

.cform input[type=radio]:checked+.mwform-radio-field-text::after { 
	content: '';
	background-color: #f39801;
}

@media screen and (max-width: 767px) {
	.mwform-radio-field-text::before {
		border: 0.5vw solid #f39801;
		width: 2vw;
		height: 2vw;
		top: 0;
	}
	
	.mwform-radio-field-text::after {
		width: 3vw;
		height: 3vw;
		top: 0;
	}
	.mwform-radio-field-text {
		position: relative;
		display: block;
		margin-right: 0;
		padding: 0 0 0 5vw;
		line-height: 100%;
	}
}



	/* ========================================
		Checkbox
	======================================== */
.cform .mwform-checkbox-field{
}

.cform input[type=checkbox] {
	opacity: 0;
	appearance: none;
	position: absolute;
}

.mwform-checkbox-field-text::before {
	content: ''; 
	display: inline-block; 
	border: 2px solid #f39801;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 6px;
	left: 0;
}

.mwform-checkbox-field-text::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 18px;
	top: 6px;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 13px 13px;
}

.mwform-checkbox-field-text {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 28px;
	cursor: pointer;
}

.cform input[type=checkbox]:checked+.mwform-checkbox-field-text::after { 
	content: '';
	background-image: url("../img/common/check.svg");
	background-color: #f39801;
} 

@media screen and (max-width: 767px) {
	.mwform-checkbox-field-text::before {
		border: 0.5vw solid #f39801;
		width: 3vw;
		height: 3vw;
		top: 0.8vw;
	}
	
	.mwform-checkbox-field-text::after {
		width: 4vw;
		height: 4vw;
		top: 0.8vw;
		background-size: 3vw 3vw;
	}
	
	.mwform-checkbox-field-text {
		margin-right: 0;
		padding: 0 0 0 6vw;
	}
}
	/* ========================================
		Button
	======================================== */
	.submit-btns{
		/* background: red;
		position: relative;
		white-space: nowrap; */
	}
	.submit-btn{
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.cform input[type=submit] {
		display: inline-block;
		background: #f39801;
		height: 50px;
		width: 300px;
		overflow: hidden;
		border-radius: 50px;
		border: 1px solid #f39801;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
	}
	.cform input[name=submitBack] {
		background: #727171;
		border: 1px solid #727171;
	}

	@media screen and (max-width: 767px) {
		.cform input[type=submit] {
			height: 10vw;
			width: 75%;
			border-radius: 10vw;
			margin-bottom: 6vw;
		}
	}
	

/* ========================================
	8Info
======================================== */
#info .page_ct_header.gen_header{
	padding-bottom: 40px;
}

#info h2{
	font-size: 36px;
	text-align: center;
	margin-bottom: 40px;
}

#info .info_body{
	width: 75%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	padding-bottom: 100px;
}

#info .info_body .info_list{
	width: 74%;
}

#info .info_body .info_list ul {
	border-top: 2px dashed #bcbcbc;
}


#info .info_body .info_list ul li{
	border-bottom: 2px dashed #bcbcbc;
	padding: 30px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	justify-content: space-between;
}

#info .info_body .info_list ul li p{
	width: 160px;
	text-align: right;
}
#info .info_body .info_list ul li span{
	width: 120px;
	text-align: center;
	background: #f39801;
	padding: 1px 0;
	margin: 0 2%;
	color: #fff;
}

#info .info_body .info_list ul li div{
	width: 70%;
	line-height: 36px;
}

@media screen and (max-width: 767px) {
	#info .page_ct_header.gen_header{
		padding-bottom: 6vw;
	}

	#info .info_body{
		width: auto;
		margin: 0 4vw;
		margin-bottom: 0;
		padding-bottom: 0;
		display: block;
	}
	#info .info_body .info_list{
		width: 100%;
	}

	#info .info_body .info_list ul {
		border-top: none;
		margin-bottom: 10vw;
	}


	#info .info_body .info_list ul li{
		border-bottom: 1px dashed #bcbcbc;
		padding: 4vw 4vw 2vw 4vw;
		display: block;
	}
	#info .info_body .info_list ul li p{
		display: inline-block;
		width: auto;
		min-width: 26vw;
		text-align: left;
	}
	#info .info_body .info_list ul li span{
		display: inline-block;
		width: auto;
		padding: 0vw 2vw;
		margin: 0;
		margin-bottom: 2vw;
	}

	#info .info_body .info_list ul li div{
		width: 100%;
		display: block;
		line-height: 5vw;
	}
}

#info .info_body .info_side{
	width: 22%;
}

#info .info_body .info_side h3{
	padding: 20px 10px;
	font-size: 26px;
	color: #f39801;
	border: 2px solid #f39801;
	border-width:2px 0px;
}

#info .info_body .info_side ul{
	padding: 20px 10px;
}
#info .info_body .info_side ul li{
	line-height: 50px;
}
#info .info_body .info_side ul li a{
	background: url("../img/common/i_go_c.svg") left center no-repeat;
	background-size: 18px 18px;
	padding: 0 0 1px 30px;
}

@media screen and (max-width: 767px) {
	#info h2{
		font-size: 5vw;
		margin-bottom: 6vw;
	}

	#info .info_body .info_side{
		width: 100%;
	}

	#info .info_body .info_side h3{
		padding: 6vw 4vw;
		font-size: 6vw;
		border-width:3px 0px;
	}

	#info .info_body .info_side ul{
		padding: 6vw 4vw;
	}
	#info .info_body .info_side ul li{
		font-size: 5vw;
		line-height: 14vw;
	}
	#info .info_body .info_side ul li a{
		background-size: 5vw 5vw;
		padding: 0 0 0.2vw 9vw;
	}
}


.info_pagenation{

}

.pagination {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.page-numbers{
	display: inline-block;
	width: 20px;
	vertical-align: middle;
	margin: 0 20px;
}

.page-numbers.prev ,.page-numbers.next{
	height: 20px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.page-numbers.prev{
	background: url("../img/common/i_go_c.svg") no-repeat;
	transform: rotate(180deg);
}
.page-numbers.next{
	background: url("../img/common/i_go_c.svg") no-repeat;
}

.page-numbers.current{
	color: #f39801;
}

#info.content a:hover{
text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.pagination{
		position: static;
		margin-bottom: 10vw;
	}
	.page-numbers{
		width: 4vw;
		margin: 0 3vw;
		font-size: 4vw;
	}

	.page-numbers.prev,.page-numbers.next{
		height: 4vw;
		background-size: 4vw 4vw;
	}

}

/* ========================================
	8Info_single
======================================== */
#info_single .page_ct_header.gen_header{
	padding-bottom: 40px;
}

#info_single .info_single_body{
	width: 55%;
	margin: 0 auto;
}

#info_single .info_single_body header{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0 20px 0;
	border-bottom: 2px solid #bcbcbc;
}

#info_single .info_single_body header h2{
	font-size: 36px;
	line-height: 48px;
	width: 75%;
}
#info_single .info_single_body header p{
	width: 200px;
	text-align: center;
}

#info_single .info_single_body header span{
	background: #f39801;
	padding: 1px 0;
	color: #fff;
	text-align: center;
	width: 120px;
}

@media screen and (max-width: 767px) {
	#info_single .page_ct_header.gen_header{
		padding-bottom: 6vw;
	}
	#info_single .info_single_body{
		width: auto;
		margin: 0 4vw;
	}
	#info_single .info_single_body header{
		display: block;
		padding: 4vw 0 4vw 0;
		border-width: 1px;
	}
	#info_single .info_single_body header h2{
		font-size: 6vw;
		line-height: 8vw;
		width: 100%;
		margin-bottom: 3vw;
	}
	#info_single .info_single_body header p{
		width: auto;
		text-align: left;
		display: inline-block;
		margin-right: 4vw;
	}

	#info_single .info_single_body header span{
		padding: 0 3vw;
		display: inline-block;
		width: auto;
		margin-bottom: 3vw;
	}
}  
/* ========================================
	9PrivacyPolicy
======================================== */
#privacy h2{
	padding: 24px 100px;
}
#privacy i{
	position: relative;
	font-size: 24px;
	top: -70px;
	text-align: center;
	font-weight: bold;
}
#privacy p{
	font-weight: normal;
	margin-bottom: 40px;
}
#privacy ol li{
	font-weight: bold;
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 40px;
}
#privacy ol li div{
	margin-top: 40px;
	padding: 50px 30px 10px 30px;
	border: 1px solid #000;
}

#privacy ol li div ul{
	margin-bottom: 40px;
}

#privacy ol li div ul li{
	font-weight: normal;
	list-style-type: none;
	list-style-position: inside;
	margin-bottom: 12px;
}

#privacy ol li div ul.l_alp li{
	list-style-type: lower-alpha;
}
#privacy .ppf_p{
	text-align: right;
}

@media screen and (max-width: 767px) {
	#privacy h2{
		padding: 4vw 14vw;
	}
	#privacy i{
		font-size: 3.6vw;
		top: -10vw;
	}
	#privacy p{
		margin-bottom: 8vw;
	}
	#privacy ol li{
		margin-bottom: 8vw;
	}
	#privacy ol li div{
		margin-top: 8vw;
		padding: 8vw 4vw 0 4vw;
	}
	
	#privacy ol li div ul{
		margin-bottom: 8vw;
	}
	
	#privacy ol li div ul li{
		margin-bottom: 1vw;
	}
	#privacy h3{
		font-size: 4vw;
		margin-bottom: 2vw;
	}

}
/* ========================================
	X404
======================================== */
#notfound .page_ct_header.gen_header{
	padding: 80px 0 20px 0;
}
#notfound .page_ct_body{
	width: 75%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 100px;
}
#notfound .page_ct_body h2{
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 40px;
}
#notfound .page_ct_body p{
	margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
	#notfound .page_ct_header.gen_header{
		padding: 16vw 0 8vw 0;
	}
	#notfound .page_ct_body{
		width: auto;
		margin: 0 4vw;
		margin-bottom: 16vw;
	}
	#notfound .page_ct_body h2{
		font-size: 5.6vw;
		margin-bottom: 12vw;
	}
	#notfound .page_ct_body p{
		margin-bottom: 12vw;
	}
}



/* ========================================
	X Editor
======================================== */

.info_single_editor{
	padding: 50px 0 75px 0;
}

@media screen and (max-width: 767px) {
	.info_single_editor{
		padding: 10vw 0 15vw 0;
		overflow: hidden;
	}
}

.info_single_editor img{
	margin-bottom: 30px;
	/* width: 100%;
	height: auto; */
}
.info_single_editor ul{
	list-style: disc inside;
}
.info_single_editor a{
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.info_single_editor img{
		width: 100%;
		height: auto;
		margin-bottom: 4vw;
	}
}
/* ====================
	HOVER
==================== */

.header_logo a:hover,
.footer_logo_wrap a:hover,
.top_det_contact_r address a:hover{
	opacity: 0.7;
}
a.link_pdf:hover{
	text-decoration: none;
}
.top_det_info ul li a:hover{
	text-decoration: underline;
}
.top_det_blog a:hover,
.footer a:hover{
	color: #999;
}

/* ====================
	HEADER FIXED
==================== */
.header {
	position: fixed;
	overflow: hidden;
	min-width: 1200px;
	z-index: 999;
}

.content{
	padding-top: 150px;
}

#top_access{
	padding-top: 150px;
	margin-top: -150px;
}

@media screen and (max-width: 767px) {
	.header {
		min-width: auto;
	}
	.content{
		padding-top: 21vw;
	}
	#top_access{
		padding-top: 21vw;
		margin-top: -21vw;
	}
}

.page_ct_header{
	margin-bottom: -150px;
	position: relative;
	z-index: 10;
}
#info .page_ct_header,
#info_single .page_ct_header,
#notfound .page_ct_header{
	margin-bottom: 0;
}

.page_ct_section{
	margin-bottom: -150px;
}
.page_ct_section:last-child{
	margin-bottom: 0;
}
.page_ct_section::before{
	content: '';
	display: block;
	background: #fffeea;
	height: 150px;
}
.page_ct_section:nth-child(odd)::before{
	background: #fff;
}

@media screen and (max-width: 767px) {
	.page_ct_header{
		margin-bottom: -21vw;
	}

	.page_ct_section{
		margin-bottom: -21vw;
	}
	.page_ct_section:last-child{
		margin-bottom: 0;
	}
	.page_ct_section::before{
		height: 21vw;
	}
}
/* ====================
	HEADER animated
==================== */
.header {
	height: 160px;
	transition: height 0.3s ;
}
.header .header_inner{
	height: 160px;
	transition: height 0.3s ;
}
.header .header_inner img{
	width: 240px;
	transition: width 0.3s ;
}

.header.scrolled{
	height: 80px;
	/* box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1); */
}

.header.scrolled .header_inner{
	height: 80px;
}
.header.scrolled .header_inner img{
	width: 200px;
}

@media screen and (max-width: 767px) {
	.header {
		height: auto;
		transition: none;
	}
	.header .header_inner{
		height: auto;
		transition: none;
	}
	.header .header_inner img{
		width: auto;
		transition: none;
	}
	
	.header.scrolled{
		height: auto;
	}
	
	.header.scrolled .header_inner{
		height: auto;
	}
	.header.scrolled .header_inner img{
		width: auto;
	}
}

.page_ct_header{
	margin-bottom: -80px;
	position: relative;
	z-index: 10;
}

.page_ct_section{
	margin-bottom: -80px;
}
.page_ct_section:last-child{
	margin-bottom: 0;
}
.page_ct_section::before{
	content: '';
	display: block;
	background: #fffeea;
	height: 80px;
}