@charset "UTF-8";

@font-face {
	font-family: Cinzel;
	src: url(./Cinzel-Medium.ttf) format('truetype');
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

button ,
form input[type="text"],
form select ,
form textarea {
	font-family: serif;
}

body {
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: serif;
	letter-spacing: 0.04em;
	color: #050505;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}
a:link ,
a:visited {
	text-decoration: none;
	color: #433700;
}
a:hover ,
a:active {
	text-decoration: none;
	color: #e4c06a;
}

#inframe {
	background: transparent;
	text-align: center;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}
.en ,
.no {
	font-family: serif;
}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}
.center {
	text-align: center;
}
.file ,
.box button ,
.thumbparkmenu button ,
a.button ,
input[type="submit"] {
	z-index: 4;
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	margin: 1em auto;
	padding: 1.0em 4.0em;
	text-align: center;
	font-size: 1.0em;
	line-height: 1em;
	letter-spacing: 0;
	cursor: pointer;
	color: #fff;
	background: #f3837e;
	border-radius: 7px;
	box-shadow: rgba(0,0,0,0.06) 0px 3px 6px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#newsbox a.button {
	width: 208px;
	padding: 0.4em 0em;
}
.file:hover ,
button:hover ,
a.button:hover ,
input[type="submit"]:hover {
	color: #fff;
}
input[type="submit"] {
	margin: 0 auto;
}
.button_wrap {
	z-index: 3;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	margin: 1em auto;
	overflow: hidden;
}
.thumbparkmenu ul li button.mixitup-control-active {
	color: #050505;
}
.thumbparkmenu ul li button.mixitup-control-active {
	background: #fff4f3;
}



#thumbpark ,
.thumbindex {
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	min-height: 240px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.pickupbox {
	overflow: hidden;
	display: inline-block;
}
.thumb {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 1px;
	padding: 10px;
	text-align: center;
}
.thumb a.iframe {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	color: #050505;
	background: #fff;
	border: 2px solid #ffcfc9;
}
.thumb figure {
	overflow: hidden;
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	text-align: center;
}
/* PC */
@media only screen and (min-width: 681px) {
.thumb {
	width: 260px;
	height: 446px;
	font-size: 14px;
	line-height: 1em;
}
.thumb figure {
	width: 236px;
	height: 314px;
	margin: 0 auto 0;
}
}
/* //PC */
/* SP */
@media only screen and (max-width: 680px) {
.thumb {
	width: 328px;
	height: 608px;
	font-size: 22px;
	line-height: 1em;
}
.thumb figure {
	width: 312px;
	height: 416px;
	margin: 0 auto 0;
}
}
/* //SP */

.thumb figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.thumb figcaption {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: rgba(255,255,255,0.7);
}


#contents-wrap {
	position: relative;
	margin: 0;
}
#page-top {
	position: fixed;
	right: 12px;
	bottom: 12px;
	margin: 0;
	padding: 0;
	z-index: 400;
}
#page-top a {
	display: block;
	width: 60px;
	height: 60px;
	text-decoration: none;
	background: #f3837e;
	text-align: center;
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: .4s;
	 transition: .4s;
}
.down #page-top a {
	opacity: 1;
}
#page-top a:hover {
	opacity: 0.4;
	-webkit-transition: .4s;
	 transition: .4s;
}
#page-top a::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 24px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



/* PC TAB */
@media only screen and (min-width: 681px) {
body {
	font-size: 16px;
	line-height: 1.5em;
}
.pcbr::before {
	content: "\A" ;
	white-space: pre ;
}
div.sp {
	display: none;
}
.box img {
	max-width: 900px;
}
#page-top {
	right: 12px;
	bottom: 12px;
}
.flex-box {
	width: 1000px;
	padding: 0 0 10px;
	display: flex;
	align-items: center;/*上下*/
	justify-content: center;/*左右*/
}
.flex-box:nth-child(odd){
	flex-direction: row-reverse;
}
#enconcept .flex-box {
	flex-direction: row;
}
#system2 .flex-box {
	flex-direction: row;
}
.flex-txt {
	width: 500px;
	padding: 12px 20px 12px;
}
.flex-box img {
	width: 400px;
	height: auto;
	margin: 0px 4px;
}
}
/* //PC TAB */

/* SP */
@media only screen and (max-width: 680px) {
body {
	font-size: 26px;
	line-height: 1.5em;
}
.spbr::before {
	content: "\A" ;
	white-space: pre ;
}
div.pct {
	display: none;
}
div.pc {
	display: none;
}
.nosp {
	display: none;
}
#page-top {
	right: 12px;
	bottom: 120px;
}
.flex-box {
	padding: 12px 0 12px;
}
.txt ,
.flex-txt {
	text-align: left;
	line-height: 1.4em;
}
#price .flex-txt {
	text-align: center;
}
.txt ,
.flex-box .flex-txt {
	padding: 1em 1em 1em;
}
.flex-box img {
	max-width: 620px;
	height: auto;
	margin: 2px auto;
}
.flex-txt img {
	max-width: 440px;
	height: auto;
	margin: 2px auto;
}

}
/* //SP */


/* header
 * --------------------------------------- */
#header {
	z-index: 64;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	padding: 0;
	text-align: center;
	background-color: #fff;
	overflow: hidden;
	z-index: 600;
	-webkit-transform: translate3d(0,0,800);
}
#header:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
background: linear-gradient(180deg, #f9e08d,#b87e01);
	box-shadow: rgba(0,0,0,0.7) 0px 0px 2px;
}
#header-top {
	margin: 0 auto 0;
	padding: 0;
}
#header-inner {
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	display: block;
	text-align: left;
}
#logo {
	position: absolute;
	top: 12px;
	left: 0;
	display: block;
	width: 260px;
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
}
#logo img {
	vertical-align: top;
	margin: 0 auto 0;
}
#header-bottom {
	position: fixed;
	top: 0;
	right: 0;
	display: block;
	width: 210px;
	height: 80px;
	padding: 10px 0px 0;
	text-align: left;
	font-family: Cinzel, serif;
	color: #fff;
	background-color: #f3837e;
	z-index: 800;
}
#header-tel ,
#footer-tel {
	display: inline-block;
	padding: 0;
	letter-spacing: 0.02em;
	vertical-align: top;
	line-height: 1em;
}
#header-tel {
	margin: 0 auto 0 2px;
	font-size: 22px;
}
#footer-tel {
	margin: 0 auto;
	font-size: 15px;
}
#header-tel a:link ,
#header-tel a:visited ,
#footer-tel a:link ,
#footer-tel a:visited {
	color: #fff;
}
#header-tel i {
	display: inline-block;
	margin-right: 3px;
	margin-top: -2px;
	padding: 5px 5px 5px;
	vertical-align: top;
	font-size: 0.7em;
	color: #f3837e;
	background-color: #fff;
	border-radius: 1em;
}
#footer-tel i {
	display: inline-block;
	margin-right: 2px;
	margin-top: 1px;
	vertical-align: top;
	font-size: 0.9em;
}
#header-tel span.ph ,
#footer-tel span.ph {
	display: none;
}
#footer-mail {
	margin: 0 auto;
	padding: 12px 0 0;
	font-size: 1.2em;
	line-height: 1.1em;
	letter-spacing: 0em;
}
#footer-mail a {
	color: #fff;
}
#header-open ,
#footer-open {
	display: inline-block;
	padding: 0;
	letter-spacing: 0.02em;
	vertical-align: top;
	font-size: 17px;
	line-height: 1em;
}
#header-open {
	margin: 0 auto 0 44px;
	font-size: 17px;
}
#footer-open {
	margin: 0 auto 0;
	font-size: 15px;
}
#header-open i ,
#footer-open i {
	display: inline-block;
	margin-right: 2px;
	margin-top: 1px;
	vertical-align: top;
	font-size: 0.9em;
}
#header-open i {
	margin-left: 14px;
	margin-right: 8px;
	font-size: 0.88em;
}
#header-desk {
	margin: 0px 24px 0 0;
}
#footer-desk {
	margin: 0px 12px 0 16px;
}
#header-desk {
	display: block;
	margin: 1px 0 1px;
}
#footer-desk {
	display: inline-block;
	float: left;
}
#header-open span.jp ,
#footer-open span.jp {
	display: inline-block;
	margin: 0.08em 0.3em 0 0;
	vertical-align: top;
	font-size: 0.85em;
	line-height: 1em;
}

/* footer
 * --------------------------------------- */
