@charset "utf-8";
/* CSS Document */


/* header
   ================================================================== */
header {
	position: relative;
}

header>.inner {
	padding: 15px;
}

header>.inner ul li,
header>.inner {
	height: 50vh;
	box-sizing: border-box;
}

header>.inner ul {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

header>.inner ul li {
	width: 50%;
}

.index header>.inner {
	height: 100vh;
	box-sizing: border-box;
}

header .site_logo {
	width: 150px;
	line-height: 0;
	position: relative;
	z-index: 1;
}

.index header .site_logo {
	display: block;
}

header .site_logo a {
	display: block;
	line-height: 0;
}

header .site_logo a span {
	margin: 10px 0 0;
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
	color: #fff;
	font-family: "Noto Serif JP", serif;
}

header .site_logo .site_logo_en {
	font-size: 15px;
}

header .top_news {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, .5);
}

header .top_news ul li {
	padding: 4vw 3vw;
}

header .top_news ul li a {
	display: block;
}

header .top_news ul li a span {
	display: block;
	font-size: 4vw;
	color: #fff;
}

header .top_news ul li a .title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


.index header::before {
	content: "";
	position: absolute;
	background: #ddd;
	height: 1px;
	width: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	animation: border_b 2s ease-out;
	opacity: 0;
}

.index header::after {
	content: "";
	position: absolute;
	background: #000;
	height: 1px;
	width: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	animation: border_a 2s ease-out;
	opacity: 0;
}

.index header .swiper-container {
	width: 100%;
	height: 100%;
	z-index: -1;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-name: imageBlur;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
}

header .swiper-container .swiper-slide {
	line-height: 0;
	text-align: center;
}

header .swiper-container .swiper-slide {
	height: 100%;
}

header .swiper-container .swiper-slide img {
	display: none;
}

@keyframes logo {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 1;
		transform: translate(0, 0);
	}

	80% {
		opacity: 0;
		transform: translate(3px, 3px);
	}

	100% {
		opacity: 0;
	}
}

@keyframes logo_text {
	0% {
		color: #000;
	}

	50% {
		color: #000;
	}

	80% {
		color: #fff;
	}

	100% {
		color: #fff;
	}
}

