html {
	font-family: "Lato", 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%;
	-webkit-tap-highlight-color: transparent
}

*,
*:before,
*:after {
	box-sizing: inherit;
	box-sizing: border-box;
	word-break: break-all
}

body {
	margin: 0;
	color: #333;
	font-family: "Lato", 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-weight: 400;
	line-height: 2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
}

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

img {
	max-width: 100%;
}

a {
	color: #00c4ff;
	background-color: transparent;
	text-decoration: none
}

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Lato", 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4
}


ul {
	list-style: none;
	padding: 0;
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
li,
dl,
dl dt,
dl dd,
input,
select,
textarea {
	margin: 0;
	padding: 0;
}


@media only screen and (min-width: 1025px) {
	.c_responsive {
		/*max-width: 1440px;*/
		margin: 0 auto;
		padding: 0 4vw;
	}
}

@media only screen and (min-width: 1681px) {
	.c_responsive {
		padding: 0 7vw;
	}
}

.c_section-title {
	position: relative;
	text-align: center
}

@media screen and (max-width: 767px) {
	.c_section-title {
		font-size: 32px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.c_section-title {
		font-size: 32px;
	}
}

@media screen and (min-width: 1024px) {
	.c_section-title {
		font-size: 42px;
	}
}

@media screen and (min-width: 1025px) {
	.c_section-title {
		font-size: 42px;
	}
}

.c_section-title .title {
	position: relative;
	z-index: 1;
	letter-spacing: 0.15em;
	font-weight: 400;
}


.is-floor {
	display: block;
}

.c_section-title.is-concept {
	text-align: left;
}

@media screen and (max-width: 767px) {
	.c_section-title.is-concept {
		margin: 60px 0 0 0;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.c_section-title.is-concept {
		margin: 60px 0 0 0;
	}
}

header.page-header.scrolled .pc-menu,
header.page-header.sub-page .pc-menu {
	background-color: rgba(255, 255, 255, 0.98);
	color: #000
}

header.page-header.scrolled .pc-menu .overlay-logo,
header.page-header.sub-page .pc-menu .overlay-logo {
	transform: translate3d(0, 0, 0)
}

header.page-header.scrolled .sp-menu__toggle,
header.page-header.sub-page .sp-menu__toggle {
	background-color: rgba(255, 255, 255, 0.98)
}

header.page-header.scrolled .sp-menu__toggle .menu-icon,
header.page-header.scrolled .sp-menu__toggle .menu-icon:before,
header.page-header.scrolled .sp-menu__toggle .menu-icon:after,
header.page-header.sub-page .sp-menu__toggle .menu-icon,
header.page-header.sub-page .sp-menu__toggle .menu-icon:before,
header.page-header.sub-page .sp-menu__toggle .menu-icon:after {
	background-color: #333
}

.sp-menu {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	perspective: 2000px
}

@media only screen and (min-width: 760px) {
	.sp-menu {
		display: none
	}
}

.sp-menu .sp-menu__toggle {
	position: absolute;
	z-index: 2;
	top: 20px;
	right: 0px;
	width: 54px;
	height: 54px;
	padding: 10px
}

.sp-menu .sp-menu__toggle .menu-icon {
	position: absolute;
	top: 50%;
	width: 34px;
	height: 1px;
	border-radius: 2px;
	background-color: #333;
	transition: all 0.6s cubic-bezier(0.25, 0.25, 0, 1)
}

.sp-menu .sp-menu__toggle .menu-icon::before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 1px;
	border-radius: 2px;
	background-color: #333;
	transition: all 0.6s cubic-bezier(0.25, 0.25, 0, 1);
	transform: translate3d(0, -10px, 0)
}

.sp-menu .sp-menu__toggle .menu-icon::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 1px;
	border-radius: 2px;
	background-color: #333;
	transition: all 0.6s cubic-bezier(0.25, 0.25, 0, 1);
	transform: translate3d(0, 10px, 0)
}

.sp-menu .sp-menu__frame {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	background-color: #FFF;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
	width: 100vw;
	height: 100vh;
	transform: rotateY(-120deg);
	transform-origin: top right;
	transform-style: preserve-3d;
}

.sp-menu .sp-menu__frame .sp-menu__logo {
	width: 116px;
	margin: 19px auto 0;
}

.sp-menu .sp-menu__frame ul {
	backface-visibility: hidden;
	background-color: #fff;
	margin: 55px 0 0;
}

.sp-menu .sp-menu__frame ul li {
	position: relative;
	text-align: center;
	margin: 35px 0 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.1em;
}

.sp-menu .sp-menu__frame ul li a {
	display: block;
	padding: 0;
	color: #333;
}

.sp-menu.show .sp-menu__toggle {
	background-color: rgba(255, 255, 255, 0.98)
}

.sp-menu.show .sp-menu__toggle .menu-icon {
	background-color: transparent !important;
	transform: rotate(225deg)
}

.sp-menu.show .sp-menu__toggle .menu-icon::before {
	background-color: #000;
	transform: translate3d(0, 0, 0) rotate(-90deg)
}

.sp-menu.show .sp-menu__toggle .menu-icon::after {
	background-color: #000;
	transform: translate3d(0, 0, 0) rotate(180deg)
}

.sp-menu.show .sp-menu__frame {
	transform: rotateY(0deg)
}

.pc-menu {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	transition: background .3s linear, color .1s
}

.pc-menu ul {
	list-style: none;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.92);
	display: none;
}

@media only screen and (min-width: 760px) {
	.pc-menu ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		text-align: right;
		height: auto;
		background-color: transparent;
		transform: translate3d(0, 0, 0);
	}
}



.pc-menu ul li.active a::before {
	transform: scale3d(2, 2, 1)
}

.pc-menu ul li a {
	display: block;
	position: relative;
	font-weight: 400;
	color: inherit;
	padding: 35px 2.2vw;
	overflow: hidden;
	letter-spacing: 0.1em;
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.pc-menu ul li a {
		font-size: 14px;
	}
}

@media only screen and (min-width: 1025px) {
	.pc-menu ul li a {
		font-size: 15px
	}
}

.pc-menu ul li a::before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #333;
	transform: scale3d(0, 2, 2);
	transform-origin: left;
	transition: all .3s;
}



.header-block {
	position: relative;
	z-index: 0;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.header-block {
		margin: 14px 0;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.header-block {
		margin: 100px 0 40px;
	}
}

@media screen and (min-width: 1024px) {
	.header-block {
		margin: 100px 0 40px;
	}
}

.header-block .kraft-logo {
	margin: 0 auto;
}


.header-block .kraft-logo img {
	display: block;
	margin: 0 auto;
	max-width: 190px;
	image-rendering: pixelated;
}


@media screen and (max-width: 767px) {
	.kraft-logo img {
		width: 116px;
		height: 75px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.kraft-logo img {
		width: 232px;
		height: 130px;
	}
}



.header-block ul {
	display: none;
	list-style: none;
	text-align: center;
	margin: 50px auto;
	padding: 20px 0;
	width: 700px;
}

.header-block ul li {
	display: inline-block
}

.header-block ul li a {
	display: block;
	padding: 20px 30px;
	font-size: 22px;
	font-weight: bold;
	color: #fff
}

.fade-container is-show .fade-container1,
.fade-container2,
.fade-container3,
.fade-container4,
.fade-container5,
.fade-container6,
.fade-container7 {
	transform: translate3d(0, 100px, 0);
	opacity: 0;
	transition: all 1000ms ease-out;
}

.is-delay1 {
	transition-delay: 0ms;
}

.is-delay2 {
	transition-delay: 300ms;
}

.is-delay3 {
	transition-delay: 600ms;
}

.fade-container1.is-show,
.fade-container2.is-show,
.fade-container3.is-show,
.fade-container4.is-show,
.fade-container5.is-show,
.fade-container6.is-show,
.fade-container7.is-show {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}


/* concept */

.concept {
	color: #333;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	padding-bottom: 200px;
}

.concept-wrapper {
	width: 100%;
}

@media screen and (min-width: 1025px) {
	.concept-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}



@media screen and (min-width: 1025px) {
	.concept-slider {
		height: 835px;
	}
}

.sp-selected {
	z-index: 1;
}


.concept-slider .slide-animation {
	animation: fadezoom 20s 0s forwards;
}

@keyframes fadezoom {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.2);
	}
}