#footer {
	position: relative;
	width: 100%;
	margin: 0;
	text-align: center;
	overflow: hidden;
	padding: 40px 0 40px;
	color: #fff;
	background-color: #57544d;
}
#footer:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
background: linear-gradient(180deg, #f9e08d,#b87e01);
	box-shadow: rgba(0,0,0,0.7) 0px 0px 2px;
}
#footer-inner {
	position: relative;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 1060px;
}
#footer-menu {
	display: block;
	padding: 0;
	list-style-type: none;
	margin: 0 auto 20px;
}
#footer-menu li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: relative;
	text-align: center;
	color: #fff;
}
#footer-menu li a {
	margin: 0 12px;
	text-decoration: none;
	padding: 6px 0 6px;
	font-size: 14px;
	line-height: 1.0em;
	color: #fff;
}
#footer-menu li a::before {
	margin-right: 0.16em;
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: 900;
}
#footer-menu li a:link ,
#footer-menu li a:visited {
	color: #fff;
}
#footer-menu li a:hover {
	color: #fff;
	opacity: 0.6;
}
#footer-menu li a span.en {
	display: none;
}
#footer-txt {
	margin: 0 auto 16px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.3em;
}
#footer-logo {
	display: table;
	text-align: center;
	width: 648px;
	margin: 40px auto 20px;
	padding: 0;
}
#footer-logo:hover {
	background: none;
}
#footer-logo img {
	display: block;
	margin: 0 auto;
	width: auto;
	height: 200px;
}
#footer-copy {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 0px;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 0em;
}

.footer-banners {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 0;
	letter-spacing: -.40em; /*隙間対策 */
}
.footer-banners > figure ,
.footer-banners > div ,
.footer-banners a {
	vertical-align: top;
	display: inline-block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	font-size: 10px;
	line-height: 1.0em;
	overflow: hidden;
	letter-spacing: normal; /*隙間対策 */
	color: #ddd;
}
.footer-banners-txt > div ,
.footer-banners-txt a {
	height: 62px;
}
.footer-banners > figure a img ,
.footer-banners > div a img ,
.footer-banners a img {
	vertical-align: top;
	margin-bottom: 2px;
}
#footer-banners p {
	margin: 0;
	margin: 0;
}
#footer-copy {
	width: 100%;
	margin: 0 auto;
	padding: 36px 0 0;
	color: #ddd;
	font-size: 14px;
	line-height: 1em;
}


/* top
 * --------------------------------------- */
#top img {
	vertical-align: top;
}
#mainvisual {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
	overflow: hidden;
}
#mainvisual > div#mainslide1 ,
#mainvisual > div#mainslide2 {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
#mainvisual > div#mainslide2 {
	opacity:0;
	animation: 10.0s linear 0s normal infinite mainslide;
}
@keyframes mainslide {
	0%{opacity:0;}
	36%{opacity:0;}
	54%{opacity:1;}
	82%{opacity:1;}
	100%{opacity:0;}
}
#mainlogo {
	position: absolute;
	text-align: center;
	z-index: 120;
	-webkit-animation: 2s ease 0s 1 normal topcopy1;
	animation: 2s ease 0s 1 normal topcopy1;
	animation-fill-mode: forwards;
}
@-webkit-keyframes topcopy1 { 0%{opacity:0;} 30%{opacity:0;} 100%{opacity:1;} }
@keyframes topcopy1 { 0%{opacity:0;} 30%{opacity:0;} 100%{opacity:1;} }

#mainlogosub {
	text-align: center;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #fff;
	text-shadow: 
	rgba(0,0,0,0.9) 1px 1px 8px, rgba(0,0,0,0.9) -1px 1px 8px,
	rgba(0,0,0,0.9) 1px -1px 8px, rgba(0,0,0,0.9) -1px -1px 8px;
}
/* ■PC
 * --------------------------------------- */
@media only screen and (min-width: 681px) {
#top {
	padding: 80px 0 0;
}
#mainvisual {
	height: 640px;
	padding: 80px 0 0;
}
#mainvisual > div#mainslide1 {
	background-image: url(../images/mainvpic1.jpg);
}
#mainvisual > div#mainslide2 {
	background-image: url(../images/mainvpic2.jpg);
}
#mainlogo {
	top: 50%;
	left: 50%;
	width: 600px;
	margin: -120px 0 0 -300px;
}
#mainlogo img {
	height: 300px;
}
#mainlogosub {
	font-size: 1.2em;
	line-height: 1.3em;
}
#mainlogo .spup {
	display: inline-block;
	padding-right: 0px;
}
}
/* //PC */
/* ■SP
 * --------------------------------------- */
@media only screen and (max-width: 680px) {
#mainvisual {
	height: 780px;
	padding: 100px 0 0;
}
#mainvisual > div#mainslide1 {
	background-image: url(../images/mainvpic1sp.jpg);
}
#mainvisual > div#mainslide2 {
	background-image: url(../images/mainvpic2sp.jpg);
}
#mainlogo {
	top: 240px;
	left: 0;
	margin: 0 auto;
	width: 680px;
	text-align: center;
}
#mainlogo img {
	width: 300px;
}
#mainlogosub {
	font-size: 1.2em;
	line-height: 1.3em;
}
#mainlogo .spup {
	display: inline-block;
	padding-right: 0px;
}
}
/* //SP */

#top-box {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #050505;
}
h2 {
	overflow: hidden;
	position: absolute;
	left: 50%;
	width: 640px;
	margin: 0 auto;
	padding: 0.2em 0 0;
	text-align: center;
	text-transform: uppercase;
	text-indent: 0.2em;
	font-weight: normal;
	font-family: serif;
	font-size: 1.0em;
	line-height: 1.0em;
	letter-spacing: 0.2em;
	color: #4c3d1b;
	text-shadow:
0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff,
0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;
}
h2 .en {
	font-family: Cinzel;
	font-size: 2.8em;
	line-height: 1.0em;
	letter-spacing: 0.1em;
}
h2 .jp {
	display: block;
	padding: 6px 0 0px;
	font-size: 1.2em;
	line-height: 1.0em;
	letter-spacing: 0.02em;
}

#toppage h2 img {
	vertical-align: top;
	display: block;
	width: 360px;
	height: auto;
	margin: 0 auto;
	opacity: 0;
}
#top-box #logomark {
	animation: 5s ease 0s 1 normal logomark;
	animation-fill-mode: forwards;
}
@keyframes logomark {0%{opacity:0;}6%{opacity:0;}46%{opacity:1;}99%{opacity:1;}100%{opacity:0;}}

#top-box #logotop {
	animation: 5s ease 0s 1 normal logotop;
	animation-fill-mode: forwards;
}
@keyframes logotop {0%{opacity:0;}26%{opacity:0;}46%{opacity:1;}99%{opacity:1;}100%{opacity:0;}}

#topbox {
	overflow: hidden;
	position: absolute;
}
#topbox img {
	position: absolute;
	vertical-align: top;
}


/* PC TAB */
@media only screen and (min-width: 681px) {
h2 {
	top: 120px;
	margin: 0 0 0 -320px;
}
#toppage h2 {
	padding: 60px 0 0;
}
#toppage h2 img {
	width: 360px;
}

#topbox {
	top: calc(50% - 260px);
	left: calc(50% - 520px);
	width: 1040px;
	height: 520px;
}
}
/* //PC TAB */

/* SP */
@media screen and (max-width: 680px) {
#top-box {
	top: 0px;
	height: 428px;
}
h2 {
	top: 140px;
	margin: 0 0 0 -320px;
}
#toppage h2 {
	padding: 30px 0 0;
}
#toppage h2 img {
	width: 320px;
}
h2 .en {
	font-size: 2.4em;
	line-height: 1.0em;
	letter-spacing: 0.2em;
}
#topbox {
	top: 0px;
	left: 0;
	width: 680px;
	height: 428px;
}
}
/* //SP */


#topbox1 {
	left: 0;
	height: 100%;
	animation: 7s ease 0s 1 normal topbox1;
	animation-fill-mode: forwards;
}
@keyframes topbox1 {
	0%{top:100%;}
	32%{top:100%;}
	42%{top:0;}
	100%{top:0;}
}
#topbox2 {
	left: 0;
	height: 100%;
	animation: 7s ease 0s 1 normal topbox2;
	animation-fill-mode: forwards;
}
@keyframes topbox2 {
	0%{top:-100%;}
	40%{top:-100%;}
	50%{top:0;}
	100%{top:0;}
}
#topbox3 {
	left: 0;
	height: 100%;
	animation: 7s ease 0s 1 normal topbox3;
	animation-fill-mode: forwards;
}
@keyframes topbox3 {
	0%{top:100%;}
	52%{top:100%;}
	62%{top:0;}
	100%{top:0;}
}
#topbox4 {
	bottom:30%;
	left:100%;
	width: 100%;
	animation: 7s ease 0s 1 normal topbox4;
	animation-fill-mode: forwards;
}
@keyframes topbox4 {
	0%{left:100%;}
	66%{left:100%;}
	84%{left:0;}
	100%{left:0;}
}
#topbox5 {
	bottom:6%;
	right:100%;
	width: 100%;
	animation: 7s ease 0s 1 normal topbox5;
	animation-fill-mode: forwards;
}
@keyframes topbox5 {
	0%{right:100%;}
	82%{right :100%;}
	100%{right:0;}
}