@keyframes border_b {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	55% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes border_a {
	0% {
		transform: translate(-100%, 0);
	}

	20% {
		transform: translate(-100%, 0);
	}

	30% {
		transform: translate(-80%, 0);
	}

	50% {
		transform: translate(0, 0);
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes imageBlur {
	0% {
		opacity: 0;
		filter: blur(15px);
	}

	50% {
		opacity: 0;
		filter: blur(15px);
		transform: scale(1.1);
	}

	100% {
		opacity: 1;
		filter: blur(0px);
		transform: scale(1);
	}
}

/* video
   ================================================================== */
#bg_movie {
	position: fixed;
	width: auto;
	height: 100vh;
	margin: auto;
	top: 0;
	left: -50%;
	right: 0;
	z-index: -1;
}


/* column_block_two
   ================================================================== */
.column_block_two {
	margin: 0 0 0;
}

.column_block_two .bg_photo {
	height: 44vw;
	position: relative;
	z-index: 1;
}

.column_block_two.wide .bg_photo {
	height: 60vw;
}

.column_block_two .photo_flex {
	display: flex;
}

.column_block_two .photo_flex .bg_photo {
	width: 50%;
}

.column_block_two .text_box {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.text_box.decoration::before {
	content: "";
	background: #F9F9F9;
	width: 50vw;
	height: 70vw;
	position: absolute;
	top: 2vw;
	left: -28vw;
	transform: rotate(30deg);
}

.text_box.decoration.right::before {
	left: auto;
	right: -28vw;
	transform: rotate(-30deg);
}


/* column_block_three
   ================================================================== */
.column_block_three {
	margin: 0 0 0;
}

.column_block_three .bg_photo {
	height: 44vw;
}

.column_block_three .photo_flex {
	display: flex;
}

.column_block_three .text_box {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}


/* common_box_inner
   ================================================================== */
.common_box_inner {
	padding: 6vw 3vw;
	display: block;
	position: relative;
	box-sizing: border-box;
	min-width: 100%;
}

.news_block h3,
.common_box_inner h4 {
	margin: 0 0 4vw;
	font-size: 6.5vw;
	text-align: center;
	font-weight: 500;
    font-family: 'Cormorant Infant', serif;
}

.option .common_box_inner h4 {
	font-size: 5.5vw;
	text-align: left;
}

.text_box.gray_bg {
	background: #F5F5F5;
}

.common_box_inner p {
	line-height: 170%;
}

.common_box_inner .anime_btn {
	margin: 4vw 0 0;
	text-align: right;
}

.common_box_inner .anime_btn a {
	text-align: center;
}


/* room_photo
   ================================================================== */
.room_photo {
	margin: 0 0 0;
}

.room_photo ul {
	font-size: 0;
}

.room_photo ul li {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.room_photo ul li .box_inner {
	height: 50vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.room_photo ul li .box_inner h4 {
	margin: 0;
}

.room_photo ul li .bg_photo {
	height: 50vw;
}


/* text_block
   ================================================================== */
.text_block {
	margin: 0 0 0;
}

.text_block .inner {
	padding: 10vw 3vw;
}


/* news_block
   ================================================================== */
.news_block {
	position: relative;
}

.news_block .inner {
	padding: 5vw 3vw;
}

.news_block .border_box {
	padding: 1vw;
	border: 1px solid #ddd;
}

.news_block .news_block_list {
	padding: 3vw 3vw;
	box-sizing: border-box;
}

.news_block_list>li+li {
	margin: 8vw 0 0;
}

.news_block h3 {
	margin: 0 0 2vw;
	font-size: 4.5vw;
	text-align: left;
	font-weight: 500;
}

/*
.news_block ul{
	padding: 3vw 3vw;
	height: 100vw;
	overflow: hidden;
	overflow-y: scroll;
	box-sizing: border-box;
}

.news_block ul::-webkit-scrollbar{ 
    width: 5px;
}

.news_block ul::-webkit-scrollbar-thumb{ 
    background: #eee;
    border-radius: 2vw;
}
*/

.news_block ul li .border_box {
	margin: 3vw 0;
	padding: 3vw 3vw;
	border: 1px dashed #ccc;
}


/* course_block
   ================================================================== */
.course_block {
	position: relative;
}

.course_block .inner {
	padding: 5vw 3vw;
}

.box_ttl>span {
	padding: 0 3vw 2vw;
	display: block;
	font-size: 5.5vw;
	line-height: 150%;
	font-family: "Noto Serif JP", serif;
	box-sizing: border-box;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
}

/* course_list */
.course_list {
	margin: 6vw 0 0;
}

.course_list>li {
	margin: 6vw 0 0;
	padding: 0 0 0;
}

.course_list>li:first-child {
	margin: 0;
}

.course_list>li h4 {
	padding: 4vw 8vw 4vw 3vw;
	font-size: 3.7vw;
	line-height: 150%;
	font-weight: 500;
	font-family: "Noto Serif JP", serif;
	position: relative;
	background: #F5F5F5;
	cursor: pointer;
}

.course_list>li h4 span {
	font-size: .8em;
}

.course_list>li h4::after {
	content: "";
	margin: auto;
	background: url("../images/common/plus-light.svg") no-repeat center center;
	background-size: 100%;
	width: 3vw;
	height: 3vw;
	position: absolute;
	right: 3vw;
	top: 0;
	bottom: 0;
}

.course_list>li h4.active::after {
	background: url("../images/common/minus-light.svg") no-repeat center center;
	background-size: 100%;
}

.slidetoggle_menu .btn_box {
	padding-right: 10vw;
	position: relative;
}

.slidetoggle_menu .btn_box::after {
	content: "";
	margin: auto;
	background: url("../images/common/plus-circle-light.svg") no-repeat center center;
	background-size: 100%;
	width: 6vw;
	height: 6vw;
	position: absolute;
	right: 3vw;
	top: 0;
	bottom: 0;
}

.slidetoggle_menu .btn_box.active::after {
	background: url("../images/common/minus-circle-light.svg") no-repeat center center;
	background-size: 100%;
}

.course_list .show_box>ul:first-child,
.course_list .show_box>ul:first-child>li:first-child {
	margin: 0 0 0;
}

.course_list .show_box {
	margin: 7vw 0 0;
	padding: 0 0 8vw;
	display: none;
}

.course_list .show_box>ul {
	margin: 0 0 0;
}

.course_list .show_box>ul>li {
	margin: 7vw 0 0;
	overflow: hidden;
	display: flex;
}

.course_list .show_box>ul>li .photo {
	margin: 0 3vw 0 0;
	width: 30%;
	line-height: 0;
	box-sizing: border-box;
}

.course_list .show_box>ul>li .text_box {
	padding: 0 0 0;
	width: 70%;
	box-sizing: border-box;
}

.course_list .show_box>ul>li .text_box h5 {
	margin: 0 0 0;
	display: flex;
}

.course_list .show_box>ul>li .text_box h5 .no {
	margin-right: 2vw;
	display: block;
	font-size: 6vw;
	line-height: 1;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	white-space: nowrap;
	letter-spacing: 0;
}

.course_list .show_box>ul>li .text_box h5 .title {
	padding: 0 0 0;
	display: block;
	font-size: 4.1vw;
	line-height: 150%;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
}

.course_list .show_box>ul>li .text_box p {
	margin: 2vw 0 0;
	font-size: 3.5vw;
	line-height: 150%;
	font-family: "Noto Sans JP", "メイリオ", "ms pgothic", sans-serif;
	/*font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
}

.each_option>ul li p .small,
.course_list .show_box>ul>li .text_box p .small {
	margin: 5px 0 0;
	font-size: .8em;
	font-family: inherit;
	line-height: 150%;
	display: inherit;
}

.course_list .show_box>ul>li .asterisk {
	margin: 0 0 0;
}

.course_list .show_box>ul>li .asterisk li {
	margin: 0 0 0;
	font-size: 3.2vw;
	line-height: 170%;
}

.course_list .show_box>ul>li .asterisk li::before {
	content: "※";
}


/* option_block
   ================================================================== */
.sp .option_block {
	margin-top: 15vw;
}


/* movie_block
   ================================================================== */
.movie_block {
	margin: 0;
}

.movie_block a {
	display: block;
	height: 60vw;
	position: relative;
}

.movie_block a::after {
	content: "";
	background: url("../images/top/movie_icon.webp") no-repeat center center;
	background-size: 100%;
	width: 15vw;
	height: 12vw;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


/* footer
   ================================================================== */
footer {
	margin: 0;
	padding: 10vw 0 17vw;
	position: relative;
	z-index: 1;
	background: #fff;
}


/* menu_block */
.menu_block {
	margin: 0;
}

.menu_block .photo_flex {
	margin: 0;
	display: flex;
}

.menu_block .bg_photo {
	width: 50%;
	height: 50vw;
}

.menu_block .bg_photo.widthmax {
	width: 100%;
	height: 54vw;
}

.menu_block>.inner>.text_box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu_block .time_box {
	margin: 0 0 0;
	display: block;
}

.menu_block .time_box>li {
	margin: 5vw 0 0;
	display: block;
}

.menu_block .time_box>li:first-child {
	margin: 0 0 0;
}

.menu_block .time_box>li h5,
.menu_block .time_box>li .yen,
.menu_block .time_box>li .yen span {
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
}

.menu_block .time_box>li h5 {
	font-size: 4.8vw;
}

.menu_block .time_box>li h5 span {
	font-size: .8em;
}

.menu_block .time_box .yen {
	margin: 3vw 0 0;
	padding: 0 0 0 5vw;
	display: block;
	font-size: 4.5vw;
	line-height: 150%;
}

.menu_block .time_box .yen .big {
	display: inline-block;
	font-size: 4.8vw;
}

.menu_block .time_box .yen .small {
	display: inline-block;
	font-size: 0.6em;
}

.menu_block .time_box .yen .mini {
	margin: 2vw 0 0;
	display: block;
	font-size: 0.6em;
	line-height: 120%;
}

.menu_block .time_box .short .yen .border {
	margin-left: 3vw;
	display: inline-block;
}

.reserve_btn {
	margin: 7vw 0 0;
}

.reserve_btn a {
	height: 24vw;
	box-sizing: border-box;
	background: #0D79C4;
	border: 1px solid #0D79C4;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.reserve_btn a span {
	font-size: 5vw;
	letter-spacing: 0.15em;
	line-height: 170%;
	font-family: "Noto Serif JP", serif;
	color: #fff;
	font-weight: 400;
}


/* gallery_block */
.gallery_block {
	margin: 0;
}

.gallery_block ul {
	font-size: 0;
}

.gallery_block ul li {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 50%;
	overflow: hidden;
}

.gallery_block ul li a {
	display: block;
	height: 50vw;
}


/* access_block */
.access_block {
	margin: 0;
	line-height: 0;
}

.access_block iframe {
	width: 100%;
	height: 85vw;
}


/* shop_block */
.shop_block {
	margin: 0;
}

.shop_block .left_box {
	padding: 4vw 6vw;
	display: flex;
	align-items: center;
}

.shop_block .site_name a {
	width: 65%;
	max-width: 307px;
	display: block;
	line-height: 0;
}

.shop_block .site_name a span {
	margin: 2vw 0 0;
	display: block;
	font-size: 4vw;
	font-weight: 500;
	line-height: 150%;
	font-family: "Noto Serif JP", serif;
}

.shop_block .sns_list {
	margin: 4vw 0 0;
	display: flex;
}

.shop_block .sns_list>li {
	margin: 0 2vw 0 0;
	width: 10vw;
}

.shop_block .sns_list>li a {
	display: inline-block;
	line-height: 0;
}

.shop_block .center {
	padding: 4vw 6vw;
	border-top: 1px solid #ddd;
}

.shop_block .center .text_box p {
	letter-spacing: 0.05em;
}

.shop_block .center .text_box p .small {
	font-size: .85em;
}

.shop_block .center .payment {
	margin: 3vw auto 0;
	line-height: 0;
}

.shop_block .right {
	padding: 8vw 6vw;
	border-top: 1px solid #ddd;
}

.shop_block .right .recruit {
	text-align: center;
	border: 1px solid #ddd;
}

.shop_block .right .recruit a {
	padding: 4vw 6vw;
	display: block;
}

.shop_block .right .recruit a span {
	display: block;
	font-weight: 500;
	line-height: 120%;
	font-family: "Noto Serif JP", serif;
}

.shop_block .right .recruit a span:nth-child(1) {
	font-size: 5vw;
}

.shop_block .right .recruit a span:nth-child(2) {
	margin: 3vw 0 0;
	font-size: 4.5vw;
}


/* shop_links_block */
.shop_links_block {
	border-top: 1px solid #ddd;
}

.shop_links_block .inner {
	padding: 8vw 6vw 4vw 6vw;
}

.shop_links_block .inner:nth-child(2) {
	padding: 0vw 6vw 8vw 6vw;
}

.shop_links_block .border_box {
	margin: 4vw 0 0;
	padding: 4vw 6vw;
	border: 1px solid #ddd;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	box-sizing: border-box;
}

.shop_links_block .inner:nth-child(2) .border_box {
	padding: 0vw;
}

.shop_links_block .inner .border_box:first-child {
	margin: 0 0 0;
}

.shop_links_block .border_box .logo {
	width: 45%;
	max-width: 164px;
	display: block;
	line-height: 0;
}

.shop_links_block .border_box .logo span {
	margin: 2vw 0 0;
	display: block;
	font-size: 4vw;
	font-weight: 500;
	line-height: 150%;
	font-family: "Noto Serif JP", serif;
}

.shop_links_block .inner:nth-child(2) .border_box>div {
	position: relative;
}

.shop_links_block .inner:nth-child(2) .border_box img {
	vertical-align: top;
}

.shop_links_block .inner:nth-child(2) .border_box .anime_btn {
	position: absolute;
	top: 72%;
	right: 68%;
}

.shop_links_block .inner:nth-child(2) .border_box .anime_btn a {
	background: none;
}

.shop_links_block .inner:nth-child(2) .border_box .anime_btn a span {
	padding: 0px;
	font-size: 3vw;
}

footer address {
	padding: 1vw 2vw 4vw;
	font-size: 2.5vw;
	color: #B4B4B4;
	letter-spacing: 0.10em;
	text-align: center;
	/* border-top: 1px solid #ddd; */
}

footer .defrayal_url a {
	font-size: 2.5vw;
	color: #B4B4B4;
	text-align: center;
	display: block;
	border-top: 1px solid #ddd;
	padding-top: 4vw;
}




/* environment
   ================================================================== */
.environment .inner {
	padding: 8vw 0 0;
}


/* column2
   ================================================================== */
.column2 {
	padding: 0 0 0;
	text-align: center;
}

.column2 .text_title {
	text-align: center;
}

.column2 .list {
	margin: 0 0 0;
	font-size: 0;
}

.column2 .list>li {
	margin: 10vw 0 0;
	padding: 0 1vw;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: calc(100%/2);
	text-align: left;
}

.column2 ul li h5 {
	padding: 0 0 0;
	position: relative;
	display: flex;
	font-size: 4.5vw;
	font-family: "Noto Serif JP", serif;
	line-height: 150%;
	font-weight: normal;
	justify-content: center;
	text-align: center;
	align-items: center;
	height: 12vw;
}

.column2 ul li .photo {
	margin: 3vw 0 0;
	text-align: center;
	line-height: 0;
}

.column2 ul li .text_box {
	margin: 3vw 1vw 0;
}

.column2 ul li .text_box p {
	font-size: 3.7vw;
	letter-spacing: 0;
}


/* customer
   ================================================================== */
.customer {
	margin: 12vw 0 0;
}

.customer .photo {
	margin: 0 6vw 0 0;
	text-align: left;
	line-height: 0;
	position: relative;
	height: 60vw;
}

.customer .photo::after {
	content: "";
	background: #F6F6F6;
	width: 40%;
	height: 80%;
	position: absolute;
	bottom: -10%;
	right: -40px;
	z-index: -1;
}

.customer .text_box {
	margin: 0 0 0;
	padding: 10vw 3vw 0;
}

.customer .text_box h3 {
	font-size: 5vw;
	font-family: "Noto Serif JP", serif;
	line-height: 150%;
	font-weight: normal;
}

.customer .text_box p {
	margin: 4vw 0 0;
}

.text_title {
	font-size: 5vw;
	letter-spacing: 0.05em;
	font-family: "Noto Serif JP", serif;
	line-height: 150%;
	font-weight: normal;
	text-align: center;
}


/* space
   ================================================================== */
.space {
	margin: 0 0 0;
	padding: 13vw 0 0;
}

#loopslider {
	margin: 6vw auto 0;
	padding: 0 0 0;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#loopslider ul {
	float: left;
	display: inline;
	overflow: hidden;
}

#loopslider ul li {
	width: 50vw;
	height: 40vw;
	float: left;
	display: inline;
	overflow: hidden;
	line-height: 0;
}


/* arrow_flow
   ================================================================== */
.arrow_flow {
	margin: 0 0 0;
	padding: 13vw 0 6vw;
}

.arrow_flow>.inner {
	position: relative;
}

.arrow_flow ul {
	margin: 8vw 0 0;
}

.arrow_flow ul li {
	background: #F7F8F8;
	font-size: 0;
	position: relative;
}

.arrow_flow ul li .inner {
	padding: 14vw 3vw 6vw;
	font-size: 0;
	position: relative;
}

.arrow_flow ul li:first-child .inner {
	padding: 6vw 3vw 6vw;
}

.arrow_flow ul li:nth-child(2n+2) {
	background: #fff;
}

.arrow_flow ul li .inner::after {
	content: "";
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 50px 0 50px;
	border-color: #F7F8F8 transparent transparent transparent;
	z-index: 1;
}

.arrow_flow ul li:nth-child(2n+2) .inner::after {
	border-color: #fff transparent transparent transparent;
}

.arrow_flow ul li:last-child .inner::after {
	display: none;
}

.arrow_flow ul li .photo {
	line-height: 0;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 30%;
	z-index: 2;
	position: relative;
}

.arrow_flow ul li .text_box {
	padding: 0 0 0 3vw;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 70%;
	z-index: 2;
	position: relative;
}

.arrow_flow ul li .text_box h4 {
	margin: 0 0 0;
	font-weight: normal;
	line-height: 150%;
	font-size: 0;
}

.arrow_flow ul li .text_box h4 .no {
	margin: 0 0 0 0;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 25%;
	font-size: 10vw;
	line-height: 100%;
	font-weight: 300;
	color: #B0BBBB;
	font-family: 'Lato', sans-serif;
}

.arrow_flow ul li .text_box h4 .text {
	padding: 1vw 0 0;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 75%;
	font-size: 5vw;
	font-family: "Noto Serif JP", serif;
	line-height: 150%;
	font-weight: 500;
}

.arrow_flow ul li .text_box p {
	margin: 3vw 0 0;
}

.arrow_flow ul li .text_box p .photo {
	margin-right: 2vw;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 20%;
	line-height: 0;
}

.arrow_flow ul li .text_box p .text {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 6.5vw;
	color: #B89A45;
	line-height: 150%;
	font-family: 'Lato', sans-serif;
}

.arrow_flow ul li .text_box .border_box {
	margin: 3vw 0 0;
}

.arrow_flow ul li .text_box .border_box a {
	padding: 3vw 5vw;
	font-size: 3.5vw;
	line-height: 170%;
	display: inline-block;
	background: #fff;
	border-radius: 100px;
}


/* requirements
   ================================================================== */
.requirements {
	margin: 12vw 0 0;
}

.requirements>.inner {
	position: relative;
}

.requirements table {
	margin: 8vw auto 0;
}


/* company_block
   ================================================================== */
.company_block .inner {
	padding: 8vw 3vw 6vw;
}

.company_block .kuu img {
	width: 30vw;
}

.company_block .sora img {
	width: 33vw;
}

.company_block .links_list {
	margin: 12vw 0 0;
	overflow: hidden;
}

.company_block .links_list .photo {
	margin: 0 4vw 3vw 0;
	width: 22vw;
	float: left;
	line-height: 0;
}

.company_block .links_list .photo a {
	display: block;
	line-height: 0;
}


/* design_table
   ================================================================== */
.design_table {
	width: 100%;
	font-size: 3.8vw;
	line-height: 180%;
	box-sizing: border-box;
}

.design_table th,
.design_table td {
	width: 100%;
	display: block;
	font-weight: normal;
	border-bottom: none;
	box-sizing: border-box;
	background: #fff;
}

.design_table tr:nth-child(2n+2) {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.design_table tr:first-child {
	border-top: 1px solid #ddd;
}

.design_table tr:last-child {
	border-bottom: 1px solid #ddd;
}

.design_table th {
	padding: 5vw;
	font-weight: bold;
}

.design_table td {
	padding: 0 5vw;
}

.design_table td .border {
	padding: 5vw 0;
	border-top: 1px solid #ddd;
}

.design_table td a {
	font-size: inherit;
}


/* separate_list
   ================================================================== */
.separate_list>li {
	margin: 4vw 0 0;
	padding: 4vw 3vw;
	border-bottom: 1px dashed #ccc;
}

.separate_list>li:first-child {
	margin-top: 0;
	padding-top: 0;
}

.separate_list>li:last-child {
	border-bottom: none;
}

.separate_list h4 {
	font-size: 3.8vw;
	line-height: 170%;
}


/* rooms_block
   ================================================================== */

.rooms_block {
	margin: 0 0 0;
}

.rooms_block .top_text {
	margin: 0 auto;
	padding: 12vw 3vw;
	box-sizing: border-box;
	max-width: 1000px;
}

.rooms_block .top_text .box {
	padding: 4vw 5vw;
	position: relative;
}

.rooms_block .top_text .box::after,
.rooms_block .top_text .box::before {
	content: "";
	width: 6vw;
	height: 6vw;
	position: absolute;
}

.rooms_block .top_text .box::before {
	top: 0;
	left: 0;
	border-top: 1px solid #707070;
	border-left: 1px solid #707070;
}

.rooms_block .top_text .box::after {
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #707070;
	border-right: 1px solid #707070;
}

.rooms_list {
	margin: 0 0 0;
}

.rooms_list>li {
	margin: 0 0 0;
}

.rooms_list .photo_box {
	line-height: 0;
}

/* two */
.rooms_list .photo_box.two .flex {
	display: flex;
}

.rooms_list .photo_box.two .flex>div {
	width: 50%;
	height: 70vw;
}

/* three */
.rooms_list .photo_box.three .photo01 {
	height: 50vw;
}

.rooms_list .photo_box.three .flex {
	display: flex;
}

.rooms_list .photo_box.three .flex>div {
	width: 50%;
	height: 35vw;
}

/* six */
.rooms_list .photo_box.six.sp .flex_top {
	display: flex;
}

.rooms_list .photo_box.six.sp .flex_top .photo01 {
	width: 50%;
	height: 100vw;
}

.rooms_list .photo_box.six.sp .flex_top .right {
	width: 50%;
	height: 100vw;
}

.rooms_list .photo_box.six.sp .flex_top .right>div {
	height: 50vw;
}

.rooms_list .photo_box.six.sp .flex_bottom {
	display: flex;
}

.rooms_list .photo_box.six.sp .flex_bottom>div {
	width: calc(100% / 3);
	height: 30vw;
}

.rooms_list .text_box {
	padding: 4vw 4vw;
	clear: both;
}

.rooms_list .text_box h3 {
	font-size: 6vw;
	font-weight: 700;
	line-height: 150%;
	font-family: "Noto Serif JP", serif;
}

.rooms_list .text_box h3+p {
	margin: 3vw 0 0;
}



/* staff_block
   ================================================================== */
.staff_block {
	margin: 0 0 0;
	padding: 0 0 5vw;
}

.staff_block .inner {
	margin: 0 auto;
	padding: 0 3vw;
	box-sizing: border-box;
	max-width: 1000px;
}

.staff_block .top_text {
	margin: 8vw 0 0;
}

.staff_list {
	margin: 0 0 0;
	padding: 0;
}

.staff_list>li {
	margin: 0 0 0;
	padding: 8vw 0;
	position: relative;
}

.staff_list>li::before {
	content: "";
	background: #ddd;
	width: 3vw;
	height: 3vw;
	border-radius: 100px;
	position: absolute;
	bottom: -1.5vw;
	left: 10vw;
}

.staff_list>li::after {
	content: "";
	background: #ddd;
	width: 2000%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 18vw;
}

.staff_list .inbox {
	overflow: hidden;
}

.staff_list .photo {
	width: 45vw;
	float: left;
}

.staff_list .text_box {
	margin: 0 0 0;
}

.staff_list .text_box h3 {
	padding: 0 0 0 6vw;
	display: flex;
	align-items: center;
	height: 60vw;
}

.staff_list .text_box h3 .f_box {
	display: block;
}

.staff_list .text_box h3 .f_box>span {
	display: block;
	line-height: 150%;
}

.staff_list .text_box h3 .f_box .jpn {
	font-size: 5vw;
}

.staff_list .text_box h3 .f_box .eng {
	margin: 1vw 0 0;
	font-size: 3.8vw;
	color: #ccc;
	font-weight: 400;
}

.staff_list .text_box p {
	margin: 0 0 0;
	clear: both;
}


@media screen and (min-width : 500px) {


	.index header>.inner {
		min-height: 700px;
	}

	/* video
	   ================================================================== */
	#bg_movie {
		width: auto;
		height: auto;
		top: -10vw;
		left: -100vw;
		right: 0;
		min-height: 100vh;
	}


	/* company_block
       ================================================================== */
	.company_block .inner {
		padding: 5vw 2vw 11vw;
	}

	.company_block .kuu img {
		width: 16.4vw;
	}

	.company_block .sora img {
		width: 19.8vw;
	}

	.company_block .links_list {
		margin: 7.3vw 0 0;
		display: flex;
		align-items: center;
	}

	.company_block .links_list .photo {
		margin: 0;
		width: 10vw;
	}

	.company_block .links_list .text_box {
		padding: 0 0 0 3vw;
		width: calc(100% - 10vw);
		box-sizing: border-box;
	}


	/* design_table
	   ================================================================== */
	.design_table {
		width: 95%;
		font-size: 1.8vw;
		line-height: 170%;
		box-sizing: border-box;
	}

	.design_table th,
	.design_table td {
		width: auto;
		display: table-cell;
		vertical-align: middle;
		box-sizing: border-box;
	}

	.design_table th {
		padding: 0 30px;
		width: 28.5%;
	}

	.design_table .col th {
		padding: 30px 30px;
	}

	.design_table .title_top th {
		padding-top: 30px;
		vertical-align: top;
	}

	.design_table th.center {
		padding: 0;
		text-align: center;
	}

	.design_table td {
		padding: 23px 0;
	}

	.design_table td .border {
		padding: 10px 30px;
		border-top: none;
		border-left: 1px solid #ccc;
	}


	/* separate_list
       ================================================================== */
	.separate_list {
		margin: 0 -2vw;
	}

	.separate_list>li {
		margin: 2.5vw 0 0;
		padding: 2.5vw 2vw;
	}

	.separate_list h4 {
		font-size: 1.8vw;
	}

	/* shop_links_block */
	.shop_links_block .inner:nth-child(2) .border_box div .sp {
		display: inherit !important;
	}

	.shop_links_block .inner:nth-child(2) .border_box div .pc {
		display: none !important;
	}

}

@media screen and (min-width : 600px) {


	/* header
	   ================================================================== */
	header {
		position: relative;
	}

	header>.inner ul li,
	header>.inner {
		height: 30vh;
		min-height: 260px;
	}

	header>.inner {
		padding: 15px;
	}

	header .site_logo {
		width: 150px;
	}

	header .site_logo a span {
		margin: 1vw 0 0;
		font-size: 2.5vw;
	}

	header .top_news ul li {
		padding: 3vw 2vw;
	}

	header .top_news ul li a {
		display: flex;
	}

	header .top_news ul li a span {
		font-size: 2.1vw;
	}

	header .top_news ul li a .date {
		width: 17%;
	}

	header .top_news ul li a .title {
		width: 83%;
	}


	/* video
	   ================================================================== */
	#bg_movie {
		width: auto;
		height: auto;
		top: -10vw;
		left: -100vw;
		right: 0;
		min-height: 100vh;
	}


	/* column_block_two
	   ================================================================== */
	.column_block_two .inner {
		display: flex;
	}

	.column_block_two .bg_photo {
		width: 45%;
		height: auto;
	}

	.column_block_two.option {
		border-bottom: 1px solid #ddd;
	}

	.column_block_two.option .bg_photo {
		min-height: 40vw;
	}

	.column_block_two.wide .bg_photo {
		width: 66.666%;
		height: auto;
		min-height: 40vw;
	}

	.column_block_two .photo_flex {
		width: 33.33%;
		display: block;
	}

	.column_block_two .photo_flex.tab {
		display: block !important;
	}

	.column_block_two .photo_flex .bg_photo {
		width: 100%;
		height: 32vw;
	}

	.column_block_two .text_box {
		width: 55%;
	}

	.column_block_two.option .text_box {
		align-items: flex-start;
		justify-content: flex-start;
	}

	.column_block_two.room .text_box {
		width: 66.666%;
	}

	.column_block_two.wide .text_box {
		width: 33.333%;
	}

	.text_box.decoration {
		overflow: hidden;
	}

	.option .text_box.decoration::before {
		display: none;
	}


	/* column_block_three
	   ================================================================== */
	.column_block_three .inner {
		display: flex;
	}

	.column_block_three .inner>div {
		width: calc(100%/3);
	}

	.column_block_three .bg_photo {
		height: auto;
		min-height: 40vw;
	}


	/* common_box_inner
	   ================================================================== */
	.common_box_inner {
		padding: 5vw 2vw;
		min-width: 85%;
	}

	.option .common_box_inner {
		padding: 5vw 3vw;
	}

	.news_block h3,
	.common_box_inner h4 {
		margin: 0 0 3vw;
		font-size: 3.5vw;
	}

	.option .common_box_inner h4 {
		font-size: 3.0vw;
	}

	.common_box_inner p {
		line-height: 220%;
	}

	.common_box_inner .anime_btn {
		margin: 2vw 0 0;
	}


	/* room_photo
	   ================================================================== */
	.room_photo ul {
		display: flex;
	}

	.room_photo ul li {
		width: calc(100%/3);
	}

	.room_photo ul li .bg_photo {
		height: 33vw;
	}


	/* text_block
	   ================================================================== */
	.text_block .inner {
		padding: 5vw 3vw;
	}


	/* news_block
	   ================================================================== */
	.news_block .inner {
		padding: 5vw 2vw;
	}

	.news_block .news_block_list {
		padding: 3vw 2vw;
	}

	.news_block_list>li+li {
		margin: 4vw 0 0;
	}

	.news_block h3 {
		margin: 0 0 1vw;
		font-size: 2.2vw;
	}

	/*
	.news_block ul{
		padding: 3vw 2vw;
		height: 20vw;
	}

	.news_block ul::-webkit-scrollbar{ 
	    width: 10px;
	}
    */

	.news_block ul li .border_box {
		margin: 2vw 0;
		padding: 2vw 2vw;
	}


	/* course_block
	   ================================================================== */
	.course_block {
		position: relative;
	}

	.course_block .inner {
		padding: 8vw 2vw 0;
	}

	.course_block .box_ttl {
		margin: 0 0 3vw;
	}

	.box_ttl>span {
		padding: 0 2vw 1.5vw;
		font-size: 3.2vw;
	}


	/* course_list */
	.course_list {
		margin: 0 0 0;
	}

	.course_list>li {
		margin: 20px 0 0;
		padding: 0 0 0;
	}

	.course_list>li:first-child {
		margin: 0 0 0;
	}

	.course_list>li h4 {
		margin: 0 0 0;
		padding: 15px 50px 15px 25px;
		font-size: 18px;
	}

	.course_list>li h4::after {
		width: 15px;
		height: 15px;
		right: 15px;
	}

	.course_list>li h4::after {
		background: url("../images/common/minus-light.svg") no-repeat center center;
		background-size: 100%;
	}

	.course_list>li h4.active::after {
		background: url("../images/common/plus-light.svg") no-repeat center center;
		background-size: 100%;
	}

	.slidetoggle_menu .btn_box {
		padding-right: 60px;
	}

	.slidetoggle_menu .btn_box::after {
		width: 25px;
		height: 25px;
		right: 15px;
	}

	.course_list .show_box {
		margin: 30px 0 0;
		padding: 0 0 50px;
		display: block;
	}

	.course_list .show_box>ul {
		margin: 0 0 0;
	}

	.course_list .show_box>ul>li {
		margin: 25px 0 0;
	}

	.course_list .show_box>ul>li .photo {
		margin: 0 20px 0 0;
		width: 15%;
	}

	.course_list .show_box>ul>li .text_box {
		padding: 2px 0 0;
		width: 85%;
	}

	.course_list .show_box>ul>li .text_box h5 {
		margin: 0 0 0;
	}

	.course_list .show_box>ul>li .text_box h5 .no {
		margin-right: 10px;
		font-size: 27px;
	}

	.course_list .show_box>ul>li .text_box h5 .title {
		padding: 2px 0 0;
		font-size: 18px;
	}

	.course_list .show_box>ul>li .text_box p {
		margin: 10px 0 0;
		font-size: 14px;
		line-height: 170%;
	}

	.each_option>ul li p .small,
	.course_list .show_box>ul>li .text_box p .small {
		line-height: 170%;
	}

	.course_list .show_box>ul>li .asterisk {
		margin: 0 0 0;
	}

	.course_list .show_box>ul>li .asterisk li {
		margin: 0 0 0;
		font-size: 14px;
	}


	/* option_block
	   ================================================================== */
	.option_block {
		position: relative;
		overflow: hidden;
	}

	.option_block::before {
		content: "";
		background: #F9F9F9;
		width: 50vw;
		height: 70vw;
		position: absolute;
		top: 34vw;
		right: -41vw;
		transform: rotate(30deg);
	}

	.sp .option_block {
		margin-top: 3vw;
	}


	/* movie_block
	   ================================================================== */
	.movie_block a {
		height: 35vw;
	}

	.movie_block a::after {
		width: 11vw;
		height: 8vw;
	}


	/* footer
	   ================================================================== */
	footer {
		margin: 0;
		padding: 6vw 0 9vw;
	}


	/* menu_block */
	.menu_block {
		margin: 0;
	}

	.menu_block .inner {
		display: flex;
	}

	.menu_block .photo_flex {
		margin: 0;
		display: block;
		width: 32%;
	}

	.menu_block .bg_photo {
		width: 100%;
		height: 25vw;
	}

	.menu_block>.inner>.text_box {
		width: 68%;
		box-sizing: border-box;
	}

	.menu_block .bg_photo.widthmax {
		width: 45%;
		height: auto;
	}

	.menu_page .menu_block>.inner>.text_box {
		width: 55%;
	}

	.menu_block .time_box {
		margin: 0 0 0;
	}

	.menu_block .time_box>li {
		margin: 2vw 0 0;
	}

	.menu_block .time_box>li h5 {
		font-size: 2.7vw;
	}

	.menu_block .time_box .yen {
		margin: 2vw 0 0;
		padding: 0 0 0 2vw;
		font-size: 2.3vw;
	}

	.menu_block .time_box .yen .big {
		font-size: 2.7vw;
	}

	.menu_block .time_box .yen .mini {
		margin: 2vw 0 0;
	}

	.menu_block .time_box .short .yen .border {
		margin-left: 1vw;
	}

	.reserve_btn {
		margin: 3vw 0 0;
	}

	.reserve_btn a {
		width: 75%;
		height: 13vw;
	}

	.reserve_btn a span {
		font-size: 2.5vw;
	}


	/* gallery_block */
	.gallery_block {
		margin: 0;
	}

	.gallery_block ul li {
		width: 25%;
	}

	.gallery_block ul li a {
		height: 25vw;
	}


	/* access_block */
	.access_block iframe {
		height: 35vw;
	}


	/* shop_block */
	.shop_block {
		margin: 0;
	}

	.shop_block .inner {
		font-size: 0;
	}

	.shop_block .left_box {
		padding: 2vw 2vw;
		justify-content: center;
		border-bottom: 1px solid #ddd;
	}

	.shop_block .site_name a {
		width: 65%;
		max-width: 307px;
	}

	.shop_block .site_name a span {
		margin: 1vw 0 0;
		font-size: 2.3vw;
	}

	.shop_block .sns_list {
		margin: 1.5vw 0 0;
	}

	.shop_block .sns_list>li {
		margin: 0 1vw 0 0;
		width: 4.5vw;
	}

	.shop_block .center {
		padding: 4vw .5vw 4vw 2vw;
		width: 50%;
		border-top: none;
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
		border-right: 1px solid #ddd;
	}

	.shop_block .center .payment {
		margin: 2vw auto 0;
		max-width: 320px;
	}

	.shop_block .right {
		padding: 4vw 3vw 0;
		width: 50%;
		border-top: none;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
	}

	.shop_block .right .recruit {
		margin: 0 auto;
		width: 100%;
	}

	.shop_block .right .recruit a {
		padding: 3vw 3vw;
	}

	.shop_block .right .recruit a span:nth-child(1) {
		font-size: 2.7vw;
	}

	.shop_block .right .recruit a span:nth-child(2) {
		margin: 2vw 0 0;
		font-size: 2.4vw;
	}


	/* shop_links_block */
	.shop_links_block .inner {
		padding: 8vw 2vw 4vw;
		display: flex;
		justify-content: center;
	}

	.shop_links_block .inner:nth-child(2) {
		padding: 0vw 2vw 8vw;
	}

	.shop_links_block .border_box {
		padding: 3vw 1vw;
		margin: 0;
		width: 32%;
	}

	.shop_links_block .inner:nth-child(2) .border_box {
		padding: 0px;
		width: 100%;
	}

	.shop_links_block .inner .border_box:nth-child(2) {
		margin: 0 2%;
	}

	.shop_links_block .inner:nth-child(2) .border_box div .sp {
		display: none !important;
	}

	.shop_links_block .inner:nth-child(2) .border_box div .pc {
		display: inherit !important;
	}

	.shop_links_block .border_box .logo {
		margin-right: -13%;
		padding-bottom: .5vw;
		width: 50%;
		max-width: 164px;
	}

	.shop_links_block .border_box .logo span {
		margin: 2vw 0 0;
		font-size: 1.6vw;
	}

	.shop_links_block .border_box .anime_btn {
		margin: 0 0 -.5vw;
		width: 55%;
	}

	.shop_links_block .inner:nth-child(2) .border_box .anime_btn {
		top: 51%;
		right: 1%;
		width: 16%;
	}

	.shop_links_block .border_box .anime_btn a {
		width: 100%;
	}

	.shop_links_block .inner:nth-child(2) .border_box .anime_btn a {
		background: #fff;
	}

	.shop_links_block .border_box .anime_btn a span {
		padding: 1.5vw 1vw;
		font-size: 1.6vw;
		height: auto;
		line-height: 150%;
	}

	.shop_links_block .inner:nth-child(2) .border_box .anime_btn a span {
		padding: 1.5vw 1vw;
		font-size: 1.6vw;
	}

	footer address {
		padding: 3vw 2vw;
		font-size: 1.8vw;
	}

	footer .defrayal_url a {
		font-size: 1.8vw;
		border-top: none;
		padding-top: 0;
	}



	/* environment
	   ================================================================== */
	.environment .inner {
		padding: 6vw 2vw 0;
	}

	.environment .logo_title {
		text-align: center;
	}


	/* column2
	   ================================================================== */
	.column2 {
		margin: 0 0 0;
		padding: 0 0 0;
	}

	.column2 .list {
		margin: 2vw 0 0;
		font-size: 0;
	}

	.column2 .list>li {
		margin: 5vw 0 0;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 48%;
	}

	.column2 .list>li:nth-child(2n+2) {
		margin-left: 4%;
	}

	.column2 ul li h5 {
		padding: 0 0 0;
		font-size: 2.5vw;
		display: block;
		height: auto;
		text-align: center;
	}

	.column2 ul li .photo {
		margin: 2vw 0 0;
	}

	.column2 ul li .text_box {
		margin: 1vw 2vw 0;
	}

	.column2 ul li .text_box p {
		font-size: 2.0vw;
	}


	/* customer
	   ================================================================== */
	.customer {
		margin: 10vw 0 0;
		font-size: 0;
	}

	.customer .photo {
		margin: 0 6vw 2vw 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 43%;
		height: 40vw;
		float: left;
	}

	.customer .photo::after {
		width: 400px;
		height: 250px;
		bottom: -20px;
		right: -20px;
	}

	.customer .text_box {
		margin: 0 0 0;
		padding: 0 2vw;
	}

	.customer .text_box h3 {
		font-size: 3vw;
	}

	.customer .text_box p {
		margin: 2vw 0 0;
	}

	.text_title {
		font-size: 3vw;
		letter-spacing: 0.10em;
	}


	/* space
	   ================================================================== */
	.space {
		margin: 0 0 0;
		padding: 8vw 0 0;
	}

	#loopslider {
		margin: 4vw auto 0;
	}

	#loopslider ul li {
		width: 30vw;
		height: 20vw;
	}


	/* arrow_flow
	   ================================================================== */
	.arrow_flow {
		margin: 0 0 0;
		padding: 8vw 0 3vw;
		background: none;
	}

	.arrow_flow ul {
		margin: 4vw 0 0;
	}

	.arrow_flow ul li .inner {
		padding: 4vw 2vw;
	}

	.arrow_flow ul li:first-child .inner {
		padding: 4vw 2vw;
	}

	.arrow_flow ul li .photo {
		width: 16%;
	}

	.arrow_flow ul li .text_box {
		padding: 0 0 0 3vw;
		width: 84%;
		font-size: 0;
	}

	.arrow_flow ul li .text_box h4 .no {
		margin: 0 0 0;
		font-size: 6vw;
		display: inline-block;
		vertical-align: top;
		width: 12%;
		float: none;
	}

	.arrow_flow ul li .text_box h4 .text {
		padding: 1vw 0 0;
		font-size: 3vw;
		letter-spacing: 0.20em;
		width: 87%;
		display: inline-block;
		vertical-align: top;
	}

	.arrow_flow ul li .text_box p {
		margin: 2vw 0 0;
		font-size: 2.0vw;
	}

	.arrow_flow ul li:first-child .text_box p {
		margin-right: 2vw;
		display: inline-block;
	}

	.arrow_flow ul li .text_box .border_box {
		margin: 20px 0 0;
		display: inline-block;
		width: auto;
	}

	.arrow_flow ul li .text_box .border_box a {
		padding: 1vw 3vw;
		display: block;
		font-size: 2.0vw;
	}


	/* requirements
	   ================================================================== */
	.requirements {
		margin: 8vw 0 0;
	}

	.requirements table {
		margin: 6vw auto 0;
	}


	/* rooms_block
       ================================================================== */
	.rooms_list>li {}

	.rooms_list .photo_box {
		display: flex;
	}

	/* three */
	.rooms_list .photo_box.three .photo01 {
		width: 65%;
		height: 44vw;
	}

	.rooms_list .photo_box.three .flex {
		width: 35%;
		display: block;
	}

	.rooms_list .photo_box.three .flex>div {
		width: 100%;
		height: 22vw;
	}

	/* six */
	.rooms_list .photo_box.six.pc {
		display: flex !important;
	}

	.rooms_list .photo_box.six.pc .photo01 {
		width: 30%;
		height: 40vw;
	}

	.rooms_list .photo_box.six.pc .right_box {
		width: 70%;
		height: 40vw;
	}

	.rooms_list .photo_box.six.pc .right_box>div {
		display: flex;
		width: 100%;
	}

	.rooms_list .photo_box.six.pc .right_box .flex_top>div {
		width: calc(100% /2);
		height: 20vw;
	}

	.rooms_list .photo_box.six.pc .right_box .flex_bottom>div {
		width: calc(100% /3);
		height: 20vw;
	}

	.rooms_list .text_box {
		margin: auto;
		padding: 2vw 2vw;
		display: flex;
		box-sizing: border-box;
		max-width: 1000px;
	}

	.rooms_list .text_box h3 {
		font-size: 3vw;
	}

	.rooms_list .text_box h3+p {
		margin: 0 0 0 auto;
		width: 75%;
	}


	/* staff_block
       ================================================================== */
	.staff_block {
		margin: 0 0 0;
		padding: 0 0 2vw;
	}

	.staff_block .inner {
		padding: 0 2vw;
	}

	.staff_block .top_text {
		margin: 5vw 0 0;
	}

	.staff_list {
		margin: 0 auto;
		padding: 0;
	}

	.staff_list>li {
		padding: 5vw 0;
	}

	.staff_list>li::before {
		width: 1vw;
		height: 1vw;
		bottom: -.5vw;
		left: 12%;
	}

	.staff_list>li::after {
		left: 15%;
	}

	.staff_list .inbox {
		display: flex;
		align-items: flex-end;
	}

	.staff_list .photo {
		width: 25%;
		float: none;
	}

	.staff_list .text_box {
		margin: 0 0 0;
		padding: 0 0 0 3vw;
		width: 75%;
		box-sizing: border-box;
	}

	.staff_list .text_box h3 {
		padding: 0 0 0;
		display: block;
		height: auto;
	}

	.staff_list .text_box h3 .f_box .jpn {
		font-size: 2.2vw;
	}

	.staff_list .text_box h3 .f_box .eng {
		margin: 1vw 0 0;
		font-size: 1.8vw;
	}

	.staff_list .text_box p {
		margin: 2vw 0 0;
	}


}

@media screen and (min-width : 768px) {


	/* video
	   ================================================================== */
	#bg_movie {
		width: auto;
		height: 100vh;
		top: 0;
		left: -68vw;
		right: 0;
	}


}

@media screen and (min-width : 769px) {


	/* header
	   ================================================================== */
	header {
		position: relative;
	}

	header>.inner ul li,
	header>.inner {
		height: 500px;
	}

	header>.inner {
		padding: 50px;
	}

	.index header>.inner {
		height: 100vh;
	}

	header .site_logo {
		width: 150px;
	}

	header .site_logo a span {
		margin: 5px 0 0;
		font-size: 17px;
	}

	header .top_news ul li {
		padding: 0;
		display: flex;
		height: 90px;
		align-items: center;
	}

	header .top_news ul li a {
		display: flex;
	}

	header .top_news ul li a span {
		font-size: 16px;
	}

	header .top_news ul li a .date {
		width: 120px;
	}

	header .top_news ul li a .title {
		max-width: 880px;
		width: auto;
	}

	header .top_news ul li a:hover span {
		text-decoration: underline;
	}


	/* video
	   ================================================================== */
	#bg_movie {
		position: fixed;
		width: auto;
		min-width: 100vw;
		height: auto;
		min-height: 130vh;
		top: 445px;
		left: 50%;
		transform: translate(-50%, -50%);
	}


	/* column_block_two
	   ================================================================== */
	.column_block_two .bg_photo {
		height: auto;
		min-height: 30vw;
		width: 50%;
	}

	.column_block_two.option .bg_photo {
		min-height: 30vw;
	}

	.column_block_two .text_box {
		width: 50%;
	}


	/* column_block_three
	   ================================================================== */
	.column_block_three .bg_photo {
		height: auto;
		min-height: 33vw;
	}


	/* common_box_inner
	   ================================================================== */
	.common_box_inner {
		padding: 25px 20px;
		min-width: auto;
		max-width: 570px;
	}

	.menu_block .common_box_inner {
		padding: 0 30px;
	}

	.option .common_box_inner {
		padding: 30px 20px;
	}

	.menu_page .menu_block .common_box_inner {
		padding: 30px 30px;
	}

	.news_block h3,
	.common_box_inner h4 {
		margin: 0 0 25px;
		font-size: 29px;
	}

	.option .common_box_inner h4 {
		margin: 0 0 15px;
		font-size: 25px;
	}

	.common_box_inner .anime_btn {
		margin: 10px 0 0;
	}


	/* text_block
	   ================================================================== */
	.text_block .inner {
		max-width: 1040px;
		padding: 57px 20px 7px;
	}


	/* news_block
	   ================================================================== */
	.news_block .inner {
		max-width: 1040px;
		padding: 60px 20px;
	}

	.news_block .border_box {
		padding: 17px 9px;
		border: 1px solid #ddd;
	}

	.news_block .news_block_list {
		padding: 13px 25px;
	}

	.news_block_list>li+li {
		margin: 35px 0 0;
	}

	.news_block h3 {
		margin: 0 0 10px !important;
		font-size: 22px !important;
	}

	/*
	.news_block ul{
		padding: 13px 25px;
		height: 234px;
	}

	.news_block ul::-webkit-scrollbar{ 
	    width: 15px;
	}
    */

	.news_block ul li .border_box {
		margin: 15px 0;
		padding: 15px 15px;
	}


	/* course_block
	   ================================================================== */
	.course_block {
		position: relative;
	}

	.course_block .inner {
		max-width: 1040px;
		padding: 60px 20px;
	}

	.course_block .box_ttl {
		display: none;
	}


	/* option_block
	   ================================================================== */
	.option_block::before {
		width: 50vw;
		height: 70vw;
		top: 17vw;
		right: -41vw;
	}

	.sp .option_block {
		margin-top: 0;
	}


	/* movie_block
	   ================================================================== */
	.movie_block a {
		height: 360px;
	}

	.movie_block a::after {
		width: 84px;
		height: 75px;
	}


	/* footer
	   ================================================================== */
	footer {
		margin: 0;
		padding: 50px 0 10vw;
	}


	/* menu_block */
	.menu_block {
		margin: 0;
	}

	.menu_block .inner {
		display: flex;
	}

	.menu_block .photo_flex {
		margin: 0;
		display: block;
		width: 25%;
	}

	.menu_block .bg_photo {
		width: 100%;
		height: 25vw;
	}

	.menu_block>.inner>.text_box {
		width: 75%;
	}

	.menu_block .bg_photo.widthmax {
		width: 37%;
		min-height: 27vw;
	}

	.menu_page .menu_block>.inner>.text_box {
		width: 63%;
	}

	.menu_block .time_box {
		margin: 0 0 0;
	}

	.menu_block .time_box>li {
		margin: 15px 0 0;
	}

	.menu_block .time_box>li h5 {
		font-size: 25px;
	}

	.menu_block .time_box .yen {
		margin: 10px 0 0;
		padding: 0 0 0 20px;
		font-size: 20px;
	}

	.menu_block .time_box .yen .big {
		font-size: 25px;
	}

	.menu_block .time_box .yen .mini {
		margin: 10px 0 0;
	}

	.menu_block .time_box .short .yen .border {
		margin-left: 15px;
	}

	.reserve_btn {
		margin: 30px 0 0;
	}

	.reserve_btn a {
		height: 80px;
		width: 300px;
		position: relative;
		overflow: hidden;
	}

	.reserve_btn a span {
		font-size: 18px;
		position: relative;
		z-index: 1;
	}

	.reserve_btn a::after {
		content: "";
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		bottom: -100%;
		opacity: 0;
	}

	.reserve_btn a,
	.reserve_btn a span,
	.reserve_btn a::after {
		transition: .3s;
	}

	.reserve_btn a:hover {
		border-color: #0D79C4;
	}

	.reserve_btn a:hover span {
		color: #0D79C4;
	}

	.reserve_btn a:hover::after {
		bottom: 0;
		opacity: 1;
	}


	/* gallery_block */
	.gallery_block .inner {
		margin: auto;
		/*max-width: 1920px;*/
	}

	.gallery_block ul li {
		width: 16.666%;
		overflow: hidden;
	}

	.gallery_block ul li a {
		height: 16.666vw;
		transition: .3s cubic-bezier(0.545, 0.080, 0.520, 0.975);
	}

	.gallery_block ul li a:hover {
		transform: scale(1.1);
		opacity: .7;
	}


	/* access_block */
	.access_block iframe {
		height: 360px;
	}


	/* shop_block */
	.shop_block {
		margin: 0;
	}

	.shop_block .inner {
		font-size: 0;
	}

	.shop_block .site_name {
		padding: 0;
	}

	.shop_block .site_name a {
		width: 65%;
		max-width: 307px;
	}

	.shop_block .site_name a span {
		margin: 7px 0 0;
		font-size: 18px;
	}

	.shop_block .center {
		padding: 35px 10px 25px;
		width: 50%;
		vertical-align: middle;
	}

	.shop_block .center .text_box {
		margin: auto;
		max-width: 340px;
	}

	.shop_block .center .payment {
		margin: 15px auto 0;
	}

	.shop_block .right {
		padding: 40px 50px;
		width: 50%;
	}

	.shop_block .right .recruit {
		margin: 0 auto;
	}

	.shop_block .right .recruit a {
		padding: 22px 0;
		height: 45px;
		font-size: 15px;
		letter-spacing: 0.05em;
		transition: all .3s cubic-bezier(0.545, 0.080, 0.520, 0.975);
		z-index: 1;
		position: relative;
		line-height: 45px;
		overflow: hidden;
	}

	.shop_block .right .recruit a:hover {
		border-color: #0D79C4;
	}

	.shop_block .right .recruit a span {
		transition: all .3s cubic-bezier(0.545, 0.080, 0.520, 0.975);
		position: relative;
		z-index: 1;
	}

	.shop_block .right .recruit a:hover span {
		color: #fff;
	}

	.shop_block .right .recruit a::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #0D79C4;
		transform: translate(0, 100%);
		transition: all .3s cubic-bezier(0.545, 0.080, 0.520, 0.975);
	}

	.shop_block .right .recruit a:hover::after {
		transform: translate(0, 0);
	}

	.shop_block .right .recruit a span:nth-child(1) {
		font-size: 19px;
	}

	.shop_block .right .recruit a span:nth-child(2) {
		margin: 10px 0 0;
		font-size: 16px;
	}


	footer address {
		padding: 20px 0 30px;
		font-size: 13px;
	}

	footer .defrayal_url a {
		font-size: 13px;
		border-top: none;
		padding-top: 0;
	}


	/* environment
	   ================================================================== */
	.environment .inner {
		padding: 70px 0 0;
		max-width: 1000px;
	}


	/* column2
	   ================================================================== */
	.column2 {
		margin: 0 0 0;
		padding: 0 0 0;
	}

	.column2 .list {
		margin: 0 0 0;
		font-size: 0;
	}

	.column2 .list>li {
		margin: 55px 0 0;
		width: 48%;
	}

	.column2 .list>li:nth-child(2n+2) {
		margin-left: 4%;
	}

	.column2 ul li h5 {
		padding: 0 0 0;
		font-size: 2.5vw;
	}

	.column2 ul li .photo {
		margin: 20px 0 0;
	}

	.column2 ul li .text_box {
		margin: 20px 15px 0;
	}

	.column2 ul li .text_box p {
		font-size: 15px;
		letter-spacing: 0.10em;
	}


	/* customer
	   ================================================================== */
	.customer {
		margin: 85px 0 0;
		font-size: 0;
	}

	.customer .inner {
		max-width: 1000px;
	}

	.customer .photo {
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 41%;
		height: 400px;
		float: none;
	}

	.customer .photo::after {
		width: 400px;
		height: 250px;
		bottom: -40px;
		right: -40px;
	}

	.customer .text_box {
		margin: 0 0 0;
		padding: 25px 0 0 60px;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 59%;
	}

	.customer .text_box h3 {
		font-size: 2.9vw;
	}

	.customer .text_box p {
		margin: 28px 0 0;
		font-size: 15px;
		line-height: 220%;
	}

	.text_title {
		font-size: 2.9vw;
	}


	/* space
	   ================================================================== */
	.space {
		margin: 0 0 0;
		padding: 135px 0 0;
	}

	.space .text_title {
		font-size: 2.9vw;
	}

	#loopslider {
		margin: 60px auto 0;
	}

	#loopslider ul li {
		width: 35vw;
		height: 25vw;
	}


	/* arrow_flow
	   ================================================================== */
	.arrow_flow {
		margin: 0 0 0;
		padding: 115px 0 0;
	}

	.arrow_flow ul {
		margin: 70px 0 0;
	}

	.arrow_flow ul li .inner {
		padding: 25px 30px;
		max-width: 1000px;
		box-sizing: border-box;
	}

	.arrow_flow ul li:first-child .inner {
		padding: 25px 30px;
	}

	.arrow_flow ul li .inner {
		position: relative;
	}

	.arrow_flow ul li .photo {
		width: 15%;
	}

	.arrow_flow ul li .text_box {
		padding: 0 0 0 50px;
		width: 85%;
	}

	.arrow_flow ul li .text_box h4 .no {
		margin: 0 0 0 0;
		font-size: 40px;
		width: 70px;
	}

	.arrow_flow ul li .text_box h4 .text {
		padding: 10px 0 0;
		font-size: 18px;
		line-height: 170%;
	}

	.arrow_flow ul li .text_box p {
		margin: 15px 0 0;
		font-size: 15px;
		letter-spacing: 0.1em;
	}

	.arrow_flow ul li:first-child .text_box p {
		margin-right: 20px;
		display: inline-block;
	}

	.arrow_flow ul li .text_box .border_box {
		margin: 20px 0 0;
		display: inline-block;
	}

	.arrow_flow ul li .text_box .border_box a {
		padding: 8px 19px;
		display: block;
		font-size: 15px;
		letter-spacing: 0.10em;
	}


	/* requirements
	   ================================================================== */
	.requirements {
		margin: 110px 0 80px;
	}

	.requirements .inner {
		max-width: 1000px;
	}

	.requirements table {
		margin: 60px 0 0;
	}


	/* company_block
       ================================================================== */
	.company_block .inner {
		padding: 70px 0 110px;
		max-width: 1000px;
	}

	.company_block .kuu img {
		width: 164px !important;
	}

	.company_block .sora img {
		width: 198px !important;
	}

	.company_block .links_list .photo {
		margin: 0;
		width: 100px;
	}

	.company_block .links_list .text_box {
		padding: 0 0 0 30px;
		width: calc(100% - 100px);
		box-sizing: border-box;
	}


	/* design_table
	   ================================================================== */
	.design_table {
		width: 95%;
		font-size: 16px;
		line-height: 170%;
		box-sizing: border-box;
	}

	.design_table th,
	.design_table td {
		width: auto;
	}

	.design_table th {
		padding: 0 10px 0 50px;
		width: 28.5%;
		letter-spacing: 0.1em;
	}

	.design_table .col th {
		padding: 30px 30px;
	}

	.design_table .title_top th {
		padding-top: 30px;
		vertical-align: top;
	}

	.design_table td {
		padding: 35px 0;
		letter-spacing: 0.1em;
		line-height: 200%;
	}

	.design_table td .border {
		padding: 10px 50px;
	}


	/* separate_list
       ================================================================== */
	.separate_list {
		margin: 0 -20px;
	}

	.separate_list>li {
		margin: 25px 0 0;
		padding: 25px 20px;
	}

	.separate_list h4,
	.separate_list p {
		font-size: 16px;
		line-height: 187.5%;
	}


}