.concept-photos__photo {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.concept-description {
	position: relative;
	z-index: 1;
}



@media screen and (min-width:768px) and (max-width:1024px) {
	.concept-description {
		width: 100%;
		padding: 0 35px 0;
	}
}



@media screen and (min-width: 1025px) {
	.concept-description {
		width: 35%;
		margin: 220px 0 0 8vw;
	}
}

@media screen and (max-width: 1280px) {
	.concept-description {
		margin-left: 7vw;
	}
}

@media screen and (max-width: 767px) {
	.concept {
		padding-bottom: 100px;
	}
	.concept-description {
		width: 100%;
		padding: 0 35px 0;
		margin: initial;
	}
}

.concept-description__image {
	position: absolute;

}

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

		height: 92px;
		top: -80px;
		left: -30px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.concept-description__image {
		height: 92px;
		top: -80px;
		left: -30px;

	}
}

@media screen and (min-width: 1025px) {
	.concept-description__image {
		width: 163px;
		top: -90px;
		left: -78px;
	}
}


.concept-description__message {
	text-align: left;
	letter-spacing: 0.04em;
	white-space: pre-wrap;
}



@media screen and (max-width: 767px) {
	.concept-description__message {
		font-size: 14px;
		line-height: 2.4em;
		margin-top: 10px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.concept-description__message {
		font-size: 24px;
		line-height: 2.4em;
		margin-top: 10px;
	}
}

@media screen and (min-width: 1025px) {
	.concept-description__message {
		font-size: 16px;
		line-height: 2.4em;
		margin-top: 35px;
	}
}

@media screen and (min-width: 1366px) {
	.concept-description__message {
		font-size: 18px;
	}
}

.concept__bg {
	position: absolute;
	top: 70px;
	left: 0;
	background-color: #F5F2F2;
}

@media screen and (max-width: 767px) {
	.concept__bg {
		width: 100%;
		height: 100%;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.concept__bg {
		width: 100%;
		height: 100%;
	}
}

@media screen and (min-width: 1025px) {
	.concept__bg {
		width: 65%;
		height: 100%;
	}
}

.concept-attention {
	display: inline-block;
	font-weight: bold;
	letter-spacing: 0.1em;
	border: solid 1px #827B77;
	margin: 0 auto;
	z-index: 1;
	position: relative;

}

@media screen and (max-width: 767px) {
	.concept-attention {
		padding: 25px 20px;
		font-size: 14px;
		margin: 40px 35px 85px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.concept-attention {
		padding: 25px 30px;
		font-size: 24px;
		line-height: 2em;
		margin: 40px 35px 160px;
	}
}

@media screen and (min-width: 1025px) {
	.concept-attention {
		padding: 60px 115px;
		font-size: 18px;
		margin: 64px 40px 74px;
	}
}


/* service */

.service {
	color: #333;
	width: 100%;
	height: 100%;
	line-height: 0;
	position: relative;
	background-image: url(../img/service_bg_photo.jpg);
	background-repeat: no-repeat;
	padding-top: 70.28%;
	background-size: cover;
	background-attachment: fixed;
}

.c_section-title.is-service {
	line-height: 1em;
}

@media screen and (max-width: 1024px) {
	.service {
		background-image: url(../img/service_bg_photo_sp.jpg);
		padding-top: 88%;
		background-size: contain;
		background-attachment: inherit;
	}
}

@media screen and (max-width: 767px) {
	.c_section-title.is-service {
		margin-top: 60px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.c_section-title.is-service {
		margin-top: 40px;
	}
}

@media screen and (min-width: 1025px) {
	.c_section-title.is-service {
		margin-top: 85px;
	}
}

.service-bg__text {
	display: block;
	position: absolute;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.service-bg__text {
		background: url(../img/service_bg_text_sp.png) 15px 0 no-repeat;
		background-size: 95% 95%;
		top: -69px;
		left: 0;
		width: 100%;
		height: 248px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-bg__text {
		background: url(../img/service_bg_text_sp.png) 15px 0 no-repeat;
		background-size: 100% 100%;
		top: -130px;
		left: 0;
		width: 100%;
		height: 496px;
	}
}

@media screen and (min-width: 1025px) {
	.service-bg__text {
		background: url(../img/service_bg_text.png) no-repeat;
		background-size: 100% 100%;
		top: -130px;
		left: 20px;
		width: 966px;
		height: 528px;
	}
}

.service__photo {
	width: 100%;
	height: 100%;
}

.service-detail {
	background-color: #FFF;
	text-align: center;

}

@media screen and (min-width: 1025px) {
	.service-detail {
		width: 70vw;
		padding: 0 10vw 10vw;
		position: absolute;
		bottom: -260px;
		left: 0;
		box-sizing: border-box;
	}
}

@media screen and (min-width: 2000px) {
	.service-detail {
		width: 65vw;
	}
}

.service-detail__opening-hours {
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1em;
}

@media screen and (max-width: 767px) {
	.service-detail__opening-hours {
		font-size: 14px;
		font-weight: 400;
		margin-top: 25px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-detail__opening-hours {
		font-size: 20px;
		font-weight: 400;
		margin-top: 30px;
	}
}

@media screen and (min-width: 1025px) {
	.service-detail__opening-hours {
		font-size: 20px;
		margin: 30px auto 0;
	}
}

.service-description__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
}

@media screen and (max-width: 767px) {
	.service-description__list {
		margin: 50px auto 90px;
		padding: 0 60px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-description__list {
		margin: 50px auto 90px;
		padding: 0 180px;
	}
}

@media screen and (min-width: 1025px) {
	.service-description__list {
		margin: 80px auto 0;
		/*width: 640px;*/
	}
}


@media screen and (max-width: 767px) {
	.service-description__item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: calc((100% - 0px) / 2);
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-description__item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: calc((100% - 0px) / 2);
	}
}

@media screen and (min-width: 1025px) {
	.service-description__item {
		width: 130px;
		height: 130px;

	}
}


@media screen and (max-width: 767px) {
	.service-description__item:nth-of-type(n+3) {
		margin-top: 30px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-description__item:nth-of-type(n+3) {
		margin-top: 80px;
	}
}


.service-description__item span {
	display: block;
	margin: 0 auto;
	line-height: 1em;
}

@media screen and (max-width: 767px) {
	.service-description__item span {
		font-size: 14px;
		font-weight: bold;
		padding-top: 80px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-description__item span {
		font-size: 20px;
		padding-top: 120px;
	}
}

@media screen and (min-width: 1025px) {
	.service-description__item span {
		font-size: 18px;
		padding-top: 120px;
	}
}




.service-description__item.is-wifi {
	background: url(../img/service_icon_wifi.png) top center no-repeat;
}

@media screen and (max-width: 767px) {
	.service-description__item.is-wifi {
		background-size: 65px 65px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-description__item.is-wifi {
		background-size: 100px 100px;
	}
}

@media screen and (min-width: 1025px) {
	.service-description__item.is-wifi {
		background-size: 100px 100px;
	}
}

.service-description__item.is-power {
	background: url(../img/service_icon_power.png) top center no-repeat;
	background-size: 100px 100px;
}

@media screen and (max-width: 767px) {
	.service-description__item.is-power {
		background-size: 65px 65px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-description__item.is-power {
		background-size: 100px 100px;
	}
}

@media screen and (min-width: 1025px) {
	.service-description__item.is-power {
		background-size: 100px 100px;
	}
}

.service-description__item.is-phone {
	background: url(../img/service_icon_phone.png) top center no-repeat;
	background-size: 100px 100px;
}

@media screen and (max-width: 767px) {
	.service-description__item.is-phone {
		background-size: 65px 65px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-description__item.is-phone {
		background-size: 100px 100px;
	}
}

@media screen and (min-width: 1025px) {
	.service-description__item.is-phone {
		background-size: 100px 100px;
	}
}

.service-description__item.is-register {
	background: url(../img/service_icon_register.png) top center no-repeat;

}

@media screen and (max-width: 767px) {
	.service-description__item.is-register {
		background-size: 65px 65px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-description__item.is-register {
		background-size: 100px 100px;
	}
}

@media screen and (min-width: 1025px) {
	.service-description__item.is-register {
		background-size: 100px 100px;
	}
}

.service-description__item.is-printer {
	background: url(../img/service_icon_printer.png) top center no-repeat;

}

@media screen and (max-width: 767px) {
	.service-description__item.is-printer {
		background-size: 65px 65px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.service-description__item.is-printer {
		background-size: 100px 100px;
	}
}

@media screen and (min-width: 1025px) {
	.service-description__item.is-printer {
		background-size: 100px 100px;
	}
}

.service-coffeeshop-area {
	line-height: 2;
	padding-top: 110px;
	margin-top: 50px;
	position: relative;
}




@media screen and (min-width:768px) and (max-width:1024px) {
	.service-description__item span {
		font-size: 20px;
		padding-top: 120px;
	}
}

@media screen and (max-width: 767px) {
	.service-description__list {
		margin-bottom: 60px;
	}

	.service-description__item span {
		font-size: 14px;
		font-weight: bold;
		padding-top: 80px;
	}

	.service-coffeeshop-area {
		padding: 86px 30px 60px 30px;
		margin-top: 30px;
	}

	.service-coffeeshop-area::before {
		width: 100px;
		height: 100px;
	}

	.service-coffeeshop-area .service-coffeeshop-ttl {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.service-coffeeshop-area .service-coffeeshop-ttl > span.service-coffeeshop-sub {
		font-size: 14px;
	}

	.service-coffeeshop-area .service-coffeeshop-txt {
		font-size: 14px;
	}
}


/* PLANS */

.plans {
	color: #333;
	width: 100%;
	height: 100%;
	background-color: #F5F2F2;

}

.plans-block__option {
	line-height: 1.7;
}
.plans-block__option > span {
	display: block;
	margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
	.plans {
		padding-top: 80px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans {
		padding-top: 80px;
	}
}

@media screen and (min-width: 1024px) {
	.plans {
		padding-top: 130px;
	}
}

.plans-decoration__image {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

@media screen and (max-width: 767px) {
	.plans-decoration__image {
		top: -120px;
		width: 202px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-decoration__image {
		top: -160px;
		width: 300px;
	}
}

@media screen and (min-width: 1025px) {
	.plans-decoration__image {
		top: -233px;
		left: 0;
		right: 0;
		width: 404px;
		height: 328px;
		margin: auto;
	}
}

.plans-block {
	z-index: 1;
	position: relative;
}

@media screen and (max-width: 767px) {
	.plans-block {
		padding: 10% 5% 0;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-block {
		padding: 2vw 6vw 0;
	}
}

@media screen and (min-width: 1024px) {
	.plans-block {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 60px 35px 0;
	}
}

.plans-block__wrapper {
	background-color: #FFF;
}

@media screen and (max-width: 767px) {
	.plans-block__wrapper {
		margin-bottom: 40px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-block__wrapper {
		margin-bottom: 40px;
	}
}

@media screen and (min-width: 1024px) {
	.plans-block__wrapper {
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 767px) {
	.plans-block__wrapper:not(:nth-child(2n+1)) {
		margin-top: 40px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-block {
		margin-top: 40px;
	}
}

@media screen and (min-width: 1024px) {
	.plans-block__wrapper:not(:nth-child(3n+1)) {
		margin-left: 1.6vw;
	}
}

/*
@media screen and (min-width: 1441px) {
	.plans-block__wrapper:not(:nth-child(3n+1)) {
		margin-left: 2vw;
	}
}*/

.plans-block__image {
	width: 100%;
}

.plans-block__heading {
	text-align: center;
	font-weight: 800;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
	.plans-block__heading {
		margin: 20px 0 0;
		font-size: 20px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-block__heading {
		margin: 20px 0 0;
		font-size: 22px;
	}
}

@media screen and (min-width: 1025px) {
	.plans-block__heading {
		margin: 35px 0 0;
		font-size: 24px;
	}

	.plans-block__heading,
	.plans-block__sub-heading,
	.plans-block__fee {
		padding: 0 1vw;
	}
}

.plans-block__sub-heading {
	text-align: center;
	margin: 0;

	color: #9E8D87;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.plans-block__sub-heading {
		font-size: 14px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-block__sub-heading {
		font-size: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.plans-block__sub-heading {
		font-size: 14px;
	}
}

.plans-block__fee {
	text-align: center;
	margin: 20px 0 0;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.plans-block__fee.mt10 {
	margin-top: 15px;
}

.plans-line-through {
	text-decoration: line-through;
	font-size: 16px;
	font-weight: 800;
	text-align: center;
	letter-spacing: 0.08em;
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.plans-block__fee {
		font-size: 18px;
	}

	.plans-line-through {
		font-size: 14px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-block__fee {
		font-size: 24px;
	}
}

@media screen and (min-width: 1024px) {
	.plans-block__fee {
		font-size: 20px;
	}
}

.plans-block__fee-month {
	margin-left: 1px;
}

@media screen and (max-width: 767px) {
	.plans-block__fee-month {
		font-size: 14px;
	}
}

@media screen and (min-width: 768px) {
	.plans-block__fee-month {
		font-size: 16px;
	}
}

.plans-block__fee-notice {
	font-size: 16px;
	display: block;
}

@media screen and (max-width: 767px) {
	.plans-block__fee-notice {
		font-size: 14px;
	}
}

.plans-block__message {
	margin: 0;
	line-height: 2em;
	letter-spacing: 0.06em;
	padding: 40px 50px 0;
}

@media screen and (max-width: 767px) {
	.plans-block__message {
		font-size: 14px;
		padding: 20px 20px 0;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-block__message {
		font-size: 16px;
		padding: 20px 30px 0;
	}
}

@media screen and (min-width: 1025px) {
	.plans-block__message {
		font-size: 16px;
		padding: 30px 30px 0;
	}
}

.plans-block__option {
	font-size: 16px;
	color: #7C716C;
	letter-spacing: 0.06em;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.plans-block__option {
		font-size: 14px;
		padding: 20px 15px 30px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-block__option {
		font-size: 14px;
		padding: 20px 15px 30px;
	}
}

@media screen and (min-width: 1025px) {
	.plans-block__option {
		font-size: 16px;
		padding: 20px 30px 70px;
	}
}


.plans-image__wrapper {
	width: 100%;
	background-image: url(../img/plans_photo_kraft.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-size: cover;
	padding-top: 34.112%;
	margin-top: 120px;
}

@media screen and (max-width: 1024px) {
	.plans-image__wrapper {
		background-image: url(../img/plans_photo_kraft_sp.jpg);
		padding-top: 92%;
		background-attachment: inherit;
	}
}

.plans-image {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.plans-image {
		margin-top: 90px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-image {
		margin-top: 90px;
	}
}

@media screen and (min-width: 1024px) {
	.plans-image {
		margin-top: 120px;
	}
}


.pc {
	display: block;
}

.sp {
	display: none;
}

@media only screen and (max-width: 767px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}

@media screen and (min-width: 1024px) {
	.pc {
		display: block;
	}

	.sp {
		display: none;
	}
}


/*
.plans-block .plans-block__wrapper:nth-child(1) .plans-block__option {
	padding-bottom: 0;
}
*/

.plans-campain-area {
	text-align: center;
}

.plans-campain-area .plans-campain-inner {
	background-color: #F7F4F4;
	padding: 20px;
}

.plans-campain-area .plans-campaign-ttl {
	display: inline-block;
	position: relative;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 3px 30px;
	background: #7C716C;
	color: #FFF;
	box-sizing: border-box;
}

.plans-campain-area .plans-campaign-ttl::before,
.plans-campain-area .plans-campaign-ttl::after {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	z-index: 1;
}

.plans-campain-area .plans-campaign-ttl::before {
	top: 0;
	left: 0;
	border-width: 30px 0px 30px 15px;
	border-color: transparent transparent transparent #F7F4F4;
	border-style: solid;
}

.plans-campain-area .plans-campaign-ttl::after {
	top: 0;
	right: 0;
	border-width: 30px 15px 30px 0px;
	border-color: transparent #F7F4F4 transparent transparent;
	border-style: solid;
}

.plans-campain-area .plans-campaign-ttl > p {
	line-height: 1.3;
	font-size: 20px;
	font-weight: bold;
}

.plans-campain-area .plans-campaign-block {
	padding-top: 15px;
	margin-top: 20px;
}

.plans-campain-area .plans-campaign-block {
	border-top: 1px solid #dad5d4;
}

.plans-campain-area .plans-campaign-block:last-of-type {
	padding-bottom: 15px;
	border-bottom: 1px solid #dad5d4;
}

.plans-campain-area .plans-campaign-block .plans-campaign-block-ttl {
	font-size: 20px;
	font-weight: bold;
	color: #7C716C;
	margin-bottom: 8px;
}

.plans-campain-area .plans-campaign-block .plans-campaign-block-price {
	font-weight: bold;
	font-size: 14px;
}

.plans-campain-area .plans-campaign-block .plans-campaign-block-price strong {
	font-size: 22px;
}

.plans-campain-area .plans-campaign-notice {
	margin-top: 15px;
	font-size: 14px;
	text-align: left;
}

@media screen and (max-width: 767px) {
	.plans-campain-area {
		font-size: 14px;
		padding: 20px 20px 20px;
	}

	.plans-campain-area .plans-campain-inner {
		padding: 15px;
	}

	.plans-campain-area .plans-campaign-ttl {
		padding: 10px 30px;
		height: 66px;
		line-height: 66px;
	}

	.plans-campain-area .plans-campaign-ttl::before {
		border-width: 33px 0px 33px 15px;
	}

	.plans-campain-area .plans-campaign-ttl::after {
		border-width: 33px 15px 33px 0px;
	}

	.plans-campain-area .plans-campaign-ttl > p {
		font-size: 18px;
	}

	.plans-campain-area .plans-campaign-block .plans-campaign-block-ttl {
		font-size: 19px;
	}

	.plans-campain-area .plans-campaign-block .plans-campaign-block-price strong {
		font-size: 18px;
	}

	.plans-campain-area .plans-campaign-notice {
		margin-top: 15px;
		font-size: 12px;
		text-align: left;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.plans-campain-area {
		font-size: 16px;
		padding: 20px 20px 20px;
	}
}

@media screen and (min-width: 1025px) {
	.plans-campain-area {
		font-size: 16px;
		padding: 30px 20px 0;
		margin-bottom: 20px;
	}
}

/* スペシャルプラン */
.plans-block__heading-pickup {
	position: relative;
}
.plans-block__heading-pickup::before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	background-image: url(../img/plan-flag-pickup.png);
	width: 84px;
	height: 74px;
	background-repeat: no-repeat;
	background-size: cover;
}

.plans-block__fee-special {
	font-size: 32px;
	color: #6e625d;
}
.plans-block__fee-special .plans-block__fee-month {
	color: #333;
}
a.popup-special-plan {
	display: block;
	position: relative;
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
	border: 1px solid #333;
	padding: 12px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	transition: .3s;
}
a.popup-special-plan.is-arrow::before {
	border-top: 1px solid #333;
}
a.popup-special-plan.is-arrow::after {
	border-bottom: 1px solid #333;
}

.special-plan-modal {
	width: 90%;
	margin: 0 auto;
	background: #fff;
	padding: 25px;
}
.special-plan-modal div .mfp-close {
	top: -40px;
}
.special-plan-modal > p {
	line-height: 1.8;
	margin-bottom: 20px;
}
.special-plan-modal > p strong {
	font-weight: bold;
}
.special-plan-modal > .popup-special-plan-dismiss > a {
	display: block;
	width: 160px;
	color: #333;
	font-size: 14px;
	text-align: center;
	padding: 8px;
	border: 1px solid #333;
	margin: 0 auto;
	transition: .3s;
}
.special-plan-modal p.special-plan-modal-ttl {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.special-plan-modal p.special-plan-modal-txt {
	margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
	.special-plan-modal {
		width: 580px;
		padding: 40px;
	}
	.special-plan-modal p.special-plan-modal-ttl {
		font-size: 22px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.special-plan-modal p.special-plan-modal-txt {
		font-size: 18px;
		margin-bottom: 40px;
	}
}
@media screen and (min-width: 1025px) {
	.plans-block__heading-pickup::before {
		top: -40px;
		width: 94px;
		height: 84px;
	}
	a.popup-special-plan {
		width: 100%;
	}
	a.popup-special-plan:hover {
		background: #333;
		color: #fff;
	}
	a.popup-special-plan:hover.is-arrow::before {
		border-top: 1px solid #fff;
	}
	a.popup-special-plan:hover.is-arrow::after {
		border-bottom: 1px solid #fff;
	}
	.special-plan-modal > .popup-special-plan-dismiss > a:hover {
		color: #fff;
		background: #333;
	}
}


/* floor-map */

.floor-map {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	position: relative;
}

@media screen and (max-width: 767px) {
	.floor-map {
		padding-top: 80px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.floor-map {
		padding-top: 80px;
	}
}

@media screen and (min-width: 1024px) {
	.floor-map {
		padding: 100px 0 120px;
	}
}

.floor-map__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 63%;
	background-color: #F7F4F4;
}

@media screen and (min-width: 1025px) {
	.floor-map__bg {
		height: 106%;
	}
}

@media screen and (max-width:1024px) {
	.floor-map__bg {
		height: 103%;
	}
}

@media screen and (max-width:768px) {
	.floor-map__bg {
		height: 110%;
	}
}

@media screen and (max-width: 767px) {
	.floor-map__bg {
		height: 110%;
	}
}


.floor-map__wrapper {
	position: relative;
}

@media screen and (max-width: 767px) {
	.floor-map__wrapper {
		margin-top: 50px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.floor-map__wrapper {
		margin-top: 50px;
	}
}

@media screen and (min-width: 1024px) {
	.floor-map__wrapper {
		margin-top: 90px;
	}
}

@media screen and (min-width: 1025px) {
	.floor-map__wrapper {
		padding: 0 80px;
	}
}



.floor-map__image {
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.floor-map__image {
		width: 100%;
		padding: 0 10px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.floor-map__image {
		width: 100%;
		padding: 0 6vw;
	}
}

@media screen and (min-width: 1025px) {
	.floor-map__image {
		width: 50%;
		text-align: center;
		margin: 0 auto;
	}
}


.floor-map__list {
	margin: 0;
	counter-reset: li_count;
	list-style: none;
}

@media screen and (max-width: 767px) {
	.floor-map__list {
		width: 100%;
		padding: 0 8vw;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.floor-map__list {
		width: 100%;
		padding: 0 8vw;
	}
}

@media screen and (min-width: 1024px) {
	.floor-map__list {
		width: 50%;
	}
}

.floor-map__item {
	position: relative;
}

.floor-map__item::before {
	position: absolute;
	vertical-align: middle;
	counter-increment: li_count;
	content: counter(li_count);
	text-align: center;
	color: #FFF;
	top: 33%;
	left: 0;
	width: 26px;
	height: 26px;
	background-color: #7C716C;
	border: solid 1px #333;
	border-radius: 50%;
	line-height: 22px;

}

.floor-map__item:hover {
	opacity: 0.7;
}

@media screen and (max-width: 767px) {
	.floor-map__list {
		font-size: 13px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.floor-map__list {
		font-size: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.floor-map__list {
		font-size: 16px;
	}
}


.floor-map__link {
	position: relative;
	border-bottom: solid 1px #CBC6C4;
	display: block;
	color: #333;
	padding: 25px 40px;

}


.floor-map__link::before,
.is-plus::after {
	position: absolute;
	top: 52%;
	right: 0;
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	border-top: 2px solid #7C716C;
	transform: translateX(-50%);
}

.is-plus:after {
	top: 44%;
	right: 12px;
	transform: rotate(90deg);
}


@media screen and (max-width: 767px) {
	.floor-map__link {
		font-size: 13px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.floor-map__link {
		font-size: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.floor-map__link {
		font-size: 16px;
	}
}

.mfp-figure figure {
	max-width: 900px;
}


/* information */

.information {
	width: 100%;
	height: 100%;
	background-color: #FFF;
}

@media screen and (max-width: 767px) {
	.information {
		padding: 80px 0;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.information {
		padding: 80px 0;
	}
}

@media screen and (min-width: 1024px) {
	.information {
		padding: 100px 0 120px;
	}
}

@media screen and (max-width: 767px) {
	.is-information {
		min-width: 294px;
		min-height: 134px;
		background: url(../img/information_bg_text_sp.png) 50% 50% no-repeat;
		background-size: 294px 134px;
		padding-top: 50px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.is-information {
		min-width: 294px;
		min-height: 134px;
		background: url(../img/information_bg_text.png) 50% 50% no-repeat;
		background-size: 90%;
		padding-top: 40px;
	}
}

@media screen and (min-width: 1024px) {
	.is-information {
		min-width: 891px;
		min-height: 140px;
		background: url(../img/information_bg_text.png) 50% 50% no-repeat;
		padding-top: 40px;
	}
}

.information__wrapper {
	padding: 0 35px;
	text-align: center;
}

.information__description-list {
	text-align: left;
	width: 100%;
}


@media screen and (min-width: 1024px) {
	.information__description-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.information__wrapper {
		padding: 0 5%;
	}
	.information__description-term {
		text-align: left;
		font-size: 14px;
		line-height: 22px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.information__description-term {
		text-align: left;
		font-size: 20px;
		line-height: 2em;
	}
}

@media screen and (min-width: 1024px) {
	.information__description-term {
		text-align: right;
		font-size: 16px;
		width: 64px;
		margin-top: 25px;
		box-sizing: border-box;
	}
}

.information__description {
	text-align: left;
}

@media screen and (max-width: 767px) {
	.information__description {
		font-size: 14px;
		line-height: 2em;
		margin: 0 0 30px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.information__description {
		font-size: 20px;
		line-height: 2em;
		margin: 0 0 30px;
	}
}

@media screen and (min-width: 1024px) {
	.information__description {
		font-size: 16px;
		width: 92%;
		box-sizing: border-box;
		margin: 25px 0 0;
	}
}




@media screen and (max-width: 1023px) {
	.information__description-zipcode {
		display: block;
	}
}

@media screen and (min-width: 1024px) {
	.information__description-zipcode {
		padding-right: 10px;
	}
}

@media screen and (max-width: 767px) {
	.information iframe {
		height: 235px;
		overflow-x: hidden;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.information iframe {
		height: 235px;
		overflow-x: hidden;
	}
}

.information__map-link {
	font-size: 14px;
	color: #333;
	background: url(../img/icon_google_map.svg) no-repeat;
	padding-left: 25px;
	display: inline-block;
	padding-bottom: 4px;
}

@media screen and (max-width: 767px) {
	.information__map-link {
		font-size: 13px;
		background-position: 4px 1px;
		background-size: 14px 20px;
		margin-top: 25px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.information__map-link {
		font-size: 20px;
		background-position: 0px 6px;
		background-size: 16px 22px;
		margin-top: 25px;
	}
}

@media screen and (min-width: 1024px) {
	.information__map-link {
		font-size: 14px;
		background-position: 0 2px;
		background-size: 16px 22px;
		margin-top: 25px;
	}
}

.information__map-link span {
	border-bottom: 1px solid #888;
	padding-bottom: 4px;
}

/* CONTACT */

.contact {
	color: #e6dbd9;
	width: 100%;
	height: 100%;

}

@media screen and (max-width: 767px) {
	.contact {
		padding: 80px 0;
		background: #3B3A38 url(../img/contact_bg_photo.jpg) bottom no-repeat;
		background-size: contain;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact {
		padding: 80px 0;
		background: #3B3A38 url(../img/contact_bg_photo.jpg) bottom no-repeat;
		background-size: contain;
	}
}

@media screen and (min-width: 1024px) {
	.contact {
		padding: 100px 0 120px 0;
		background: #3B3A38 url(../img/contact_bg_photo.jpg) 50% no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
}

@media screen and (max-width: 767px) {
	.c_section-title.is-contact .title {
		background: url(../img/contact_bg_text.png) center 46px no-repeat;
		background-size: 53px 39px;
		padding-bottom: 60px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.c_section-title.is-contact .title {
		background: url(../img/contact_bg_text.png) center 46px no-repeat;
		background-size: 53px 39px;
		padding-bottom: 60px;
	}
}

@media screen and (min-width: 1024px) {
	.c_section-title.is-contact .title {
		background: url(../img/contact_bg_text.png) right 8px no-repeat;
		background-size: 92px 68px;
		padding: 0 105px 30px;
	}
}



@media screen and (max-width: 767px) {
	.contact__decoration-image {
		top: 45px;
		left: 45%;
		width: 60px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__decoration-image {
		top: 45px;
		left: 45%;
		width: 60px;
	}
}



.contact__message {
	text-align: center;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.contact__message {
		font-size: 14px;
		line-height: 2em;
		padding: 55px 5% 0;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__message {
		font-size: 14px;
		line-height: 2em;
		padding: 55px 20px 0;
	}
}

@media screen and (min-width: 1024px) {
	.contact__message {
		font-size: 16px;
		line-height: 2.25em;
		padding-top: 50px;
	}
}

.contact__form {
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.contact__form {
		margin-top: 0;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__form {
		margin-top: 50px;
	}
}

@media screen and (min-width: 1024px) {
	.contact__form {
		margin-top: 30px;
	}
}

.contact__fieldset {
	border: none;
	text-align: center;
	padding: 0;
}

@media screen and (max-width: 767px) {
	.contact__fieldset {
		padding: 0 35px;
		margin-bottom: 30px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__fieldset {
		padding: 0 35px;
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 1024px) {
	.contact__fieldset {
		margin: 0 0 30px;
	}
}

.contact__label {
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.contact__label {
		width: 100%;
		font-size: 14px;
		text-align: left;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__label {
		width: 100%;
		font-size: 20x;
		text-align: left;
	}
}

@media screen and (min-width: 1024px) {
	.contact__label {
		font-size: 16px;
		text-align: right;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.contact__label.ctr {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}


.contact__label-heading {
	/*display: inline-block;*/
	letter-spacing: 0.1em;
	padding-right: 80px;
	position: relative;
	vertical-align: middle;
	font-weight: bold;
}

@media screen and (min-width: 1024px) {
	.contact__label-heading {
		width: 300px;
	}
}

.contact__label-heading.is-required::after {
	position: absolute;
	content: '必須';
	color: #a6938b;
}



@media screen and (max-width: 767px) {
	.contact__label-heading.is-required::after {
		top: 2px;
		right: 50px;
		font-size: 12px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__label-heading.is-required::after {
		top: 2px;
		right: 40px;
		font-size: 14px;
	}
}

@media screen and (min-width: 1024px) {
	.contact__label-heading.is-required::after {
		top: 4px;
		right: 40px;
		font-size: 12px;
	}
}


.contact__input {
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
	height: 50px;
	padding: 10px 28px 10px 15px;
	color: #665e5a;
	line-height: 18px;
}

@media screen and (max-width: 767px) {
	.contact__input {
		width: 100%;
		margin-top: 15px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__input {
		width: 100%;
		margin-top: 15px;
	}
}

@media screen and (min-width: 1024px) {
	.contact__input {
		width: 620px;
	}
}

.contact__interest-wrapper {
	text-align: left;
	display: flex;
}

@media screen and (max-width: 767px) {
	.contact__interest-wrapper {
		display: block;
		width: 100%;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__interest-wrapper {
		display: block;
		width: 100%;
		margin-top: 15px;
	}
}

@media screen and (min-width: 1024px) {
	.contact__interest-wrapper {
		display: inline-block;
		width: 620px;
	}
}


/* contact__check */
.contact__check {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 0 10px 0 0;
	cursor: pointer;
}

.contact__label.type-interest {
	cursor: pointer;
	text-align: left;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.contact__label.type-interest {
		margin-top: 15px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__label.type-interest {
		display: inline;
	}
}


.contact__check-text {
	margin-right: 40px;
	vertical-align: middle;
	letter-spacing: 0.1em;
}

.contact__textarea {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	padding: 10px 28px 10px 15px;
	color: #665e5a;
}

@media screen and (max-width: 767px) {
	.contact__textarea {
		width: 100%;
		margin-top: 15px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__textarea {
		width: 100%;
		margin-top: 15px;
	}
}

@media screen and (min-width: 1024px) {
	.contact__textarea {
		width: 620px;
	}
}

.contact .form-notice {
	font-size: 1.3rem;
	padding: 8px 0 0 5px;
	text-align: left;
}


.contact__select {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	height: 50px;
	padding: 10px 28px 10px 15px;
	background: #FFF url(../img/select_triangle.svg) right 20px no-repeat;
	background-size: 50px 8px;
	font-family: inherit;
	color: #96908d;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	fill: #96908d
}

@media screen and (max-width: 767px) {
	.contact__select {
		font-size: 13px;
		width: 100%;
		margin-top: 15px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__select {
		font-size: 20px;
		width: 100%;
		margin-top: 15px;
	}
}

@media screen and (min-width: 1024px) {
	.contact__select {
		font-size: 16px;
		width: 620px;
	}
}

.contact__button {
	width: 280px;
	height: 80px;
	color: #FFF;
	background-color: #686d62;
	margin: 0 auto;
	display: block;
	box-sizing: border-box;
	border: none;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.contact__button {
		font-size: 16px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.contact__button {
		font-size: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.contact__button {
		font-size: 16px;
	}
}

.is-arrow {
	position: relative;
}

.is-arrow:before,
.is-arrow:after {
	content: "";
	display: block;
	position: absolute;
}

.is-arrow:before {
	border-top: 1px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
	right: 20px;
	top: 50%;
	margin-top: -4px;
}

.is-arrow:after {
	width: 24px;
	border-bottom: 1px solid #FFF;
	right: 20px;
	top: 50%;
}


/* confirm 確認画面 */
.confirm_show {
	max-width: 600px;
}

.confirm_show #confirm_show-name,
.confirm_show #confirm_show-tel,
.confirm_show #confirm_show-comment,
.confirm_show #confirm_show-email,
.confirm_show #confirm_show-interest1,
.confirm_show #confirm_show-interest2 {
	text-align: left;
}

.confirm_show #confirm_show-inquiry,
.confirm_show #confirm_show-company,
.confirm_show #confirm_show-name,
.confirm_show #confirm_show-tel,
.confirm_show #confirm_show-comment,
.confirm_show #confirm_show-email,
.confirm_show #confirm_show-interest1,
.confirm_show #confirm_show-interest2 {
	font-weight: normal;
}

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

	.confirm_show #confirm_show-inquiry,
	.confirm_show #confirm_show-company,
	.confirm_show #confirm_show-name,
	.confirm_show #confirm_show-tel,
	.confirm_show #confirm_show-comment,
	.confirm_show #confirm_show-email,
	.confirm_show #confirm_show-interest1,
	.confirm_show #confirm_show-interest2 {
		display: block;
	}

	.confirm_show .contact__form {
		margin-top: 0;
	}
}

.contact__button#back_btn {
	width: 280px;
	height: 80px;
	color: #FFF;
	background-color: transparent;
	cursor: pointer;
}

.contact__button {
	margin-top: 60px;
}

.contact__button#back_btn {
	margin-top: 0px;
}

/* error */
.error-message {
	display: none;
	color: red;
}

.confirm_show {
	display: none;
}

/* footer */
footer {
	position: relative;
	background-color: #FFF;
	color: #333;
}

@media screen and (max-width: 767px) {
	footer {
		text-align: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding-bottom: 60px;
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	footer {
		text-align: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding-bottom: 60px;
	}
}

@media screen and (min-width: 1024px) {
	footer {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		padding: 60px 120px;
	}
}

/* footer-contact */

@media screen and (max-width: 767px) {
	.footer-contact {
		padding: 0 30px;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: 0;
		order: 0;
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.footer-contact {
		padding: 0 30px;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: 0;
		order: 0;
	}
}

@media screen and (min-width: 1024px) {
	.footer-contact {
		text-align: left;
	}
}

.footer-contact__logo img {
	width: 160px;
	height: 90px;
	image-rendering: pixelated;
}

@media screen and (max-width: 767px) {
	.footer-contact__logo {
		margin-top: 40px
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.footer-contact__logo {
		margin-top: 40px
	}
}

.footer-contact__address {
	font-style: normal;
	font-weight: bold;
	margin-top: 30px;
	text-align: left;
}

@media screen and (max-width: 767px) {
	.footer-contact__address {
		font-size: 13px;
		letter-spacing: 0.06em;
		display: inline-block;
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.footer-contact__address {
		font-size: 18px;
		display: inline-block;
	}
}

@media screen and (min-width: 1024px) {
	.footer-contact__address {
		font-size: 15px;
	}
}

/* footer__run-by-link */
.footer__run-by-link {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	background: url(../img/icon_window.svg) no-repeat;
	background-position: 68px 4px;
	padding-right: 22px;
}

.footer__run-by-link span {
	border-bottom: 1px solid #888;
	padding-bottom: 4px;
}

@media screen and (max-width: 767px) {
	.footer__run-by-link {
		text-align: left;
		display: inline-block;
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		order: 1;
		margin: 33px auto 0;
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.footer__run-by-link {
		text-align: left;
		display: inline-block;
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		order: 1;
		margin: 33px auto 0;
		font-size: 18px;
		letter-spacing: 0.1em;
		background-position: 83px 4px;
		background-size: 18px 14px;
	}
}

/* footer__copyright */
.footer__copyright {
	margin: 0;
	text-align: center;
	letter-spacing: 0.1em;
}


@media screen and (max-width: 767px) {
	.footer__copyright {
		font-size: 11px;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		order: 2;
		margin-top: 33px;
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.footer__copyright {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		order: 2;
		margin-top: 33px;
		font-size: 16px;
	}
}

@media screen and (min-width: 1024px) {
	.footer__copyright {
		font-size: 11px;
	}
}


/* COFFEE SHOP */

.coffee_shop {
	width: 100%;
	height: 100%;
	background-color: #f2eded;
}

.coffee_shop .coffee_shop__inner {
	position: relative;
	padding-top: 50px;
}

.coffee_shop .title {
	position: relative;
}

.coffee_shop .title::before {
	content: "";
	position: absolute;
	width: 130px;
	height: 130px;
	background-image: url(../img/service_icon_coffee.png);
	background-repeat: no-repeat;
	background-size: cover;
	top: -120px;
	left: 0;
	right: 0;
	margin: auto;
}

.coffee_shop span.service-coffeeshop-sub {
	display: block;
	font-size: 1.6rem;
}

.coffee_shop .service-coffeeshop-txt {
	margin-top: 50px;
	font-size: 1.8rem;
	text-align: center;
	line-height: 2;
}

.coffee_shop .service-coffeeshop-txt br.pc_br {
	display: block;
}

.coffee-decoration__image {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

.coffee_shop .coffee__video_block {
	max-width: 960px;
	text-align: center;
	margin: 0 auto;
	margin-top: 50px;
}

.coffee_shop .coffee__video_block .coffee__video {
	position: relative;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}

.coffee_shop .coffee__video_block .coffee__video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.coffee_shop {
		padding-top: 26vw;
		padding-bottom: 20vw;
	}

	.coffee_shop .coffee_shop__inner {
		padding: 15% 20px 0 20px;
	}

	.coffee_shop .service-coffeeshop-txt br.pc_br {
		display: none;
	}

	.coffee-decoration__image {
		top: -130px;
		width: 240px;
	}

	.coffee_shop .title::before {
		width: 100px;
		height: 100px;
		top: -86px;
	}

	.coffee_shop .service-coffeeshop-txt {
		font-size: 1.4rem;
		text-align: left;
		margin-top: 20px;
	}

	.coffee_shop .coffee__video_block {
		margin-top: 20px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.coffee_shop {
		padding-top: 220px;
		padding-bottom: 160px;
	}

	.coffee-decoration__image {
		top: -240px;
		width: 360px;
	}

	.coffee_shop .coffee_shop__inner {
		padding-top: 20px;
	}

	.coffee_shop .coffee_shop__inner::before {
		width: 130px;
		height: 130px;
	}

	.coffee_shop .service-coffeeshop-txt {
		margin-top: 30px;
	}

	.coffee_shop .coffee__video_block {
		margin-top: 30px;
	}

}

@media screen and (min-width: 1025px) {
	.coffee_shop {
		padding-top: 470px;
		padding-bottom: 160px;
	}

	.coffee-decoration__image {
		top: -240px;
		width: 508px;
		height: 414px;
	}
}

/****************************************************************

20210303 フロアマップ　サムネイルとして表示する

****************************************************************/
ul.floor-map__list_thumb {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -100px;
}

ul.floor-map__list_thumb li {
	width: 33.3333%;
	flex: 0 1 calc((100% / 3) - 80px);
	margin-left: 80px;
	margin-top: 80px;
	box-sizing: border-box;
}

ul.floor-map__list_thumb .floor-map__ttl {
	padding-left: 35px;
	color: #333;
	font-weight: bold;
	position: relative;
	margin-top: 10px;
}

ul.floor-map__list_thumb .floor-map__ttl span {
	position: absolute;
	display: inline-block;
	top: -.2em;
	left: 0;
	width: 26px;
	height: 26px;
	background-color: #7C716C;
	border: solid 1px #333;
	border-radius: 50%;
	line-height: 22px;
	color: #fff;
	text-align: center;
}

ul.floor-map__list_thumb .floor-map__fig {
	position: relative;
}

ul.floor-map__list_thumb .floor-map__fig .floor-map__plus {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #fff;
	bottom: 5px;
	right: 0;
	font-size: 24px;
	line-height: 40px;
	color: #7C716C;
	text-align: center;
	transition: .3s;
}

@media screen and (max-width: 767px) {
	.floor-map__wrapper {
		padding: 0 5%;
	}

	ul.floor-map__list_thumb {
		margin-left: -20px;
	}

	ul.floor-map__list_thumb li {
		width: 50%;
		flex: 0 1 calc((100% / 2) - 20px);
		margin-left: 20px;
		margin-top: 30px;
		box-sizing: border-box;
	}

	ul.floor-map__list_thumb .floor-map__ttl {
		padding-left: 27px;
		font-size: 14px;
	}

	ul.floor-map__list_thumb .floor-map__ttl span {
		width: 22px;
		height: 22px;
		font-size: 13px;
		line-height: 20px;
	}

	ul.floor-map__list_thumb .floor-map__fig .floor-map__plus {
		width: 28px;
		height: 28px;
		font-size: 20px;
		line-height: 28px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.floor-map__wrapper {
		padding: 0 40px;
	}

	ul.floor-map__list_thumb {
		margin-left: -40px;
	}

	ul.floor-map__list_thumb li {
		width: 50%;
		flex: 0 1 calc((100% / 2) - 40px);
		margin-left: 40px;
		margin-top: 40px;
		box-sizing: border-box;
	}

}

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

	ul.floor-map__list_thumb li a .floor-map__fig,
	ul.floor-map__list_thumb li a .floor-map__ttl {
		transition: .3s;
	}

	ul.floor-map__list_thumb li a:hover .floor-map__fig,
	ul.floor-map__list_thumb li a:hover .floor-map__ttl {
		opacity: .7;
	}

	ul.floor-map__list_thumb li a:hover .floor-map__fig .floor-map__plus {
		background-color: #7C716C;
		color: #fff;
	}
}


/****************************************************************

GALLERY

****************************************************************/
.gallery {
	margin-bottom: 120px;
}

.gallery-decoration__image {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

.gallery__wrapper {
	margin: 0 35px;
	margin-top: 70px;
	position: relative;
}

.gallery__wrapper::before {
	content: "";
	position: absolute;
	top: 100px;
	left: 0;
	background-color: #F7F4F4;
	width: 100%;
	height: 94%;
}

@media screen and (min-width: 1025px) {
	.gallery {
		padding-top: 220px;
	}

	.gallery-decoration__image {
		top: -233px;
		left: 0;
		right: 0;
		width: 489px;
		height: 320px;
		margin: auto;
	}

	.gallery__wrapper .swiper-container {
		max-width: 70%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.gallery {
		padding-top: 220px;
	}

	.gallery-decoration__image {
		top: -163px;
		width: 320px;
	}

	.gallery__wrapper {
		padding: 0 20px;
		margin: 0;
		margin-top: 30px;
	}

	.gallery__wrapper .swiper-container {
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.gallery {
		padding-top: 180px;
		margin-bottom: 40px;
	}

	.gallery__wrapper {
		margin: 0;
		padding: 0 5%;
		margin-top: 30px;
	}

	.gallery-decoration__image {
		top: -120px;
		width: 240px;
	}


}

/*-------------------------------------------------

Swiper

-------------------------------------------------*/

.swiper-thumbs-list {
	margin-top: 10px;
	display: flex;
}

.swiper-thumbs-list-imgBox {
	width: calc((100% - 20px) / 7);
	display: table;
	opacity: 0.4;
	margin: 0 0 0 5px !important;
	border-radius: 0;
	background-color: #111;
	position: relative;
}


.swiper-thumbs-list-imgBox:nth-child(1) {
	margin-left: 0 !important;
}

.swiper-thumbs-list-imgBox.swiper-pagination-bullet-active {
	opacity: 1;
}

.swiper-thumbs-list-imgBox-img {
	width: 100%;
	padding-top: 72.22%;
}


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

	.swiper-button-next,
	.swiper-button-prev {
		width: 17px;
		height: 34px;
		margin-top: -50px;
		background-size: 17px 34px;
	}
}

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

	.swiper-button-next,
	.swiper-button-prev {
		width: 17px;
		height: 34px;
		margin-top: -52px;
		background-size: 17px 34px;
	}
}

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

@media screen and (max-width: 640px) {
	.swiper-thumbs-list-imgBox {
		width: calc((100% - 17px) / 4);
	}

	.swiper-thumbs-list {
		margin-top: 5px;
		flex-wrap: wrap;
	}

	.swiper-thumbs-list-imgBox {
		margin: 0 5.5px 0 0 !important;
	}

	.swiper-thumbs-list-imgBox:nth-child(4) {
		margin-right: 0 !important;
	}

	.swiper-thumbs-list-imgBox:nth-child(5),
	.swiper-thumbs-list-imgBox:nth-child(6),
	.swiper-thumbs-list-imgBox:nth-child(7) {
		margin-top: 5.5px !important;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 17px;
		height: 34px;
		margin-top: -82px;
		background-size: 17px 34px;
	}
}

/****************************************************************

STAFF

****************************************************************/
.staff {
	color: #333;
	width: 100%;
	height: 100%;
	background-color: #F5F2F2;
}

.staff-decoration__image {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

.staff__wrapper {
	max-width: 800px;
	margin: 0 auto;
}

.staff__wrapper .staff-photo {
	padding-top: 60px;
}

.staff__wrapper .staff-contents {
	padding-top: 40px;
	text-align: center;
}

.staff__wrapper .staff-contents .btn-line-area {
	display: block;
	padding-top: 20px;
	margin: 0 auto;
	text-align: center;
}

.staff__wrapper .staff-contents .btn-line-area a.btn-line {
	display: block;
	transition: .3s;
}

.staff__wrapper .staff-contents .btn-line-area a.btn-line img {
	width: 246px;
	height: 60px;
}

.staff__wrapper .staff-contents .btn-line-area.pc-view {
	display: block;
}

.staff__wrapper .staff-contents .btn-line-area.sp-view {
	display: none;
}

@media screen and (min-width: 1025px) {
	.staff {
		padding-top: 130px;
		padding-bottom: 140px;
	}

	.staff-decoration__image {
		top: -153px;
		width: 622px;
		height: 149px;
	}

	.staff__wrapper .staff-contents .btn-line-area a.btn-line:hover {
		opacity: .8;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.staff {
		padding-top: 100px;
		padding-bottom: 120px;
	}

	.staff-decoration__image {
		top: -133px;
		width: 622px;
	}

	.staff__wrapper .staff-photo {
		padding: 30px 5% 0 5%;
	}

	.staff__wrapper .staff-contents {
		padding: 25px 40px 0 40px;
	}
}

@media screen and (max-width: 767px) {
	.staff {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.staff-decoration__image {
		top: -76px;
		width: 290px;
	}

	.staff__wrapper .staff-contents .btn-line-area.pc-view {
		display: none;
	}

	.staff__wrapper .staff-contents .btn-line-area.sp-view {
		display: block;
	}

	.staff__wrapper .staff-photo {
		padding: 30px 20px 0 20px;
	}

	.staff__wrapper .staff-contents {
		padding: 20px 5% 0 5%;
		font-size: 14px;
	}
}

/****************************************************************

FAQ

****************************************************************/
.faq {
	padding-top: 130px;
	padding-bottom: 140px;
}
.faq-decoration__image {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -90px;
	width: 878px;
	
}
.faq__wrapper {
	max-width: 900px;
	padding: 80px 0 0 0;
	margin: 0 auto;
}
dl.faq-menu {
	padding-top: 30px;
}
dl.faq-menu:first-of-type {
	padding-top: 0;
}
dl.faq-menu dt {
	background-color: #F2EFEF;
	padding: 30px 115px 30px 95px;
	color: #827772;
	font-weight: bold;
	font-size: 2.2rem;
	position: relative;
	transition: .3s;
}
dl.faq-menu dt::before,
dl.faq-menu dt::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;

}
dl.faq-menu dt::before {
	width: 46px;
	height: 46px;
	background-image: url(../img/faq-icon-q.png);
	background-repeat: no-repeat;
	background-size: 46px 46px;
	left: 30px;
}
dl.faq-menu dt::after {
	width: 20px;
	height: 16px;
	background-image: url(../img/faq-arw.png);
	background-repeat: no-repeat;
	background-size: 20px 14px;
	right: 30px;
}
dl.faq-menu dd {
	display: none;
	font-size: 1.8rem;
	color: #827772;
	padding: 30px 0;
	padding-left: 45px;
}
dl.faq-menu dd .faq-notice {
	font-size: 1.3rem;
}
dl.faq-menu dt.active {
	background-color: #827772;
	color: #fff;
}
dl.faq-menu dt.active::after {
	background-image: url(../img/faq-arw-active.png);
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.faq {
		padding-top: 100px;
		padding-bottom: 120px;
	}
	.faq__wrapper {
		padding: 30px 5% 0 5%;
	}
	dl.faq-menu dt {
		font-size: 2rem;
	}
	dl.faq-menu dd {
		font-size: 1.6rem;
		padding: 15px 0;
	}
}


@media screen and (max-width: 767px) {
	.faq {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.faq-decoration__image {
		top: -36px;
		width: 380px;
	}
	.faq__wrapper {
		padding: 30px 20px 0 20px;
	}
	dl.faq-menu {
		padding-top: 15px;
	}
	dl.faq-menu dt {
		padding: 18px 54px 18px 60px;
		font-size: 1.6rem;
	}
	dl.faq-menu dt::before {
		width: 32px;
		height: 32px;
		background-size: 32px 32px;
		left: 14px;
	}
	dl.faq-menu dt::after {
		width: 15px;
		height: 9px;
		background-size: 15px 9px;
		right: 12px;
	}
	dl.faq-menu dd {
		font-size: 1.5rem;
		line-height: 1.6;
		padding: 15px 0;
		padding-left: 20px;
	}
	dl.faq-menu dd .faq-notice {
		font-size: 1.1rem;
	}
}

@media screen and (min-width: 1025px) {
	dl.faq-menu dt {
		cursor: pointer;
	}
	dl.faq-menu dt:hover {
		background-color: #827772;
		color: #fff;
	}
}