.top-copy {
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.3em;
	letter-spacing: 0.01em;
	text-shadow:
0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff,
0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;
}
/* #menu
 * --------------------------------------- */





#topbtns {
	max-width: 984px;
	margin: 0 auto 20px;
	letter-spacing: -.40em;
}
#topbtns a {
	display: inline-block;
	margin: 0 1px 2px;
	letter-spacing: normal;
}
#topbtns img {
	width: 326px;
	height: auto;
	vertical-align: top;
}


/* topbanner
 * --------------------------------------- */
#topbanner {
	position: relative;
	height: 348px;
	margin: 8px auto 12px;
	padding: 0;
}
.owl-carousel {
	position: absolute;
	left: 50%;
	top: 0;
	list-style-type: none;
	width: 2220px;
	height: 320px;
	margin: 0 auto;
	padding: 0;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.owl-carousel li {
}
.owl-carousel button {
	width: auto;
	border: 0;
	padding: 0;
}
@media screen and (max-width: 840px) {
.owl-carousel {
	width: 730px;
	height: 300px;
}
}
@media screen and (max-width: 680px) {
#topbanner {
	width: 680px;
	height: 300px;
	margin: 12px auto 12px;
}
.owl-carousel {
	width: 680px;
	height: 280px;
}
}

/* サムネイル */
.owl-thumb-item img {
	width: 160px;
	height: auto;
}
@media screen and (max-width: 880px) {
.owl-thumb-item img {
	width: 100px;
}
}
.owl-thumbs {
	text-align: center;
}
.owl-thumb-item {
	cursor: pointer;
	margin: 10px 5px 0;
	background: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
.owl-thumb-item.active {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: 0.3;
}
/* ドットナビゲーション */
.owl-controls {
	display: none;
}



/* toppage
 * --------------------------------------- */
#newsbox {
	max-height: 480px;
	overflow-y: auto;
}
#tw {
	width: 680px;
	height: auto;
	margin: 0 auto 0px;
	padding: 12px 12px;
	background: #fff;
	border-radius: 4px;
}
#detail #tw {
	float: none;
	width: 400px;
	height: 400px;
	margin: 0 auto 8px;
}
.twitter-timeline {
	width: 640px;
	height: 400px;
	margin: 0 auto 0px;
}
/* news
 * --------------------------------------- */
.kiji {
	max-width: 640px;
	margin: 0 auto;
	text-align: left;
	font-family: sans-serif;
}
.kiji::before {
	content: "エトワール 【Etoile】";
	display: block;
	margin: 0 auto 0em;
	padding: 0.6em 0 0.6em 2.6em;
	line-height: 1.0em;
	font-weight: bold;
	background: url(../images/sns.png) left center no-repeat;
	background-size: auto 2.2em;
}
.kiji .date {
	margin: 0 auto 0.8em;
	padding: 0.0em 0 0.0em 2.6em;
	font-size: 1.0em;
	line-height: 1.0em;
	color: #777;
}
.kiji .com {
	text-align: left;
	margin: 0;
	padding: 0 0 0 2.6em;
	line-height: 1.3em;
}
.box .kiji img {
	display: block;
	max-width: 530px;
	max-height: 320px;
	height: auto;
	margin: 0.7em 0;
	vertical-align: bottom;
}

/* Contents
 * --------------------------------------- */
#contents {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: url(../images/contents.jpg) center top repeat;
	z-index: 1;
}
.main {
	position: relative;
	margin: 0 auto;
}
#recruitpage .main ,
.castpage .main {
	padding: 12px 0 0px;
}
#toppage .main {
	padding: 6px 0 0px;
}
#recruitpage .main:after ,
.castpage .main:after ,
#toppage .main:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
background: linear-gradient(180deg, #f9e08d,#b87e01);
	box-shadow: rgba(0,0,0,0.7) 0px 0px 2px;
}
#recruitpage .main {
	font-family: sans-serif;
}
#detail .main {
	width: 920px;
}
.section {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.sectionin {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.txt ol ,
.txt ul {
	max-width: 800px;
	margin: 0 auto;
	padding: 0.8em 0 0.8em 0.1em;
	text-align: left;
}
.txt ul {
	list-style-type: none;
}
.txt ol li {
	margin: 0;
	padding: 0 0 0.6em;
	line-height: 1.4em;
}
.txt ul li {
	margin: 0;
	padding: 0.4em 0 0.4em;
	line-height: 1.4em;
}
.txt ul li::before {
	margin-right: 0.16em;
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: 900;
	color: #666;
}
.txt ol li:last-child {
	padding: 0;
}
.txt dl {
	margin: 0;
	text-align: left;
}
.txt dt {
	color: #333;
	margin: 0;
	padding: 6px 32px 8px;
	background: #fff6e6;
}
.txt dd {
	margin: 0;
	padding: 6px 32px 10px;
}

.txt-l {
	font-size: 116%;
	line-height: 1.3em;
}
.txt-ll {
	font-size: 128%;
	line-height: 1.4em;
}
.txt-lll {
	font-size: 1.48em;
	line-height: 1.4em;
}
.txt-s {
	font-size: 84%;
	line-height: 96%;
}
.white {
	color: #050505;
}
.red {
	color: #ff4f91;
}
.thumbparkmenu ul li button .red ,
.thumbparkmenu ul li button.mixitup-control-active .red {
	margin-right: 4px;
	color: #e9295f;
}
.yellow {
	display: inline-block;
	padding: 0px 6px 3px;
	background: linear-gradient(transparent 60%, #bcf19e 60%);
}
/* PC */
@media only screen and (min-width: 681px) {
.box img.leftimg {
	float: left;
	margin: 0 15px 15px 0;
	max-width: 480px;
}
.box img.rightimg {
	float: right;
	display: block;
	margin: 0 0 0px 15px;
	max-width: 480px;
}
}


h3 {
	position: relative;
	width: 100%;
	margin: 0 auto 18px;
	text-align: center;
	font-weight: normal;
	font-family: serif;
	font-size: 1.0em;
	line-height: 1.0em;
	letter-spacing: 0.04em;
	color: #000;
}
.box > h3 {
	background: #fff4f3;
}
.box > h3:before ,
.box > h3:after {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
background: linear-gradient(180deg, #ffdfdb,#fbbab1);
}
h2:before {
	top: 0;
}
h2:after {
	bottom: 0;
}
h3 span.en {
	display: block;
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0.36em 0 0.01em;
	text-transform: uppercase;
	font-family: Cinzel;
	font-size: 2.1em;
	line-height: 1.1em;
	letter-spacing: 0.1em;
	color: #101010;
	border-bottom: solid 1px #777;
}
h3.scview span.en {
	letter-spacing: 1.0em;
}
h3.scview.effect span.en {
	letter-spacing: 0.1em;
	transition: all 0.8s ease-out 0.1s;
}
#recruitpage h3 span.en {
	border-bottom: solid 1px #f84875;
}
h3 span.jp {
	display: block;
	margin: 0 auto 0;
	padding: 0.4em 0 0.6em;
	font-size: 1.1em;
	line-height: 1.0em;
	letter-spacing: 0.08em;
	color: #f55b4b;
}
h4 {
	position: relative;
	max-width: 800px;
	margin: 0 auto 12px;
	padding: 0.6em 0 0.5em;
	text-align: center;
	text-transform: uppercase;
	text-indent: 0.1em;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	letter-spacing: 0.1em;
	color: #433700;
	background: linear-gradient(90deg, #fff 0%, #fff1f0 44%, #fff1f0 56%, #fff 100%);
	z-index: 2;
}
h4 span.en {
	position: relative;
	display: block;
	width: auto;
	margin: 0 auto 0.14em;
	font-family: Cinzel;
	font-size: 1.6em;
	line-height: 1.0em;
	z-index: 8;
}
#detail h4 span.en {
	font-size: 1.6em;
}
/*
*/
h4 span.jp {
	z-index: 8;
	display: block;
	font-size: 1.0em;
	color: #f55b4b;
}
h4 span.fp {
	display: inline-block;
	margin: 0 auto 6px;
	padding: 0 12px 1px;
	line-height: 1.2em;
	letter-spacing: 0px;
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
	color: #050505;
	background: linear-gradient(transparent 60%, #fff08a 60%);
}
body#recruitpage h4 {
	display: block;
	margin: 0 auto 0.6em;
	padding: 0.2em 0 0.2em;
	font-weight: bold;
	font-size: 1.0em;
	line-height: 1.0em;
	letter-spacing: 0.04em;
	background: none;
}
body#recruitpage h4.h4rec {
	padding: 0.6em 0 0.5em;
	color: #ff6a92;
	background: #1b0709;
	border: solid 3px #ff8db5;
	-webkit-border-radius: 150px; /*角丸*/
	-moz-border-radius: 150px;
	border-radius: 150px;
}
h4 .case {
	display: inline-block;
	margin-right: 0.0em;
	padding: 0.14em 0.2em 0.14em 0;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.0em;
	border-right: solid 1px rgba(255,106,148,0.6);
}
.box-step h4 .case {
	font-weight: bold;
	color: #ff6a92;
}
.box-step h4 .step {
	display: inline-block;
	padding: 0.1em 0 0.1em 0.4em;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.0em;
}
h4 .hours {
	padding: 0.2em 0 0;
	color: #fff;
}
h5 {
	max-width: 600px;
	margin: 0 auto 0.4em 0;
	padding: 0 0 0.1em;
	letter-spacing: 0;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: normal;
	text-align: left;
	color: #433700;
	border-bottom: solid 1px #f3837e;
}
/* Box
 * --------------------------------------- */
.box {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
}
.box p {
	max-width: 800px;
	margin: 0 auto 2em;
	padding: 0;
	text-align: left;
}
.box p:last-of-type {
	margin: 0 auto 0px;
}
.banner-m {
	max-width: 640px;
	margin: 0 auto 24px;
}
.banner-l {
	width: 100%;
	max-width: 734px;
	margin: 0 auto 24px;
}
.txt {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 24px;
	padding: 0px 0px;
	text-align: left;
}
.txt:last-of-type {
	margin: 0 auto 12px;
}
.white-box {
	max-width: 900px;
	width: 100%;
	margin: 0 auto 28px;
	padding: 12px 0px;
	text-align: center;
	background: #fff;
}
.white-box a {
	vertical-align: middle;
}
.white-box img {
	vertical-align: middle;
}
.txt-box {
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 28px;
	padding: 28px 32px;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: rgba(0,0,0,0.04) 0px 3px 6px;
}
/* PC */
@media only screen and (min-width: 681px) {
.flex-box {
	display: flex;
}
.flex-box > div:nth-of-type(2) {
	padding: 0 0 0 20px;
}
}
/* SP */
@media only screen and (max-width: 680px) {
.flex-box > div:nth-of-type(1) {
	padding: 0 0 20px;
}
}

/*column
 * --------------------------------------- */
#columnbox {
	overflow: hidden;
	margin: 0 auto 16px;
}
.column {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin: 0 5px 10px;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.2em;
	background: #fff;
	border: 2px solid #ffcfc9;
}
.column p {
	overflow: hidden;
	margin: 0 auto 6px;
	padding: 6px 10px 0;
	text-align: left;
}
.column a.button {
	position: absolute;
	bottom: 10px;
	margin: 0;
}
/* PC */
@media only screen and (min-width: 681px) {
#columnbox {
	width: 1000px;
	height: 600px;
}
.column {
	width: 320px;
	height: 290px;
	padding: 0;
}
.columnpic {
	max-height: 184px;
	overflow: hidden;
}
.column img {
	width: 320px;
}
.column p {
	height: 4em;
}
.column a.button {
	left: 80px;
	width: 160px;
	padding: 0.2em 2.0em;
}
}
/* SP */
@media only screen and (max-width: 680px) {
#columnbox {
	width: 680px;
	max-height: 1670px;
}
.column {
	width: 320px;
	height: 400px;
	padding: 0;
}
.column img {
	width: 320px;
}
.column p {
	height: 6.4em;
}
.column .button {
	left: 50px;
	width: 220px;
	padding: 0.2em 0.0em 0.2em;
}
}