@media screen and (min-width : 1000px) {


	/* course_block
	   ================================================================== */
	.course_block {
		position: relative;
	}

	.course_block .inner {
		max-width: 1040px;
		padding: 123px 20px 50px;
	}


	/* course_list */
	.course_list {
		margin: 0 0 0;
	}

	.course_list>li {
		margin: 25px 0 0;
		padding: 0 0 0;
	}

	.course_list>li:first-child {
		margin: 0 0 0;
	}

	.course_list>li h4 {
		margin: 0 0 0;
		padding: 11px 50px 11px 34px;
		font-size: 26px;
	}

	.course_list>li h4::after {
		background: url("../images/common/minus-light.svg") no-repeat center center;
		background-size: 100%;
		width: 20px;
		height: 20px;
		right: 20px;
	}

	.course_list>li h4.active::after {
		background: url("../images/common/plus-light.svg") no-repeat center center;
		background-size: 100%;
	}

	.course_list .show_box {
		margin: 50px 0 0;
		padding: 0 0 70px;
		display: block;
	}

	.course_list .show_box>ul {
		margin: 25px 0 0;
		display: flex;
	}

	.course_list .show_box>ul>li {
		margin: 0 0 0;
		width: 490px;
		display: flex;
	}

	.course_list .show_box>ul.full>li {
		margin-left: 490px;
	}

	.course_list .show_box>ul>li:nth-child(2) {
		margin-left: 20px;
	}

	.course_list .show_box>ul>li .photo {
		margin: 0 0 0;
		width: 150px;
		float: none;
	}

	.course_list .show_box>ul>li .text_box {
		padding: 2px 0 0 20px;
		width: calc(100% - 150px);
		box-sizing: border-box;
	}

	.course_list .show_box>ul>li .text_box h5 {
		margin: 0 0 0;
	}

	.course_list .show_box>ul>li .text_box h5 .no {
		margin-right: 10px;
		font-size: 27px;
	}

	.course_list .show_box>ul>li .text_box h5 .title {
		padding: 2px 0 0;
		font-size: 18px;
	}

	.course_list .show_box>ul>li .text_box p {
		margin: 15px 0 0;
		font-size: 14px;
		line-height: 150%;
		letter-spacing: 0.10em;
	}

	.course_list .show_box>ul>li .asterisk {
		margin: 0 0 0;
	}

	.course_list .show_box>ul>li .asterisk li {
		margin: 0 0 0;
		font-size: 14px;
	}


	/* column2
	   ================================================================== */
	.column2 ul li h5 {
		font-size: 25px;
	}


	/* customer
	   ================================================================== */
	.customer .photo {
		margin: 0 0 0 -190px;
		width: 60%;
	}

	.customer .text_box h3 {
		font-size: 28px;
	}

	.customer .text_box {
		width: 59%;
	}

	.text_title {
		font-size: 28px;
	}


	/* space
	   ================================================================== */
	.space .text_title {
		font-size: 28px;
	}

	#loopslider ul li {
		width: 440px;
		height: 293px;
	}


}