/* cast
 * --------------------------------------- */
.thumbparkmenu {
	overflow: hidden;
	clear: both;
	text-align: center;
	width: 100%;
}
.thumbparkmenu ul {
	margin: 0px auto 12px;
	padding: 0;
	text-align: center;
}
.thumbparkmenu ul li {
	display: inline-block;
	list-style-type: none;
}
.thumbparkmenu ul li button {
	margin: 0 0.1em;
	padding: 0.8em 2.2em;
	text-decoration: none;
	font-size: 1.1em;
	white-space: nowrap;
}
.thumbname {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em 0 0;
	font-size: 1.16em;
	line-height: 1em;
	text-align: center;
}
#detail .thumbname {
	width: 100%;
	height: auto;
	margin: 0.4em auto 0.4em;
	padding: 0.4em 0 0.4em;
	font-size: 1.4em;
	line-height: 1em;
}
.thumbsize {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0.3em 0 0;
	font-size: 1.0em;
	line-height: 1em;
	text-align: center;
}
.thumbicon {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0.4em 0 0.4em;
}
.thumbicon span {
	display: inline-block;
	width: 2.0em;
	height: 1.3em;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
.usage {
	margin: 0 auto;
	padding: 0 0 8px;
	text-align: center;
	line-height: 1.4em;
}
.usage span {
	vertical-align: bottom;
	display: inline-block;
	width: 1.3em;
	height: 1.6em;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

.new {background-image: url(../images/icona.png);}
.tw {background-image: url(../images/iconb.png);}
.rep {background-image: url(../images/iconc.png);}
.mov {background-image: url(../images/icond.png);}
.newon {background-image: url(../images/iconaon.png);}
.twon {background-image: url(../images/iconbon.png);}
.repon {background-image: url(../images/iconcon.png);}
.movon {background-image: url(../images/icondon.png);}

.thumb .time {
	display: block;
	width: 100%;
	margin: 0 auto 0;
	padding: 0.5em 0 0.6em;
	font-size: 1.1em;
	line-height: 1em;
	background-color: #fff4f3;
}
/* SP */
@media only screen and (max-width: 680px) {
.thumb .time {
	padding: 0.5em 0 0.5em;
	font-size: 1.2em;
}
}
/* //SP */

.thumb .timemon ,
.thumb .timetue ,
.thumb .timewed ,
.thumb .timethu ,
.thumb .timefri ,
.thumb .timesat ,
.thumb .timesun {display: none;}

.tday-mon .timemon {display: block;}
.tday-tue .timetue {display: block;}
.tday-wed .timewed {display: block;}
.tday-thu .timethu {display: block;}
.tday-fri .timefri {display: block;}
.tday-sat .timesat {display: block;}
.tday-sun .timesun {display: block;}

.thumbresv ,
.thumbroom {
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	height: 1.3em;
	margin: 0 auto 0;
	padding: 0.2em 0 0;
	text-align: center;
	font-family: sans-serif;
	font-size: 0.96em;
	line-height: 1em;
	letter-spacing: 0em;
	color: #fff;
	border-radius: 2px;
}
.thumbroom {
	width: 3.2em;
}
.thumbresv {
	width: 4.2em;
}
/* SP */
@media only screen and (max-width: 680px) {
.thumb .thumbresv {
	width: 3.2em;
	padding: 0.2em 0 0 0.1em;
}
}
/* //SP */

.thumb .thumbresv ,
.thumb .thumbroom {
	display: block;
	position: absolute;
}
.thumb .thumbresv {
	right: 4px;
	bottom: 0.64em;
}
.thumb .thumbroom {
	left: 4px;
	bottom: 0.64em;
}
#detail .thumbresv ,
#detail .thumbroom {
	margin-left: 0.4em;
}
.rooma {background-color: #ef7b6f;}
.roomb {background-color: #8d54ea;}
.roomc {background-color: #00ada7;}

.resva {background-color: #ff873e;}
.resvb {background-color: #ff3e67;}
.resvc {background-color: #f05acb;}


.thumb .room1 ,
.thumb .room2 ,
.thumb .room3 ,
.thumb .room4 ,
.thumb .room5 ,
.thumb .room6 ,
.thumb .room7 {display: none;}

.tday-mon .room1 {display: block;}
.tday-tue .room2 {display: block;}
.tday-wed .room3 {display: block;}
.tday-thu .room4 {display: block;}
.tday-fri .room5 {display: block;}
.tday-sat .room6 {display: block;}
.tday-sun .room7 {display: block;}

.thumb .resv1 ,
.thumb .resv2 ,
.thumb .resv3 ,
.thumb .resv4 ,
.thumb .resv5 ,
.thumb .resv6 ,
.thumb .resv7 {display: none;}

.tday-mon .resv1 {display: block;}
.tday-tue .resv2 {display: block;}
.tday-wed .resv3 {display: block;}
.tday-thu .resv4 {display: block;}
.tday-fri .resv5 {display: block;}
.tday-sat .resv6 {display: block;}
.tday-sun .resv7 {display: block;}


.thumbsize {
	margin: 1px auto 0;
}
#detail .thumbsize {
	width: 100%;
	margin: 0 auto 0;
	padding: 2px 0 0;
	font-size: 1.1em;
	line-height: 1em;
}
html > body p.linkarea a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	text-indent: -200%;
}
html > body p.linkarea a:hover {
}

#detail .tw {
	right: 0px;
	bottom: 44px;
	width: 50px;
	height: 50px;
}


.caption {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0;
	line-height: 1.2em;
	letter-spacing: -0.06em;
	color: #f9daa3;
	text-shadow:
2px 2px 0 #000, -2px -2px 0 #000,-2px 2px 0 #000, 2px -2px 0 #000,
1px 1px 0 #000, -1px -1px 0 #000,-1px 1px 0 #000, 1px -1px 0 #000,
0px 2px 0 #000,0 -2px 0 #000,-2px 0 0 #000, 2px 0 0 #000,
0px 1px 0 #000,0 -1px 0 #000,-1px 0 0 #000, 1px 0 0 #000;
	overflow: hidden;
	z-index: 12;
}







.linkbox {
	display: table;
	width: 880px;
	margin: 20px auto 40px;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.linkbox div {
	display: inline;
	margin: 0 auto;
}
.banner {
	width: 468px;
	margin: 0 auto;
	text-align: center;
}
.banner640  {
	width: 640px;
}
.banner img {
	display: block;
	margin: 0 auto 15px;
}

.map {
	display: block;
	width: 100%;
	max-width: 1000px;
	height: 360px;
	margin: 0 auto 0px;
}
.access {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0 0;
	line-height: 1.2em;
	overflow: hidden;
}
.access div {
	position: relative;
	display: inline-block;
	width: 47%;
	margin: 0 1% 16px;
	padding: 16px 2% 12px;
	text-align: left;
	vertical-align: top;
}
.access div img {
	width: 100%;
	margin: 0 auto 4px;
	display: block;
}
.access .no {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 44px;
	height: 44px;
	margin: -8px 0 0;
	padding: 3px 6px 0 0;
	text-align: center;
	font-size: 40px;
	line-height: 1em;
	font-style: italic;
	color: #fff;
	background: #f3837e;
	border-radius: 36px;
}
/* SP */
@media only screen and (max-width: 680px) {
.access div {
	width: 98%;
}
.access .no {
	width: 88px;
	height: 88px;
	margin: -10px 0 0;
	padding: 6px 12px 0 0;
	text-align: center;
	font-size: 80px;
	border-radius: 60px;
}
}
/* //SP */



/* Cell
 * --------------------------------------- */
.cell {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 4px;
	padding: 0;
	overflow: hidden;
}
.cell .cset {
	margin: 0 auto 6px;
	overflow: hidden;
	line-height: 1.4em;
	border-bottom: solid 1px #d4b773;
}
.plcell .cset {
	position: relative;
	border-bottom: solid 1px #d4b773;
}
.cell .cset div {
	float: left;
	padding: 1em 2% 1em;
}
.dcell .cset div {
	padding: 0.4em 2% 0.4em;
}
.pcell .cset div {
	padding: 0.7em 2% 0.7em;
}
.cell .cset div .en {
	font-size: 1.4em
}
.cell .cset div .no {
	margin-left: 0.1em;
	margin-right: 0.1em;
	font-size: 1.5em;
	font-weight: normal;
}
.cell .cset .cleft {
	width: 20%;
	padding: 1em 1.5% 1em 1%;
	text-align: left;
}
.cell .cset .cright {
	width: 80%;
	padding: 1em 1% 1em 1.5%;
	text-align: left;
}
.pcell .cset .cleft {
	width: 40%;
}
.pcell .cset .cright {
	width: 60%;
	text-align: right;
	color: #433700;
}
.pdcell .cset .cright {
	color: #433700;
}
s {
	text-decoration: none;
	position: relative;
	display: inline-block;
	padding: 0 4px;
	color: #aaa;
}
s::after {
	z-index: 1;
	content: '';
	position: absolute;
	left: 0;
	top: 0.8em;
	display: block;
	width: 100%;
	height: 2px;
	border-top: solid 1px #888;
}
.mcell .cset .cleft {
	width: 20%;
}
.mcell .cset .cleft span {
	display: inline-block;
	padding: 0.2em 1.2em 0.1em;
	font-size: 1.1em;
	line-height: 1em;
	text-align: center;
	color: #fff;
	background: #ff86a5;
	border-radius: 3em;
}
.mcell .cset .cright {
	width: 80%;
}
.need {
	margin: 0 auto 0 4px;
	padding: 1px 3px 1px 3px;
	font-size: 84%;
	line-height: 0.8em;
	text-align: center;
	color: #fff;
	background: #f3837e;
	border-radius: 2px;
}
#mailframe {
	width: 640px;
	height: 400px;
	margin: 0 auto;
	border: none;
}

/*form
*/
form {
	margin: 0;
	padding: 0;
	text-align: center;
}
form input[type="text"],
form select ,
form textarea {
	margin: 4px 0;
	font-size: 100%;
	line-height: 1.2em;
	border: solid 1px #bbb;
}
form input[type="text"],
form textarea {
	width: 86%;
	padding: 6px 4px 6px;
}
form #inputage {
	width: 20%;
}
.files {
	clear: both;
	width: 100%;
	margin: 0 auto 8px 0;
}
.file {
	clear: both;
	float: none;
	display: inline-block;
	overflow: hidden;
	position: relative;
	margin: 8px auto 0 0;
	padding: 0.6em;
	font-size: 18px!important;
	line-height: 1em;
	color: #050505;
	background: #eee;
	border: 0px solid #fae5ee;
}
.file input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 100px;
	cursor: pointer;
}

/*----------------------------------------------------------------
* スライドショー
----------------------------------------------------------------*/
#detailphoto {
	position: relative;
	text-align: center;
	overflow: hidden;
}
#detailphoto .photos {
	width: 600px;
	height: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
#detailphoto .photos .flexslider {
	height: 900px;
	margin: 0 auto 0;
}
.slides::after ,
.slides {
	height: 800px;
}
#detailphoto .photos .flexslider .slides img {
	width: 100%;
	height: auto;
}
.flex-control-thumbs {
	display: table;
	width: 480px;
	height: 112px;
	margin: 12px auto 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
	letter-spacing: -.40em; /*隙間対策 */
}
.flex-control-thumbs li {
	display: table-cell;
	width: auto;
	height: 76px;
	margin: 0 4px 0 0;
	padding: 0;
	border-style: none;
	overflow: hidden;
	letter-spacing: normal; /*隙間対策 */
}
.flex-control-thumbs img {
	width: auto;
	height: 76px;
	border-style: none;
}
.flex-control-thumbs img:hover {
	border-style: none;
}
.flex-control-thumbs .flex-active {
	overflow: hidden;
}

#detailphoto video {
	width: 480px;
	height: 480px;
	background-color: #4d4d4d;
}
#moviecom {
	font-size: 0.9em;
	margin: 0 auto 20px;
}

.review {
	margin: 0 auto;
}
.review p {
	line-height: 1.3em;
	margin: 0 auto 28px;
	padding: 0;
	text-align: left;
}

/*----------------------------------------------------------------
* content
----------------------------------------------------------------*/
.profilebox {
	overflow: hidden;
	position: relative;
	margin: 0 auto 20px;
	padding: 20px 20px 20px;
	text-align: center;
	background: #fff;
	border: 1px solid #ae955a;
	box-shadow: rgba(0,0,0,0.12) 0px 4px 8px;
}

.framebox {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
/* PC */
@media screen and (min-width: 681px) {
.box img.campain ,
.campain {
	vertical-align: top;
	max-width: 720px;
}
}
/* SP */
@media screen and (max-width: 680px) {
.framebox {
	padding: 20px 20px 20px;
}
}

/*----------------------------------------------------------------
* gallery
----------------------------------------------------------------*/
.lum-lightbox {
	z-index: 800;
}
.lum-lightbox button::before ,
.lum-lightbox button::after {
}
ul.gallery {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	letter-spacing: -.40em; /*隙間対策 */
}
ul.gallery li {
	display: inline-block;
	width: 140px;
	height: 140px;
	position: relative;
	margin: 0 8px 16px;
	padding: 0;
	text-align: center;
	overflow: hidden;
	letter-spacing: normal; /*隙間対策 */
	border: solid 1px #d4a45a;
}
ul.gallery li a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: solid 5px rgba(255,255,255,0.2);
}
ul.gallery li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* Q&A
 * --------------------------------------- */