@media screen and (min-width : 1100px) {


	/* column_block_three
	   ================================================================== */
	.column_block_three .bg_photo {
		height: 30vw;
		min-height: auto;
	}


	/* common_box_inner
	   ================================================================== */
	.common_box_inner {
		padding: 25px 30px;
	}

	.option .common_box_inner {
		padding: 40px 20px 40px 70px;
		max-width: 600px;
	}

	.news_block h3,
	.common_box_inner h4 {
		margin: 0 0 25px;
		font-size: 33px;
	}


	/* column_block_two
	   ================================================================== */
	.column_block_two .bg_photo {
		height: auto;
		min-height: 29vw;
	}

	.column_block_two.wide .bg_photo {
		min-height: 32vw;
	}

	.column_block_two.option .bg_photo {
		min-height: 360px;
		max-height: 360px;
	}

	.column_block_two .photo_flex {
		width: 50%;
		display: flex;
	}

	.column_block_two .photo_flex.pc {
		display: flex !important;
	}

	.column_block_two.room .photo_flex {
		width: 54%;
	}

	.column_block_two .photo_flex .bg_photo {
		width: 50%;
		height: 32vw;
	}

	.column_block_two.room .photo_flex .bg_photo {
		height: auto;
		min-height: 25vw;
	}

	.column_block_two.room .text_box {
		width: 46%;
	}

	.text_box.decoration::before {
		width: 50vw;
		height: 51vw;
		top: -1vw;
		left: -37vw;
	}


	/* room_photo
	   ================================================================== */
	.room_photo ul li .bg_photo {
		height: 25vw;
	}


	/* option_block
	   ================================================================== */
	.option_block::before {
		width: 1000px;
		height: 1000px;
		top: 8%;
		right: auto;
		left: 85%;
	}


	/* footer
	   ================================================================== */
	footer {
		margin: 0;
	}


	/* menu_block */
	.menu_block .photo_flex {
		width: 50%;
		display: flex;
	}

	.menu_block .bg_photo {
		width: 50%;
		height: 32vw;
	}

	.menu_block>.inner>.text_box {
		width: 50%;
	}

	.menu_block .bg_photo.widthmax {
		width: 50%;
		min-height: 27vw;
	}

	.menu_page .menu_block>.inner>.text_box {
		width: 50%;
	}

	.menu_page .menu_block>.inner>.text_box {
		padding-left: 45px;
		justify-content: flex-start;
	}


	/* shop_block */
	.shop_block {
		margin: 0;
	}

	.shop_block .inner {
		max-width: 1320px;
		display: flex;
		justify-content: center;
	}

	.shop_block .site_name {
		width: 100%;
		border-bottom: none;
	}

	.shop_block .site_name a {
		width: 65%;
		max-width: 307px;
	}

	.shop_block .site_name a span {
		margin: 7px 0 0;
		font-size: 18px;
	}

	.shop_block .center {
		padding: 35px 10px 25px;
		width: calc(100%/3);
		border-left: 1px solid #ddd;
	}

	.shop_block .center .text_box {
		margin: auto;
		max-width: 340px;
	}

	.shop_block .center .payment {
		margin: 15px auto 0;
	}

	.shop_block .right {
		padding: 40px 50px;
		width: calc(100%/3);
	}

	.shop_block .right .recruit {
		margin: 0 auto;
	}

	.shop_block .right .recruit a {
		padding: 22px 0;
	}

	.shop_block .right .recruit a span:nth-child(1) {
		font-size: 19px;
	}

	.shop_block .right .recruit a span:nth-child(2) {
		margin: 10px 0 0;
		font-size: 16px;
	}


	/* shop_links_block */
	.shop_links_block .inner {
		padding: 45px 0;
		max-width: 1000px;
	}

	.shop_links_block .inner:nth-child(2) {
		padding: 0px 0px 40px 0px;
	}

	.shop_links_block .border_box {
		padding: 20px 13px 20px 34px;
		max-width: 340px;
	}

	.shop_links_block .inner:nth-child(2) .border_box {
		padding: 0px;
		max-width: 100%;
	}

	.shop_links_block .border_box .logo {
		margin-right: 0;
		padding: 85px 0 5px;
		position: relative;
	}

	.shop_links_block .border_box .logo img {
		width: 164px !important;
		max-width: none;
		position: absolute;
		top: 0;
		left: 0;
	}

	.shop_links_block .border_box .logo span {
		margin: 8px 0 0;
		font-size: 17px;
	}

	.shop_links_block .border_box .anime_btn {
		margin: 0 0 0;
		width: 130px;
	}

	.shop_links_block .border_box .anime_btn a span {
		padding: 0;
		font-size: 15px;
		height: 45px;
		line-height: 45px;
	}

	.shop_links_block .inner:nth-child(2) .border_box .anime_btn a span {
		padding: 0;
		font-size: 15px;
	}

	footer address {
		padding: 20px 0 30px;
		font-size: 13px;
	}

	footer .defrayal_url a {
		font-size: 13px;
		border-top: none;
		padding-top: 0;
	}


	/* shop_block */
	.shop_block {
		margin: 0;
	}

	.shop_block .inner {
		max-width: 1320px;
		display: flex;
		justify-content: center;
	}

	.shop_block .left_box {
		padding: 35px 0;
		width: calc(100%/3);
		border-bottom: none;
	}

	.shop_block .left_box .inbox {
		width: 85%;
	}

	.shop_block .site_name a {
		width: 85%;
		max-width: 307px;
	}

	.shop_block .site_name a span {
		margin: 7px 0 0;
		font-size: 18px;
	}

	.shop_block .sns_list {
		margin: 20px 0 0;
	}

	.shop_block .sns_list>li {
		margin: 0 10px 0 0;
		width: 45px;
	}

	.shop_block .center {
		padding: 35px 10px 25px;
		width: calc(100%/3);
		border-left: 1px solid #ddd;
	}

	.shop_block .center .text_box {
		margin: auto;
		max-width: 340px;
	}

	.shop_block .center .payment {
		margin: 15px auto 0;
	}

	.shop_block .right {
		padding: 40px 50px;
		width: calc(100%/3);
	}

	.shop_block .right .recruit {
		margin: 0 auto;
	}

	.shop_block .right .recruit a {
		padding: 22px 0;
	}

	.shop_block .right .recruit a span:nth-child(1) {
		font-size: 19px;
	}

	.shop_block .right .recruit a span:nth-child(2) {
		margin: 10px 0 0;
		font-size: 16px;
	}


	/* shop_links_block */
	.shop_links_block .inner {
		padding: 45px 0;
		max-width: 1000px;
	}

	.shop_links_block .inner:nth-child(2) {
		padding: 0px 0px 40px 0px;
	}

	.shop_links_block .border_box {
		max-width: 340px;
		padding: 20px 13px 20px 34px;
	}

	.shop_links_block .inner:nth-child(2) .border_box {
		padding: 0px;
		max-width: 100%;
	}

	.shop_links_block .border_box .logo {
		margin-right: 0;
		padding: 85px 0 5px;
		position: relative;
	}

	.shop_links_block .border_box .logo img {
		width: 164px !important;
		max-width: none;
		position: absolute;
		top: 0;
		left: 0;
	}

	.shop_links_block .border_box .logo span {
		margin: 8px 0 0;
		font-size: 17px;
	}

	.shop_links_block .border_box .logo span.en {
		margin: 8px 0 0;
		font-size: 14px;
	}

	.shop_links_block .border_box .anime_btn {
		margin: 0 0 0;
		width: 130px;
	}

	.shop_links_block .border_box .anime_btn a span {
		padding: 0;
		font-size: 15px;
		height: 45px;
		line-height: 45px;
	}

	.shop_links_block .inner:nth-child(2) .border_box .anime_btn a span {
		padding: 0;
		font-size: 15px;
	}

	footer address {
		padding: 20px 0 30px;
		font-size: 13px;
	}

	footer .defrayal_url a {
		font-size: 13px;
		border-top: none;
		padding-top: 0;
	}


	/* footer
	   ================================================================== */
	footer {
		margin: 0;
		padding: 50px 0 100px;
	}


	/* rooms_block
       ================================================================== */
	.rooms_list>li {}

	.rooms_list .photo_box {
		display: flex;
	}

	/* three */
	.rooms_list .photo_box.three .photo01 {
		width: 65%;
		height: 44vw;
	}

	.rooms_list .photo_box.three .flex {
		width: 35%;
		display: block;
	}

	.rooms_list .photo_box.three .flex>div {
		width: 100%;
		height: 22vw;
	}

	/* six */
	.rooms_list .photo_box.six.pc {
		display: flex !important;
	}

	.rooms_list .photo_box.six.pc .photo01 {
		width: 30%;
		height: 40vw;
	}

	.rooms_list .photo_box.six.pc .right_box {
		width: 70%;
		height: 40vw;
	}

	.rooms_list .photo_box.six.pc .right_box>div {
		display: flex;
		width: 100%;
	}

	.rooms_list .photo_box.six.pc .right_box .flex_top>div {
		width: calc(100% /2);
		height: 20vw;
	}

	.rooms_list .photo_box.six.pc .right_box .flex_bottom>div {
		width: calc(100% /3);
		height: 20vw;
	}

	.rooms_list .text_box {
		padding: 35px 0 30px;
	}

	.rooms_list .text_box h3 {
		font-size: 30px;
	}

	.rooms_list .text_box h3+p {
		margin: 0 0 0 auto;
		width: 75%;
	}

	/* rooms_block
       ================================================================== */
	.rooms_block .top_text {
		padding: 70px 0;
	}

	.rooms_block .top_text .box {
		padding: 30px 20px;
	}

	.rooms_block .top_text .box::after,
	.rooms_block .top_text .box::before {
		width: 35px;
		height: 35px;
	}

	.rooms_block .top_text .box p {
		font-size: 16px;
		line-height: 28px;
		text-align: center !important;
	}

	.rooms_list .photo_box {
		display: flex;
	}

	/* two */
	.rooms_list .photo_box.two .flex>div {
		width: 50%;
		height: 36vw;
	}

	/* three */
	.rooms_list .photo_box.three .photo01 {
		width: 65%;
		height: 44vw;
	}

	.rooms_list .photo_box.three .flex {
		width: 35%;
		display: block;
	}

	.rooms_list .photo_box.three .flex>div {
		width: 100%;
		height: 22vw;
	}

	/* six */
	.rooms_list .photo_box.six.pc {
		display: flex !important;
	}

	.rooms_list .photo_box.six.pc .photo01 {
		width: 30%;
		height: 40vw;
	}

	.rooms_list .photo_box.six.pc .right_box {
		width: 70%;
		height: 40vw;
	}

	.rooms_list .photo_box.six.pc .right_box>div {
		display: flex;
		width: 100%;
	}

	.rooms_list .photo_box.six.pc .right_box .flex_top>div {
		width: calc(100% /2);
		height: 20vw;
	}

	.rooms_list .photo_box.six.pc .right_box .flex_bottom>div {
		width: calc(100% /3);
		height: 20vw;
	}

	.rooms_list .text_box {
		padding: 35px 0 30px;
	}

	.rooms_list .text_box h3 {
		font-size: 30px;
	}

	.rooms_list .text_box h3+p {
		margin: 0 0 0 auto;
		width: 75%;
	}

	/* staff_block
       ================================================================== */
	.staff_block {
		margin: 0 0 0;
		padding: 0 0 85px;
	}

	.staff_block .inner {
		padding: 0;
	}

	.staff_block .top_text {
		margin: 70px 0 0;
		font-size: 16px;
	}

	.staff_list {
		margin: -10px auto 0;
		padding: 0;
	}

	.staff_list>li {
		padding: 70px 0 50px;
	}

	.staff_list>li::before {
		width: 10px;
		height: 10px;
		bottom: -5px;
		left: 12%;
	}

	.staff_list>li::after {
		left: 15%;
	}

	.staff_list .photo {
		width: 25%;
	}

	.staff_list .text_box {
		margin: 0 0 0;
		padding: 0 0 0 30px;
		width: 75%;
	}

	.staff_list .text_box h3 {
		padding: 0 0 0;
	}

	.staff_list .text_box h3 .f_box .jpn {
		font-size: 22px;
	}

	.staff_list .text_box h3 .f_box .eng {
		margin: 0 0 0;
		font-size: 16px;
	}

	.staff_list .text_box p {
		margin: 20px 0 0;
	}


}

@media screen and (min-width : 1185px) {


	/* footer
	   ================================================================== */
	/* menu_block */
	.menu_block .photo_flex {
		width: 56%;
	}

	.menu_block .bg_photo {
		height: 400px;
	}

	.menu_block>.inner>.text_box {
		width: 44%;
	}


}

@media screen and (min-width : 1550px) {


	/* footer
	   ================================================================== */
	/* menu_block */
	.menu_block .photo_flex {
		display: flex;
		width: 66.666%;
	}

	.menu_block .bg_photo {
		width: 50%;
		height: 33vw;
	}

	.menu_block>.inner>.text_box {
		width: 33.333%;
	}


}

@media screen and (max-width : 999px) {
	.hide-mobile {
		display: none;
	}
}

@media screen and (max-width: 992px) {
	#menu_top{
		background-size: 114%;
        background-position: center top;
        height: 62.5vw;
	}
}