/* Q&A
 * --------------------------------------- */
.qabox {
	margin: 0 auto 12px;
}
.qaques {
	position: relative;
	margin: 0;
	padding: 20px 0px 16px 104px;
	text-align: left;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #111;
	background: url(../images/qaques.png) left top no-repeat;
}
.qaques span {
	display: inline-block;
	padding: 14px 28px 12px 28px;
	text-align: left;
	background:linear-gradient(-60deg,#ffe9d0,#ffdff3);
	border-radius: 1em;
}
.qaans {
	position: relative;
	margin: 0;
	padding: 8px 104px 32px 0px;
	text-align: right;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #111;
	background: url(../images/qaans.png) right top no-repeat;
}
.qaans span {
	display: inline-block;
	padding: 14px 28px 12px 28px;
	text-align: left;
	background: rgba(255,255,255,1.0);
	border-radius: 1em;
}


/* case
 * --------------------------------------- */

.box-case {
	overflow: hidden;
	position: relative;
	display: flex;
	margin: 16px auto;
	padding: 24px 100px;
	text-align: center;
	vertical-align: middle;
	background: linear-gradient(-60deg,#f8c994,#f9a0bf);
	border-radius: 2.2em;
}
.box-case img {
	width: 240px;
	height: 240px;
	margin: 0 28px 0 0;
	vertical-align: top;
	border: 3px solid #fff;
	-webkit-border-radius: 50%; /*角丸*/
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.box-case .txt-case {
	display: inline-block;
	width: calc(100% - 320px);
	padding: 1.6em 2.4em;
	text-align: left;
	font-size: 1.14em;
	line-height: 1.4em;
	background-color: rgba(255,255,255,0.96);
	border-radius: 1.6em;
}
.box-case h3 {
	margin: 0;
	padding: 0 0 0.4em;
	text-align: left;
	font-family: sans-serif;
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: normal;
	color: #ff56a2;
	background: none;
}
.box-case .casepay {
	display: block;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #ff56a2;
}
.box-case .casepay .no {
	margin-left: 0.2em;
	font-size: 1.6em;
	letter-spacing: 0.04em;
}
/* SP */
@media only screen and (max-width: 680px) {
.box-case {
	display: block;
	width: 640px;
	margin: 6px auto 60px;
	padding: 24px 28px;
}
.box-case img {
	width: 400px;
	height: 400px;
	margin: 0 auto 14px;
	border: 6px solid #fff;
}
.box-case .txt-case {
	width: 100%;
	padding: 0.6em 1.6em;
}
.box-case h3 {
	padding: 0.6em 0.2em 0.2em;
	font-size: 1.3em;
	line-height: 1.2em;
}
.box-case .casepay .no {
	font-size: 1.4em;
}
}



.point {
	overflow: hidden;
	width: 100%;
	max-width: 1480px;
	margin: 0 auto;
	padding: 0 1.2em 1.6em;
}
.point-box {
	vertical-align: top;
	position: relative;
	display: block;
	padding: 0;
	background-color: rgba(255,255,255,0.96);
	border-radius: 1.6em;
	box-shadow: 0 0 1.6em rgba(243,93,146,0.6);
}
/* PC */
@media screen and (min-width: 801px) {
.point {
	display: flex;
}
.point-box {
	width: 31.3%;
	margin: 3.2em 0.5% 0;
}
}
/* SP */
@media only screen and (max-width: 680px) {
.point-box {
	margin: 3.2em 0.0em 4.4em;
}
}

.point-no {
	position: absolute;
	top: -3.2em;
	left: calc(50% - 3em);
	width: 6em;
	height: 6em;
	padding: 1.2em 0 0;
	font-family: serif;
	letter-spacing: 0.04em;
	font-size: 1.0em;
	line-height: 1.0em;
	color: #fff;
	background: linear-gradient(-60deg,#f8c994,#f9a0bf);
	border-radius: 4em;
}
.point-no > span {
	font-size: 1.6em;
	line-height: 1.0em;
}
.point-no .no {
	display: block;
	font-size: 1.6em;
	line-height: 1.0em;
}
.point-txt {
	padding: 3.4em 1.0em 1.2em;
	text-align: left;
	font-size: 1.0em;
	line-height: 1.6em;
}
.point-txt  h3 {
	margin: 0 auto 0;
	padding: 0 0 0.2em;
	text-align: center;
	font-weight: normal;
	font-family: sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: 0.0em;
	color: #ff56a2;
	box-shadow: none;
}
.point-txt p {
	margin: 0;
	padding: 0;
}

/* flow
 * --------------------------------------- */
@media only screen and (max-width: 680px) {
.box-training p {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4em;
}
.box-step {
	padding: 1.0em 0.4em;
}
.box-step h3 {
	padding: 0em 0em 0.4em 0;
	font-size: 1.4em;
	line-height: 1.3em;
}
.box-step img {
	width: 180px;
	margin: 0 1.2em 0.6em 0;
}
.box-step p {
	padding: 0;
	font-size: 1.2em;
	line-height: 1.3em;
}
}


/* Recruit
 * --------------------------------------- */
.recruit-box {
	overflow: hidden;
	max-width: 1200px;
	margin: 8px auto 18px;
	padding: 28px 0px 32px;
	border: 1px solid #ae955a;
	background: rgba(255,255,255,0.6);
}
.recruit-box p {
	max-width: 1000px;
	margin: 0 auto 0px;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5em;
}
.pay-box {
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	padding: 2px 0 28px;
	vertical-align: baseline;
}
.kyuryou {
	font-size: 2.8em;
	line-height: 1.0em;
}
.mno {
	display: inline-block;
	padding: 0 0 0 0.1em;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.0em;
	color: #ff598f;
	transform: translateY(0.04em);
}
.lno {
	display: inline-block;
	padding: 0 0 0 0.1em;
	font-weight: bold;
	font-size: 2.4em;
	line-height: 1.0em;
	color: #ff598f;
	transform: translateY(0.04em);
}
/* flow
 * --------------------------------------- */
.box-training {
	overflow: hidden;
	max-width: 800px;
	margin: 0 auto 28px;
	padding: 12px;
	border: 1px solid #ae955a;
	background: rgba(255,255,255,0.6);
}
.box-training img {
	margin: 12px auto 0;
}
.box-training p {
	text-align: center;
}
.box-step {
	overflow: hidden;
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #ae955a;
	background: rgba(255,255,255,0.6);
}
.box-step p {
	text-align: center;
	font-size: 1.1em;
	line-height: 1.4em;
}
.arrow {
	position: relative;
	height: 2.4em;
}
.arrow::after {
	content: "";
	position: absolute;
	top: 0.2em;
	left: calc(50% - 2em);
	border: 2rem solid transparent;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 2em;
	border-top: 2em solid #ffcdd8;
}






/* PC TAB */
@media only screen and (min-width: 681px) {

#header-inner {
	height: 80px;
}
#header-tel {
	padding: 0 0 0 12px;
}
#header-open {
	padding: 2px 12px 0 0;
	text-align: right;
}
#footersp {
	display: none;
}
#menubtn {
	display: none;
}
#menu-wrap {
	position: fixed;
	top: 16px;
	right: 200px;
	display: block;
	width: 700px;
	height: 48px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #050505;
	z-index: 648;
}
#menu {
	display: table;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style-type: none;
	border-collapse: collapse;
	border-spacing: 0;
	letter-spacing: -1em; /*隙間対策 */
}
#menu li {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	letter-spacing: normal; /*隙間対策 */
	border-left: 1px solid #ddd;
}
#menu li a {
	position: relative;
	display: block;
	width: 90px;
	height: 46px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: serif;
	font-size: 1em;
	line-height: 1em;
	color: #0b0b0b;
	background: none;
}
#menu li:nth-child(3) a ,
#menu li:nth-child(4) a {
	width: 100px;
}
#menu li a:link ,
#menu li a:visited {
	color: #0b0b0b;
}
#menu li a:hover {
	color: #0b0b0b;
	background: #fff4f3;
	transition: .5s;
}
#menu li a img {
	display: none;
}
menu li a span {
	vertical-align: top;
}
#menu li a span.en {
	display: block;
	padding: 10px 0 5px;
	font-family: Cinzel;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-weight: normal;
}
#menu li#menu3 a span.en ,
#menu li#menu4 a span.en {
	letter-spacing: 0.05em;
}
#menu li a span.jp {
	display: block;
	font-size: 11px;
	letter-spacing: 0.05em;
}
.side {
	float: right;
	margin: 0 0px 0 auto;
	padding: 14px 0 20px;
	width: 240px;
	text-align:center;
}
.side img {
	vertical-align: top;
	max-width: 240px;
	margin: 0 auto 4px;
}
.side a:hover {opacity: 0.5;}

#detail .box {
	max-width: 1120px;
	margin: 0 auto 40px;
	padding: 12px 20px 12px;
}

@media only screen and (min-width: 681px) {
.thumb a.iframe:hover figure img {
	transform: scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
}
}

.plcell .cset {
	float: left;
	margin: 0 2% 6px;
	width: 46%;
}
#detail .dcell .cset {
	float: left;
	margin: 0 auto 0px;
	width: 14.28%;
	border-left: solid 1px #d4b773;
	border-bottom: solid 0px #edd697;
}
#detail .dcell .cset:first-child {
	border-left: solid 0px #d4b773;
}
#detail .dcell .cset div {
	float: none;
}
#detail .dcell .cset .cleft {
	width: 100%;
	padding: 0.8em 0 0.4em;
	text-align: center;
	border-right: solid 0px #d4b773;
	border-bottom: solid 1px #edd697;
}
#detail .dcell .cset .cright {
	width: 100%;
	padding: 0.4em 0 1.0em;
	text-align: center;
}
#detail .time {
	display: block;
}

#detailphoto {
	float: left;
	margin: 0 auto 16px 0;
	width: 602px;
	background: #fff;
	border: 1px solid #ae955a;
	box-shadow: rgba(0,0,0,0.12) 0px 4px 8px;
}
#profile {
	float: right;
	width: 460px;
	margin: 0 auto 0 0;
	padding: 0;
}
.box .detailsche  p {
	text-align: center;
}
#recruitsp {
	display: none;
}

}
/* //PC TAB */






/* SP */
@media only screen and (max-width: 680px) {
#recruitsp {
	position: fixed;
	bottom: 104px;
	left: 20px;
	display: block;
	width: 640px;
	height: autox;
	padding: 0.24em 1.0em 0.14em 0;
	font-size: 1.2em;
	line-height: 1.1em;
	color: #fff;
	background: url(../images/arrow.png) right 56px center no-repeat #00bb00;
	background-size: auto 1.4em;
	border-radius: 3em;
	z-index: 980;
}
#recruitsp .re {
	font-family: sans-serif;
	letter-spacing: 0.1em;
}

body.pct #footersp {
	display: none;
}
#footersp {
	position: fixed;
	bottom: -1px;
	left: 0;
	display: block;
	width: 680px;
	height: 90px;
	padding: 8px 0 0;
	text-align: left;
	font-family: sans-serif;
	line-height: 0em;
	color: #fff;
    background: linear-gradient(45deg, #32a6ff 0%, #3f6fff 49%, #8d54ff 82%);
    background-size: 200%;
    animation: aurora 8s infinite;
	letter-spacing: -.40em; /*隙間対策 */
	z-index: 960;
}
#footersp::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    background: radial-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
    background-size: 200%;
    animation: aurora 5s infinite;
	z-index: -1;
}
#footersp a {
	display: inline-block;
	width: 113px;
	height: 72px;
	margin: 0 auto 0 0;
	padding: 6px 0 0;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0em;
	text-align: center;
	color: #fff;
	letter-spacing: normal; /*隙間対策 */
}
#footersp a img {
	display: block;
	width: auto;
	height: 36px;
	margin: 0 auto 6px;
}


#header-inner {
	width: 680px;
	height: 104px;
}
#logo {
	top: 12px;
	left: 4px;
	width: 360px;
	margin: 0;
	text-align: left;
}
#logo img {
	height: 80px;
}
#header-bottom {
	position: fixed;
	left: auto;
	width: 190px;
	right: 100px;
	top: 0;
	padding: 24px 2px 0 0;
	text-align: right;
	height: 100px;
}
#header-tel {
	display: none;
}
/*
#header-tel {
	position: absolute;
	bottom: 14px;
	right: 6px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#header-tel a {
	overflow: hidden;
	display: block;
	width: 64px;
	height: 76px;
}
#header-tel i {
	margin: 0 auto 2px;
	font-size: 54px;
	line-height: 1em;
	color: #251f0a;
}
#header-tel span.ph {
	display: block;
	font-size: 21px;
	line-height: 1em;
	color: #251f0a;
}
#header-tel span.pn {
	display: none;
}*/
#footer-tel {
	margin: 0 16px 0 auto;
	font-size: 28px;
	line-height: 1em;
}
#footer-tel i {
	margin-right: 4px;
	font-size: 26px;
	vertical-align: top;
}
#header-open {
	margin: 0;
	padding: 0;
	text-align: right;
}
#header-open {
	font-size: 25px;
	line-height: 1em;
}
#footer-open {
	font-size: 28px;
	line-height: 1em;
}
#header-open i {
	margin-right: 4px;
	font-size: 23px;
	vertical-align: top;
}
#footer-open i {
	margin-right: 4px;
	font-size: 25px;
	vertical-align: top;
}
#header-desk {
	margin: 0;
	font-size: 25px;
	line-height: 1em;
}
#footer-desk {
	margin: 0 20px 0 0;
	font-size: 25px;
	line-height: 1em;
}
#header-desk {
	float: none;
	display: block;
	margin: 0 0 6px;
	text-align: right;
}
#header-open span.jp ,
#footer-open span.jp {
	margin: 0.01em 0.3em 0 0;
}
#footer {
	padding: 28px 0 120px;
}
#footer-inner {
	width: 680px;
}
#footer-menu {
	width: 680px;
	margin: 0 auto 20px;
	border-top: solid 1px #767066;
}
#footer-menu li {
	display: block;
	margin: 0 auto 0px;
	padding: 0;
	width: 100%;
	text-align: left;
	border-bottom: solid 1px #767066;
}
#footer-menu li a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 12px 0 12px 24px;
	font-size: 30px;
	line-height: 1.0em;
	font-family: serif;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}
#footer-menu li a span {
	vertical-align: middle;
}
#footer-menu li a span.jp {
	margin-left: 12px;
	font-size: 22px;
}
#footer-logo img {
	width: auto;
	height: 240px;
}
#footer-txt {
	width: 640px;
	text-align: left;
	font-size: 22px;
	line-height: 1.4em;
}
#footer-mail {
	font-size: 1.0em;
}
#footer-copy {
	font-size: 20px;
	line-height: 1em;
}

#footersp {
	position: fixed;
	bottom: 16px;
	left: 20px;
	display: block;
	width: 640px;
	height: 80px;
	padding: 0 10px;
	text-align: left;
	color: #fff;
	background: #f3837e;
	line-height: 0em;
	letter-spacing: -.40em; /*隙間対策 */
	font-family: sans-serif;
	z-index: 960;
	border-radius: 50px;
}
#footersp a {
	display: inline-block;
	width: 200px;
	height: 80px;
	margin: 0 auto 0 0;
	padding: 10px 0 0;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0em;
	text-align: center;
	color: #fff;
	letter-spacing: normal; /*隙間対策 */
}
#footersp a i {
	display: block;
	margin: 0 auto 4px;
	font-size: 40px;
}
/*
#footersp a:nth-child(2) i {
	color: #83ff7d;
}
*/
#footersp a img {
	display: block;
	width: auto;
	height: 36px;
	margin: 0 auto 6px;
}
#menubtn {
	position: fixed;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	padding: 8px 0 0;
	font-size: 18px;
	line-height: 1em;
	letter-spacing: 0em;
	font-family: sans-serif;
	color: #fff;
	background: #f3837e;
	z-index: 990;
}
.navBtn {
	position: relative;
	width: 80px;
	height: 59px;
	margin: 0 auto;
	padding: 0;
	cursor: pointer;
}
.navBtn .line {
	position: absolute;
	left: 16px;
	width: 48px;
	height: 4px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.navBtn .line.lineT {
	top: 16px;
	transition: all 0.3s ease-out 0s;
}
.navBtn .line.lineB {
	top: 30px;
	transition: all 0.3s ease-out 0s;
}
.navBtn .line.lineC {
	top: 44px;
	transition: all 0.3s ease-out 0s;
}
body.sp.open .navBtn .line.lineT {
	top: 30px;
	transform: rotate(45deg);
	transition: all 0.3s ease-out 0s;
}
body.sp.open .navBtn .line.lineC {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.3s ease-out 0s;
}
body.sp.open .navBtn .line.lineB {
	top: 30px;
	transform: rotate(-45deg);
	transition: all 0.3s ease-out 0s;
}
#menu-wrap {
	z-index: 900;
	visibility: visible;
	overflow: hidden;
	position:fixed;
	top: 0;
	display: block;
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255,0.96);
	opacity: 1;
}
body.close #menu-wrap {
	transition: opacity 0.4s ease-in 0s, left 0s linear 1s;
	opacity: 0;
	left: -101%;
}
body.open #menu-wrap {
	transition: left 0s linear 0s, opacity 0.4s ease-out 0s;
	left: 0;
	opacity: 1;
}
#menu {
	display: block;
	width: 100%;
	height: auto;
	margin: 20vh auto 0;
	padding: 0 0 20px;
	list-style-type: none;
	vertical-align: middle;
}
#menu li {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 12px 0;
}
#menu li a {
	display: block;
	width: 640px;
	margin: 0 auto;
	padding: 20px 40px 20px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 1.0em;
	font-family: serif;
	color: #fff;
	background: #f3837e;
	border-radius: 2em;
	opacity: 0;
	transform: translate(0,40px);
}
body.sp.close #menu li a {
	transition: 0s;
	transition-delay: 1.0s;
	opacity: 0;
}
body.sp.open #menu li a {
	transition: 0.6s;
	transition-delay: 0.2s;
	opacity: 1;
	transform: translate(0,0);
}
#menu li a img {
	display: none;
}
#menu li a span.en {
	font-size: 30px;
	font-family: serif;
}
#menu li a span.jp {
	margin-left: 16px;
	font-size: 24px;
}
#menu li a span {
	vertical-align: middle;
}

#detailpage #contents {
	padding: 0px 0 40px
}
#tw ,
#detail #tw {
	width: 360px;
	margin: 150px auto 170px;
	padding: 0 12px;
	transform: scale(1.8,1.8);
}
#detail .main {
	width: 680px;
}
.sectionin {
	width: 680px;
}
#news .sectionin {
	width: 680px;
}
body.schedulepage .sectionin ,
body.castpage .sectionin {
	padding: 12px 0px 12px;
}
h3 span.en {
	max-width: 680px;
	font-size: 1.7em;
}
.box {
	width: 680px;
	margin: 0 auto 60px;
	padding: 0;
}
.thumbparkmenu ul li {
	width: 31%;
	margin: 0 0.2% 20px;
	padding: 0;
}
.thumbparkmenu ul li:first-child {
	width: 98%;
	margin: 0 auto 20px;
	padding: 0;
}
.thumbparkmenu ul li button {
	width: 100%;
	padding: 0.6em 0em;
	font-size: 1.0em;
}
.thumb figcaption {
	font-size: 22px;
}
.thumbname {
	width: 100%;
	padding: 13px 0 0;
}
#detail .thumbname {
	margin: 4px auto 12px;
}
.thumbicon {
}
.thumbicon span {
	width: 40px;
	height: 28px;
}
.usage {
	padding: 0 0 12px;
	line-height: 1.2em;
}
.dcell .cset .cleft {
	width: 28%;
	padding: 0.4em 2% 0.4em;
}
.dcell .cset .cright {
	width: 72%;
	padding: 0.4em 2% 0.4em;
}
.mcell .cset div {
	float: none;
}
.mcell .cset .cleft {
	width: 100%;
	padding: 1em 4% 0.2em;
}
.mcell .cset .cright {
	width: 100%;
	padding: 0.2em 4% 1em;
}
#detailphoto {
	margin: 0 auto 20px;
	width: 680px;
	background: #fff;
	border-top: 1px solid #ae955a;
	border-bottom: 1px solid #ae955a;
	box-shadow: rgba(0,0,0,0.12) 0px 4px 8px;
}
#detailphoto .photos {
	width: 680px;
	height: 1020px;
}
#detailphoto .photos .flexslider {
	height: 1020px;
}
.slides::after ,
.slides {
	height: 908px;
}
#detailphoto video {
	width: 680px;
	height: 383px;
}
#profile {
	width: 100%;
	margin: 0 auto 0;
	padding: 8px 0px 20px;
}
.recruit-box p {
	padding: 0 32px;
	text-align: left;
	font-size: 1.12em;
	line-height: 1.5em;
}
.pay-box {
	margin: 0 auto 0px;
	padding: 28px 0 28px;
}
.kyuryou {
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.0em;
}
.mno {
	font-size: 1.4em;
	line-height: 1.0em;
}
.lno {
	font-size: 1.7em;
	line-height: 1.0em;
}


#contents-wrap {
	width: 680px;
	overflow: hidden;
}
#page-top {
	bottom: 134px;
}


}
/* //SP */





/* flow */
.flowbox {
	width: 100%;
	margin: 0 auto 10px;
	padding: 28px 0px 20px;
}
.flow {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 0 auto 4px;
	padding: 18px 40px 20px 80px;
	text-align: center;
	background: #fff4f3;
	border: solid 2px #fbbab1;
	-webkit-border-radius: 24px; /*角丸*/
	-moz-border-radius: 24px;
	border-radius: 24px;
}
.flow h5 {
	display: inline-block;
	margin: 0 32px 6px auto;
	padding: 0 12px 1px;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #222;
	background: linear-gradient(transparent 70%, #ffcbcb 70%);
	border-bottom: solid 0px #f3837e;
}
.flow .no {
	position: absolute;
	left: 0;
	top: 0;
	width: 240px;
	height: 100px;
	margin: -40px 0 0 -80px;
	padding: 60px 20px 0 0;
	font-family: serif;
	font-weight: bold;
	font-size: 2.0em;
	line-height: 1.0em;
	letter-spacing: 0em;
	color: #fff;
	background-color: #f3837e;
	-webkit-transform: rotate(-34deg);
	transform: rotate(-34deg);
}
.flowpic {
	margin: 0 auto;
	padding: 0 0 8px;
	text-align: center;
}
.arrow {
	position: relative;
	height: 2em;
	margin: 20px auto;
}
.arrow::after {
	content: "";
	position: absolute;
	top: 0;
	left: calc(50% - 2em);
	border: 2rem solid transparent;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 2rem;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 2em;
	border-top: 2em solid #f3837e;
}
.qabox {
	display: block;
	max-width: 800px;
	margin: 0 auto 1.2em;
	padding: 0.8em 0;
	text-align: left;
	background: #fff4f3;
	border: solid 2px #fbbab1;
	-webkit-border-radius: 20px; /*角丸*/
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.qabox .ques {
	position: relative;
	display: inline-block;
	margin: 0 auto 0.5em 3.6em;
	padding: 0.5em 0.2em 0.2em;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #222;
	background: linear-gradient(transparent 70%, #ffcbcb 70%);
	border-bottom: solid 0px #f3837e;
}
.qabox .ans {
	position: relative;
	height: auto;
	margin: 0 1.2em 0.5em 4.0em;
	padding: 0.5em 0.8em 0.2em;
	font-size: 1.0em;
	line-height: 1.6em;
}
.qabox .no {
	position: absolute;
	left: -1.6em;
	top: 0.2em;
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	margin: 0;
	padding: 0.03em 0.1em 0.05em;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1em;
	color: #fff;
	background-color: #f3837e;
	-webkit-border-radius: 36px; /*角丸*/
	-moz-border-radius: 36px;
	border-radius: 36px;
}
.recruit .qabox .ques .no {
	background-color: #f3837e;
}
.recruit .qabox .ans .no {
	left: -1.2em;
	background: #fb689c;
}
.recbox {
	position: relative;
	display: block;
	width: 100%;
	max-width: 720px;
	margin: 24px auto 24px;
	padding: 20px 20px 20px;
	text-align: left;
	line-height: 1.6em;
	background: url(../images/rec4.png) 24px 8px no-repeat rgba(209,244,251,0.4);
	border: solid 2px #5cd2e7;
	-webkit-border-radius: 36px; /*角丸*/
	-moz-border-radius: 36px;
	border-radius: 36px;
}
/* SP */
@media only screen and (max-width: 680px) {
.flow {
	padding: 32px 20px 32px 40px;
}
.flow h5 {
	margin: 0 20px 16px auto;
	font-size: 1.4em;
}
.flow .no {
	padding: 64px 20px 0 0;
	font-size: 1.4em;
}
.qabox .ques {
	margin: 0 0.5em 0.5em 3em;
	font-size: 1.2em;
	line-height: 1.3em;
}
.qabox .ans {
	margin: 0 1.2em 0.5em 3.0em;
	font-size: 1.0em;
	line-height: 1.5em;
}
}