@charset "utf-8";
/* -- -- --
 * ROOM8 Template V3.5
 * Last Up Date: 2021.8
 * Author: mick
-- -- -- -- -- -- -- -- */
* {
	margin: 0;
	padding: 0;
}

html {
	opacity: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 10px;
	>font-size: 62.5%;
	word-break: normal;
	line-break: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	box-sizing: border-box;
}

html.wf-active, html.loading-delay {
	opacity: 1;
	-webkit-transition: .2s;
	transition: .2s;
}

body {
	font-family: "Hiragino Kaku Gothic ProN", "Helvetica Neue", "Helvetica", "Arial", "Yu Gothic", "Meiryo", sans-serif;
 	font-feature-settings : 'palt';
	color: #3b3b3b;
}

html, body {
	height:100vh;
}

body.fixed {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

header,
article,
nav,
section,
footer,
div,
p,
th,
td {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

p {
	line-height: 1.8;
	letter-spacing: 0.03em;
}

a {
	color: #333;
	border: none;
	outline: 0;
	background-color: transparent;
	text-decoration: none;
}

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

b,
strong {
	font-weight: 600;
}

small {
	font-size: 0.8rem;
}

hr {
	overflow: visible;
	height: 0;
	color: inherit;
}

i {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.6;
	font-size: 1.0em;
	font-weight: 600;
	letter-spacing: 0.06em;
}

img {
	border: 0;
	vertical-align: bottom;
}

.mimg img {
	width:100%;
	height:auto;
}

code,
pre {
	font-family: monospace, monospace;
	overflow: auto;
}

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

sub {
	bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

dt,
dd,
td,
th {
	line-height: 1.8;
}

td a {
	word-break: break-all;
}

ul,
ol {
	list-style: none;
}

li {
	line-height: 1.8;
}

.tbpc {
	display: none;
}

.pc {
	display: none;
}

*::before,
*::after {
	background-repeat: no-repeat;
}

/* Forms
========================================================================== */
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

textarea {
	overflow: auto;
	resize: vertical;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'],
[role='button'] {
	cursor: pointer;
	color: inherit;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline-width: 0;
}

optgroup {
	font-weight: bold;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
select,
textarea {
	display: inline-block;
	vertical-align: middle;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}

::-webkit-input-placeholder {
	color: #AAA;
}

::-moz-placeholder {
	color: #AAA;
}

:-ms-input-placeholder {
	color: #AAA;
}

::-placeholder {
	color: #AAA;
}

/* Extras
========================================================================== */
.r0 { margin-right:0!important; }
.b0 { margin-bottom: 0!important; }

.clear:after,
.block1:after,
.block2:after,
.inblock:after,
.contents:after {
    content: "";
    clear: both;
    display: block;
	visibility: hidden;
	overflow: hidden;
}

.screen {
	display: none;
	opacity: 0;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:130%;
	background-color: #000;
	z-index: 80;
}

.screen_active .screen {
    animation-delay:0.2s;
	-webkit-animation-delay:0.2s;
	animation-name: screen_active;
	-webkit-animation-name: screen_active;
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
}

@keyframes screen_active {
	0% {display: none; opacity: 0;}
	1% {display: block; opacity: 0;}
	100% {display: block; opacity: 0.8;}
}

@-webkit-keyframes screen_active {
	0% {display: none; opacity: 0;}
	1% {display: block; opacity: 0;}
	100% {display: block; opacity: 0.8;}
}

#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/*
========================================================================== */
#wrapper {
	padding-bottom:60px;
	overflow: hidden;
	font-size:1.4rem;
}

.block1 {
	padding:45px 10px;
}

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

	.block1 {
		padding:45px 20px;
	}
}

.header {
	position: relative;
}

.header .logo {
	position: absolute;
	top:10px;
	left:10px;
	width:175px;
	z-index:50;
}

.header .logo a {
	display: block;
	overflow: hidden;
	background: url('../images/logo.png') no-repeat;
	background-size: auto 40px;
	padding: 40px 0 0;
	height: 0!important;
}

.header .menu {
	position: fixed;
	top:10px;
	right:10px;
	width:30px;
	z-index:1050;
}

.header .menu a {
    display: block;
    overflow: hidden;
    height: 30px;
    transition: .3s;
    position: relative;
}

.header .menu a::before,
.header .menu a::after {
    position: absolute;
    content: '';
    left: 5px;
    width: 20px;
    height: 2px;
	background-color: #1b1d1e;
    transition: .3s;
}

.header .menu a::before {
    top: 6px;
}

.header .menu a::after {
    bottom: 6px;
}

.menu_active .header .menu a {
    background-color: transparent;
}

.menu_active .header .menu a::before {
    top: 6px;
    left: 6px;
    width: 26px;
    background-color: #FFF;
    -webkit-transform-origin:left top 0;
    -moz-transform-origin:left top 0;
    -ms-transform-origin:left top 0;
    -o-transform-origin:left top 0;
    transform-origin:left top 0;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
}

.menu_active .header .menu a::after {
    bottom: 4px;
    left: 5px;
    width: 26px;
    background-color: #FFF;
    -webkit-transform-origin:left top 0;
    -moz-transform-origin:left top 0;
    -ms-transform-origin:left top 0;
    -o-transform-origin:left top 0;
    transform-origin:left top 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header .menu b {
    position: absolute;
    content: '';
    top: 14px;
    left: 5px;
    width: 20px;
    height: 2px;
	background-color: #1b1d1e;
    transition: .3s;
}

.menu_active .header .menu b {
    opacity: 0;
    left: 80px;
}

.colorblock {
	background-color: #f5f5f5;
}

.kv_block {
	background: url('../images/sp_kv_mimage.webp') no-repeat center center;
	background-size:cover;
}

.kv_body {
	padding:100px 0 0;
	height:620px;
}

.kv_lead {
	margin:0 20px 225px;
}

.kv_lead ul {
	display: flex;
	justify-content:flex-start;
	flex-direction: row-reverse;
}

.kv_lead li {
	overflow: hidden;
	background-repeat: no-repeat;
	margin:0 0 0 3px;
	padding: 150px 0 0;
	width:25px;
	height: 0!important;
	opacity: 0;
	transform: translateX(30px);
	transition-duration: 0.4s;
}

.kv_lead li.lead1 {
	background-image: url('../images/sp_kv_lead1.png');
	background-size: 25px 121px;
}

.kv_lead li.lead2 {
	background-image: url('../images/sp_kv_lead2.png');
	background-size: 25px 150px;
	transition-delay: 0.1s;
}

.kv_lead li.lead3 {
	background-image: url('../images/sp_kv_lead3.png');
	background-size: 25px 107px;
	margin-right:0;
	transition-delay: 0.2s;
}

.action .kv_lead li {
	opacity: 1;
	transform: translateX(0);
}

.kv_body h1 {
	margin:0 auto;
	padding: 0 20px;
	max-width:375px;
	opacity: 0;
	transform: translateY(30px);
	transition-delay: 0.8s;
	transition-duration: 0.4s;
}

.kv_body.action h1 {
	opacity: 1;
	transform: translateY(0);
}

.kv_block .navi {
	padding:5px 0;
	color:#FFF;
	background-color: #7D55AF;
}

.kv_block .navi h2 {
	line-height:1.3;
	text-align: center;
	font-size:1.2rem;
	font-weight: 400;
}

.kv_block .navi ul {
	display: flex;
	justify-content:center;
	align-items: center;
}

.kv_block .navi li {
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	font-size:1.0rem;
	letter-spacing: 0.12em;
	position: relative;
}

.kv_block .navi li:last-child {
	margin:0;
	padding:0;
}

.kv_block .navi li:after {
	position: absolute;
	top:calc(50% - 5px);
	right:0;
	content: '';
	background-color: #FFF;
	width:1px;
	height:10px;
}

.kv_block .navi li:last-child:after {
	display: none;
}

.kv_block .infobar {
	background-color: #7d55ae;
}

.kv_block .infobar a {
	display: block;
}

.kv_block .infobar a b {
	display: none;
}

.kv_block .infobar a .spb {
	display: block;
	margin:0 auto;
	max-width:414px;
}

.areatitle {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 275px 83px;
	margin:0 0 15px;
	padding: 83px 0 0;
	height: 0!important;
}

.mex {
	margin:0 0 30px;
	text-align: center;
}

.mex p {
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}

.btnbox {
	margin:0 auto;
	width:245px;
}

.btnbox a {
	display: block;
	background: url('../images/icon_arrow4.svg') no-repeat right 10px center;
	background-size:auto 12px;
	padding:0 0 0 1px;
	line-height:46px;
	color:#FFF;
	text-align: center;
	font-size:1.5rem;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #7d55af;
	border-radius: 100px;
}

.glass {
	position: absolute;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 0!important;
}

.glass1 {
	background-image: url('../images/icon_glass1.png');
	background-size:auto 38px;
	padding: 38px 0 0;
	width: 68px;
}

.glass2 {
	background-image: url('../images/icon_glass2.png');
	background-size:auto 42px;
	padding: 42px 0 0;
	width: 38px;
}

.glass3 {
	background-image: url('../images/icon_glass3.png');
	background-size:auto 33px;
	padding: 33px 0 0;
	width: 46px;
}

.glass4 {
	background-image: url('../images/icon_glass4.png');
	background-size:auto 33px;
	padding: 76px 0 0;
	width: 134px;
}

.glass5 {
	background-image: url('../images/icon_glass5.png');
	background-size:auto 52px;
	padding: 52px 0 0;
	width: 82px;
}

.glass6 {
	background-image: url('../images/icon_glass6.png');
	background-size:auto 39px;
	padding: 39px 0 0;
	width: 68px;
}

.move1 {
	-webkit-animation: move1 10s ease-in-out infinite;
	animation: move1 10s ease-in-out infinite;
}

.move2 {
	-webkit-animation: move2 15s ease-in-out infinite;
	animation: move2 15s ease-in-out infinite;
}

.move3 {
	-webkit-animation: move3 13s ease-in-out infinite;
	animation: move3 13s ease-in-out infinite;
}

.move4 {
	-webkit-animation: move2 8s ease-in-out infinite;
	animation: move2 8s ease-in-out infinite;
}

.move5 {
	-webkit-animation: move1 14s ease-in-out infinite;
	animation: move1 14s ease-in-out infinite;
}

@-webkit-keyframes move1 {
	0% {-webkit-transform: translate(0, 0);}
	10% {-webkit-transform: translate(0, -1px);}
	30% {-webkit-transform: translate(0, 3px);}
	50% {-webkit-transform: translate(0, -4px);}
	90% {-webkit-transform: translate(0, 2px);}
	100% {-webkit-transform: translate(0, 0);}
}

@keyframes move1 {
	0% {transform: translate(0, 0);}
	10% {transform: translate(0, -1px);}
	30% {transform: translate(0, 3px);}
	50% {transform: translate(0, -4px);}
	90% {transform: translate(0, 2px);}
	100% {transform: translate(0, 0);}
}

@-webkit-keyframes move2 {
	0% {-webkit-transform: translate(0, -3px);}
	10% {-webkit-transform: translate(0, 1px);}
	30% {-webkit-transform: translate(0, -1px);}
	50% {-webkit-transform: translate(0, 4px);}
	90% {-webkit-transform: translate(0, -1px);}
	100% {-webkit-transform: translate(0, -3px);}
}

@keyframes move2 {
	0% {transform: translate(0, -3px);}
	10% {transform: translate(0, 1px);}
	30% {transform: translate(0, -1px);}
	50% {transform: translate(0, 4px);}
	90% {transform: translate(0, -1px);}
	100% {transform: translate(0, -3px);}
}

@-webkit-keyframes move3 {
	0% {-webkit-transform: translate(0, 0);}
	10% {-webkit-transform: translate(0, 3px);}
	30% {-webkit-transform: translate(0, -2px);}
	50% {-webkit-transform: translate(0, 2px);}
	90% {-webkit-transform: translate(0, -3px);}
	100% {-webkit-transform: translate(0, 0);}
}

@keyframes move3 {
	0% {transform: translate(0, 0);}
	10% {transform: translate(0, 3px);}
	30% {transform: translate(0, -2px);}
	50% {transform: translate(0, 2px);}
	90% {transform: translate(0, -3px);}
	100% {transform: translate(0, 0);}
}

.area1_block1 {
	background: url('../images/sp_area1back.png') no-repeat center bottom;
	background-size:625px 350px;
	background-color: #e6f3f6;
	position: relative;
}

.area1_block1 .glass1 {
	top:25px;
	right:20px;
}

.area1_block1 .glass3 {
	top:615px;
	left:15px;
}

.area1_block1 .block1 {
	padding-top:55px;
	padding-bottom:270px;
}

.area1_block1 .message_block {
	margin:0 0 30px;
}

.area1_block1 .message_block .pcmessage {
	display: none;
}

.area1_block1 .message_block .spmessage li {
	margin:0 0 5px;
	opacity: 0;
	transform: translateY(30px);
	transition-duration: 0.6s;
}

.area1_block1 .message_block .spmessage li:nth-child(2) {
	transition-delay: 0.1s;
}

.area1_block1 .message_block .spmessage li:nth-child(3) {
	transition-delay: 0.2s;
}

.area1_block1 .message_block .spmessage li:nth-child(4) {
	transition-delay: 0.3s;
}

.area1_block1 .message_block .spmessage li:nth-child(5) {
	transition-delay: 0.4s;
}

.area1_block1 .message_block .spmessage li:nth-child(6) {
	transition-delay: 0.5s;
}

.area1_block1 .message_block .spmessage li:nth-child(7) {
	transition-delay: 0.6s;
}

.area1_block1 .message_block .spmessage li:nth-child(8) {
	transition-delay: 0.7s;
}

.area1_block1 .message_block .spmessage li:nth-child(9) {
	transition-delay: 0.8s;
}

.area1_block1 .message_block .spmessage li:nth-child(10) {
	transition-delay: 0.9s;
}

.area1_block1 .message_block .spmessage li:nth-child(11) {
	transition-delay: 1s;
}

.area1_block1 .message_block .spmessage li:nth-child(12) {
	transition-delay: 1.1s;
}

.area1_block1 .message_block .spmessage li:last-child {
	margin-bottom:0;
	transition-delay: 1.2s;
}

.area1_block1 .message_block.animated .spmessage li {
	opacity: 1;
	transform: translateY(0);
}

.area1_block1 h2 {
	margin:0 0 35px;
}

.area1_block1 .btnbox {
	margin-bottom:60px;
}

.area1_block1 .moviebox {
	margin:0 auto;
	width:270px;
	position: relative;
}

.area1_block1 .moviebox::after {
	position: absolute;
	bottom:-20px;
	right:-25px;
	content: '';
	background: url('../images/movie_play.png') no-repeat;
	background-size: 145px 80px;
	width:145px;
	height:80px;
}

.area1_block2 {
	background-color: #7d55af;
}

.area1_block2 .block1 {
	padding-top:0;
	padding-bottom:0;
}

.area1_block2 .sp_block {
	padding:60px 20px 35px;
	background-color: #FFF;
	position: relative;
}

.area1_block2 .sp_block.sp1 {
	margin:0 0 20px;
	transform: translateY(-25px);
}

.area1_block2 .sp_block.sp3 {
	transform: translateY(45px);
}

.area1_block2 .sp_block.sp2::before {
	position: absolute;
	top:-85px;
	left:-10px;
	content: '';
	background:url('../images/area1picon1.png') no-repeat;
	background-size: auto 85px;
	width:100px;
	height:85px;
}

.area1_block2 .sp_block.sp3::before {
	position: absolute;
	top:-85px;
	right:-10px;
	content: '';
	background:url('../images/area1picon2.png') no-repeat;
	background-size: auto 85px;
	width:80px;
	height:85px;
}

.area1_block2 .sp_block::after {
	position: absolute;
	top:0;
	left:100%;
	content: '';
	background-color: #FFF;
	width:1000px;
	height:100%;
}

.area1_block2 .sp_block.sp2::after {
	left:auto;
	right:100%;
}

.area1_block2 .sp_block h3 {
	position: absolute;
	top:-40px;
	left:calc(50% - 40px);
	overflow: hidden;
	background: url('../images/area1stitle1.png') no-repeat;
	background-size: 80px 80px;
	padding: 80px 0 0;
	width: 80px;
	height: 0!important;
}

.area1_block2 .sp_block.sp2 h3 {
	background-image: url('../images/area1stitle2.png');
}

.area1_block2 .sp_block.sp3 h3 {
	background-image: url('../images/area1stitle3.png');
}

.area1_block2 .ex_block .bodybox .leadbox {
	margin:0 0 5px;
	height:95px;
	position: relative;
	transform: translateY(-10px);
}

.area1_block2 .ex_block .bodybox .lead1 {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background-repeat: no-repeat;
	padding: 21px 0 0;
	height: 0!important;
}

.area1_block2 .ex_block .bodybox .lead2 {
	position: absolute;
	top:24px;
	left:0;
	overflow: hidden;
	background-repeat: no-repeat;
	padding: 71px 0 0;
	height: 0!important;
}

.area1_block2 .sp1 .ex_block .bodybox .lead1 {
	background-image: url('../images/sp_area1blead1-1.png');
	background-size: 287px 71px;
	padding: 71px 0 0;
	width: 287px;
}

.area1_block2 .sp1 .ex_block .bodybox .lead2 {
	top:74px;
	background-image: url('../images/sp_area1blead1-2.png');
	background-size: 142px 21px;
	padding: 21px 0 0;
	width: 142px;
}

.area1_block2 .sp2 .ex_block .bodybox .lead1 {
	background-image: url('../images/sp_area1blead2-1.png');
	background-size: 217px 21px;
	width: 217px;
}

.area1_block2 .sp2 .ex_block .bodybox .lead2 {
	background-image: url('../images/sp_area1blead2-2.png');
	background-size: 235px 71px;
	width: 235px;
}

.area1_block2 .sp3 .ex_block .bodybox .lead1 {
	background-image: url('../images/sp_area1blead3-1.png');
	background-size: 148px 21px;
	width: 148px;
}

.area1_block2 .sp3 .ex_block .bodybox .lead2 {
	background-image: url('../images/sp_area1blead3-2.png');
	background-size: 275px 71px;
	width: 275px;
}

.area1_block2 .ex_block .bodybox .ex {
	line-height:1.8;
	font-size:1.2rem;
}

.area1_block2 .sbox {
	padding:15px 0 0;
}

.area1_block2 .sbox h4 {
	margin:0 0 10px;
	line-height:24px;
	text-align: center;
	font-size:1.2rem;
	font-weight: 400;
	border:1px solid #141414;
	border-radius: 100px;
	letter-spacing: 0.1em;
}

.area1_block2 .sbox .listbox ul {
	display: flex;
	justify-content:space-between;
	align-items: stretch;
}

.area1_block2 .sbox .listbox li {
	display: flex;
	justify-content:center;
	align-items: center;
	padding:5px 0 0;
	width:calc(33.3% - 6px);
	height:80px;
	color:#FFF;
	font-size:1.2rem;
	border-radius:6px;
}

.area1_block2 .sbox .listbox li.list1 {
	background-color: #d3a2cf;
}

.area1_block2 .sbox .listbox li.list2 {
	background-color: #b4a2d7;
}

.area1_block2 .sbox .listbox li.list3 {
	background-color: #a3a0d8;
}

.area1_block2 .sbox .listbox li b {
	display: inline-block;
	background-position: center top;
	background-repeat: no-repeat;
	background-size:auto 38px;
	padding:43px 0 0;
	width:100%;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.08em;
}

.area1_block2 .sbox .listbox li.list1 b {
	background-image: url('../images/area1b1icon1.png');
}

.area1_block2 .sbox .listbox li.list2 b {
	background-image: url('../images/area1b1icon2.png');
}

.area1_block2 .sbox .listbox li.list3 b {
	background-image: url('../images/area1b1icon3.png');
}

.area1_block2 .sp2 .sbox .listbox li {
	align-items: flex-start;
	padding:15px 0 0;
	height:110px;
	line-height:1.5;
}

.area1_block2 .sp2 .sbox .listbox li.list1 {
	background-color: #767cba;
}

.area1_block2 .sp2 .sbox .listbox li.list2 {
	background-color: #cc6c96;
}

.area1_block2 .sp2 .sbox .listbox li.list3 {
	background-color: #49a9d1;
}

.area1_block2 .sp2 .sbox .listbox li b {
	background-size:38px 38px;
}

.area1_block2 .sp2 .sbox .listbox li.list1 b {
	background-image: url('../images/area1b2icon1.png');
}

.area1_block2 .sp2 .sbox .listbox li.list2 b {
	background-image: url('../images/area1b2icon2.png');
}

.area1_block2 .sp2 .sbox .listbox li.list3 b {
	background-image: url('../images/area1b2icon3.png');
}

.area2_block {
	padding:90px 0 0;
	background-color: #f6f7f9;
}

.area2_inblock {
	background-color: #FFF;
	position: relative;
}

.area2_block .areatitle {
	background-image: url('../images/sp_area2mtitle.png');
}

.area2_inblock .glass2 {
	top:15px;
	left:20px;
}

.area2_inblock .glass5 {
	display: none;
}

.area2_block .point_block {
	margin:0 0 45px;
	padding:20px;
	color:#FFF;
	background-color: #7d70b5;
	border-radius: 10px;
	position: relative;
}

.area2_block .point_block::before {
	position: absolute;
	top:-40px;
	right:-10px;
	content: '';
	background: url('../images/sp_area2picon.png') no-repeat;
	background-size: 70px 82px;
	width:70px;
	height:82px;
}

.area2_block .point_block::after {
	position: absolute;
	top:100%;
	left:calc(50% - 12px);
	content: '';
	border-top:17px solid #7d70b5;
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	border-bottom:17px solid transparent;
}

.area2_block .point_block h3 {
	margin:0 0 10px;
	color:#FFFCDC;
	font-size:1.5rem;
}

.area2_block .point_block p {
	text-align: justify;
	font-size:1.2rem;
}

.area2_block .cal {
	margin:0 0 5px;
}

.area2_block .zoom {
	text-align: right;
}

.area2_block .zoom a {
	display: inline-block;
	overflow: hidden;
	background: url('../images/icon_zoom.svg') no-repeat left center;
	background-size: 12px 12px;
	padding: 0 0 0 17px;
	color:#7D55AF;
	font-size:1.2rem;
	letter-spacing: 0.1em;
}

.area3_block {
	background: url('../images/sp_area3back.jpg') no-repeat center center;
	background-size:cover;
	padding:50px 25px 45px;
}

.area3_block .block1 {
	padding-bottom:15px;
	background-color: #FFF;
}

.area3_block .areatitle {
	background-image: url('../images/sp_area3mtitle.png');
}

.area3_block .tab_block {
	margin:0 0 15px;
}

.area3_block .tab_block ul {
	display: flex;
	justify-content:space-between;
	align-items: stretch;
}

.area3_block .tab_block li {
	width:calc(33.3% - 6px);
}

.area3_block .tab_block li a {
	display: flex;
	justify-content:center;
	align-items: center;
	height:55px;
	line-height:1.4;
	text-align: center;
	color:#FFF;
	font-size:1.1rem;
	font-weight: 600;
	background-color: #cfcfcf;
	border-radius: 4px;
	letter-spacing: 0.08em;
	position: relative;
}

.area3_block .tab_block li.tab1.on a {
	background-color: #767CBA;
}

.area3_block .tab_block li.tab2.on a {
	background-color: #d07a9e;
}

.area3_block .tab_block li.tab3.on a {
	background-color: #49A9D1;
}

.area3_block .tab_block li a::after {
	position: absolute;
	top:100%;
	left:calc(50% - 6px);
	content: '';
	border-top:8px solid #cfcfcf;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:8px solid transparent;
}

.area3_block .tab_block li.tab1.on a::after {
	border-top:8px solid #767CBA;
}

.area3_block .tab_block li.tab2.on a::after {
	border-top:8px solid #d07a9e;
}

.area3_block .tab_block li.tab3.on a::after {
	border-top:8px solid #49A9D1;
}

.area3_block .tabbody_block {
	position: relative;
}

.area3_block .tabbody {
	display: none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
}

.area3_block .tabbody_block.show1 .tabbody1 {
	display: block;
}

.area3_block .tabbody_block.show2 .tabbody2 {
	display: block;
}

.area3_block .tabbody_block.show3 .tabbody3 {
	display: block;
}

.tabinblock::before,
.tabinblock::after {
	position: absolute;
	content: '';
	background-color: #767CBA;
}

.tabbody2 .tabinblock::before,
.tabbody2 .tabinblock::after {
	background-color: #d07a9e;
}

.tabbody3 .tabinblock::before,
.tabbody3 .tabinblock::after {
	background-color: #49A9D1;
}

.tabinblock::before {
	top:0;
	left:10px;
	width:calc(100% - 20px);
	height:1px;
}

.tabinblock::after {
	top:10px;
	left:0;
	width:1px;
	height:calc(100% - 20px);
}

.tabinbody {
	padding:20px 15px;
	position: relative;
}

.tabinbody::before,
.tabinbody::after {
	position: absolute;
	content: '';
	background-color: #767CBA;
}

.tabbody2 .tabinbody::before,
.tabbody2 .tabinbody::after {
	background-color: #d07a9e;
}

.tabbody3 .tabinbody::before,
.tabbody3 .tabinbody::after {
	background-color: #49A9D1;
}

.tabinbody::before {
	bottom:0;
	left:10px;
	width:calc(100% - 20px);
	height:1px;
}

.tabinbody::after {
	top:10px;
	right:0;
	width:1px;
	height:calc(100% - 20px);
}

.area3_block .tabbody h3 {
	background: url('../images/area3tabo1icon.png') no-repeat center top;
	background-size: 40px 40px;
	margin:0 0 20px;
	padding:45px 0 5px;
	text-align: center;
	color:#767CBA;
	font-size: 1.8rem;
	letter-spacing: 0.03em;
	border-bottom:2px solid #767CBA;
}

.area3_block .tabbody.tabbody2 h3 {
	background-image: url('../images/area3tabo2icon.png');
	color:#d07a9e;
	border-bottom:2px solid #d07a9e;
}

.area3_block .tabbody.tabbody3 h3 {
	background-image: url('../images/area3tabo3icon.png');
	color:#49A9D1;
	border-bottom:2px solid #49A9D1;
}

.area3_block .tabbody .mlead {
	margin:0 0 5px;
	color:#767CBA;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.area3_block .tabbody.tabbody2 .mlead {
	color:#d07a9e;
}

.area3_block .tabbody.tabbody3 .mlead {
	color:#49A9D1;
}

.area3_block .tabbody .exbox {
	margin:0 0 30px;
	text-align: justify;
}

.area3_block .tabbody .exbox p {
	line-height:1.6;
	font-size: 1.3rem;
	letter-spacing: 0.03em;
}

.area3_block .tabbody .check_block {
	margin:0 0 10px;
}

.area3_block .tabbody .checkbox {
	background-color: #fff8e0;
}

.area3_block .tabbody .checkbox h4 {
	line-height:24px;
	color:#FFF;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	background-color: #767CBA;
}

.area3_block .tabbody.tabbody2 .checkbox h4 {
	background-color: #d07a9e;
}

.area3_block .tabbody.tabbody3 .checkbox h4 {
	background-color: #49A9D1;
}

.area3_block .tabbody .checkbox .inbox {
	display: flex;
	justify-content:space-between;
	align-items: center;
	padding:15px 20px;
}

.area3_block .tabbody .checkbox .imaegbox {
	margin:0 15px 0 0;
	width:90px;
}

.area3_block .tabbody .checkbox .ex {
	line-height:1.5;
	font-size:1.2rem;
	flex:1;
}

.area3_block .tabbody .checkline {
	line-height:1.6;
	text-align: center;
	color:#7D7D7D;
	font-size:1.0rem;
	letter-spacing: -0.03em;
}

.area4_block {
	background:url('../images/area4back.png') repeat-x center top;
	background-size: 100px 330px;
}

.area4_block .block1 {
	padding-bottom:45px;
}

.area4_block .areatitle {
	background-image: url('../images/sp_area4mtitle.png');
}

.area4_block .mex {
	color:#FFF;
}

.interviewbox {
	margin:0 0 10px;
}

.interviewbox:last-child {
	margin-bottom:0;
}

.interviewbox a {
	display: block;
}

.interviewbox .profbox {
	display: flex;
	justify-content:space-between;
	align-items: center;
	background: url('../images/icon_arrow4.svg') no-repeat right 15px center;
	background-size: auto 14px;
	padding:0 13px;
	height:47px;
	color:#FFF;
	background-color: #7d70b5;
}

.interviewbox .profbox .name {
	margin:0 13px 0 0;
	width:95px;
	font-size:1.8rem;
	position: relative;
}

.interviewbox .profbox .name::after {
	position: absolute;
	top:calc(50% - 12px);
	right:0;
	content: '';
	background-color: #FFF;
	width:1px;
	height: 24px;
}

.interviewbox .profbox .prof {
	line-height:1.5;
	font-size:1.0rem;
	flex:1;
}

.area5_block {
	background-color:#dde7f1;
	padding-top:45px;
	position: relative;
}

.area5_block .glass5 {
	top:-25px;
	right:20px;
}

.area5_block .areatitle {
	background-image: url('../images/sp_area5mtitle.png');
}

.area5_block .mex p {
	letter-spacing: 0.06em;
}

.priceinfo_block {
	background: url('../images/sp_area5mimage.png') no-repeat center top;
	background-size: 395px 210px;
}

.priceinfo_block .ex {
	margin:0 0 25px;
	padding:205px 0 0;
}

.priceinfo_block .ex b {
	display: block;
	overflow: hidden;
	background: url('../images/sp_area5ex.png') no-repeat center top;
	background-size:270px 80px;
	padding: 80px 0 0;
	height: 0!important;
}

.priceinfo_block .btn {
	margin:0 auto;
	width:200px;
}

.priceinfo_block .btn a {
	display: block;
	background: url('../images/icon_arrow1.svg') no-repeat right 10px center;
	background-size: auto 12px;
	line-height:38px;
	color:#4168B0;
	text-align: center;
	font-size:1.2rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	border:1px solid #4168b0;
	background-color: #FFF;
	border-radius: 100px;
}

.area5_block .block1 {
	padding-top:35px;
	padding-bottom:45px;
}

.area5_block .message_block {
	background: url('../images/sp_area5message.png') repeat-y center top;
	background-size: 280px 50px;
	padding-top:20px;
	padding-bottom:25px;
}

.area5_block .message_block h3 {
	margin:0 0 15px;
	padding:0 0 12px;
	color:#4168B0;
	text-align: center;
	font-size:1.9rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	position: relative;
}

.area5_block .message_block h3:after {
	position: absolute;
	left:calc(50% - 15px);
	bottom:0;
	content: '';
	background-color: #4168B0;
	width:30px;
	height:2px;
}

.area5_block .messagebox {
	background-color: #FFF;
	margin:0 0 15px;
}

.area5_block .messagebox:last-child {
	margin-bottom:0;
}

.area5_block .messagebox .imagebox {
	display: none;
}

.area5_block .messagebox .bodybox {
	padding:15px 20px;
}

.area5_block .messagebox .bodybox .uname {
	background: url('../images/area5flag1.png') no-repeat left center;
	background-size:auto 15px;
	margin:0 0 10px;
	padding:0 0 0 32px;
	line-height:16px;
	font-size:1.3rem;
	letter-spacing: 0.08em;
}

.area5_block .messagebox.message2 .bodybox .uname {
	background-image: url('../images/area5flag2.png');
}

.area5_block .messagebox .bodybox h4 {
	background: url('../images/icon_arrow2.svg') no-repeat right 5px bottom 10px;
	background-size: auto 6px;
	margin:0 0 5px;
	line-height:1.5;
	color:#4168b0;
	font-size:1.5rem;
	letter-spacing: 0.1em;
}

.area5_block .messagebox.open .bodybox h4 {
	background-image: url('../images/icon_arrow5.svg');
}

.area5_block .messagebox .bodybox .exbox {
	display: none;
	margin:0 0 10px;
	line-height:1.8;
	text-align: justify;
	font-size:1.2rem;
}

.area5_block .messagebox.open .exbox {
	display: block;
}

.area5_block .messagebox .bodybox .name {
	line-height:1.4;
	font-size:1.3rem;
}

.area5_block .messagebox .bodybox .infoline {
	line-height:1.6;
	font-size:1.0rem;
	letter-spacing: -0.03em;
}

.area6_block .glass4 {
	display: none;
}

.area6_block .block1 {
	padding-bottom:30px;
}

.area6_block .areatitle {
	background-image: url('../images/sp_area6mtitle.png');
}

.area6_block .mex {
	margin:0;
}

.area6_block .ex_block {
	background-color: #e4eaec;
}

.area6_block .ex_block.ex2 {
	background-color: #FFF;
}

.area6_block .ex_block .bodybox {
	padding:40px 20px 30px;
}

.area6_block .ex_block .bodybox .spimage {
	margin:0 0 15px;
}

.area6_block .ex_block .bodybox h3 {
	margin:0 0 10px;
	padding:0 0 0 10px;
	line-height:22px;
	color:#638190;
	border-left:4px solid #638190;
	font-size:1.9rem;
	position: relative;
}

.area6_block .ex_block.ex1 .bodybox h3 {
	font-size:2.0rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}

.area6_block .ex_block.ex3 .bodybox h3 {
	line-height:1.4;
}

.area6_block .ex_block.ex3 .bodybox h3 span {
	position: absolute;
	right:0;
	bottom:3px;
	color:#000;
	font-size:1.0rem;
	font-weight: 400;
	letter-spacing: -0.01em;
}

.area6_block .ex_block .bodybox .ex {
	line-height:1.8;
	text-align: justify;
	font-size:1.2rem;
}

.area6_block .ex_block .bodybox .image {
	padding:15px 0 0;
}

.area6_block .ex_block .imagebox {
	display: none;
}

.area7_block {
	position: relative;
}

.area7_block .glass6 {
	top:-15px;
	right:25px;
}

.area7_block .areatitle {
	background-image: url('../images/sp_area7mtitle.png');
}

.area7_block h3 {
	margin:0 0 15px;
	line-height:25px;
	background-color: #f5f5f8;
	border-radius: 100px;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.2em;
}

.area7_block .imagebox {
	margin:0 0 15px;
}

.area7_block .ex {
	line-height:1.6;
	text-align: center;
	font-size:1.0rem;
}

.area8_block .block1 {
	padding-top:30px;
	padding-bottom:35px;
}

.area8_block .lead {
	margin:0 0 15px;
	line-height:2.0;
	text-align: center;
	font-size:1.3rem;
	letter-spacing: 0.1em;
}

.area8_block .mypage {
	margin:0 auto;
	width:192px;
}

.area8_block .mypage a {
	display: block;
	overflow: hidden;
	background-image: url('../images/area8btn.png'), url('../images/icon_arrow3.svg');
	background-repeat: no-repeat, no-repeat;
	background-position: center 11px, right 10px center;
	background-size: 100px auto, auto 14px;
	background-color: #fffa62;
	padding:46px 0 0;
	height: 0!important;
	border:1px solid #323232;
	border-radius: 100px;
}

.modal_block {
	display: none;
	position: fixed;
	top:0;
	left:0;
	background-color: #FFF;
	width:100%;
	height:100vh;
	z-index: 1500;
}

.modal_block.sheet {
	display: block;
	background-color: #FFF;
}

.modal_block.price {
	display: block;
	background: url('../images/sp_modal_label1.jpg') no-repeat left top;
	background-size:110px 26px;
	background-color: #edf2f8;
}

.modal_block.message1,
.modal_block.message2,
.modal_block.message3 {
	display: block;
	background: url('../images/sp_modal_label2.jpg') no-repeat left top;
	background-size:110px 26px;
	background-color: #e8edf6;
}

.modal_block.message2 {
	background-color: #f9eff3;
}

.modal_block.message3 {
	background-color: #e6f3f8;
}

.modal_close {
	position: fixed;
	top:9px;
	right:9px;
	width: 30px;
	z-index: 1600;
}

.modal_close a {
	display: block;
	overflow: hidden;
	background: url('../images/modal_close.svg') no-repeat center center;
	background-size:14px 14px;
	padding: 30px 0 0;
	height: 0!important;
}

.modalbody {
	overflow: scroll;
	position: relative;
	-webkit-overflow-scrolling: touch;
	height:100vh;
}

.modal_block.sheet .modalbody {
	display: flex;
	justify-content:center;
	align-items: center;
	overflow: visible;
}

.modalbox {
	display: none;
}

.modal_block.sheet .modalbox.sheetbox {
	display: block;
}

.sheet_area {
	padding:20px;
}

.modal_block.message1 .modalbox.message1box {
	display: block;
}

.modal_block.message2 .modalbox.message2box {
	display: block;
}

.modal_block.message3 .modalbox.message3box {
	display: block;
}

.popmessage_area {
	padding:45px 20px 10px;
}

.popmessage_area .mimage {
	margin:0 0 20px;
}

.popmessage_area h2 {
	margin:0 0 10px;
	color:#7792c0;
	font-size:1.6rem;
	letter-spacing: 0.06em;
}

.message2box .popmessage_area h2 {
	color:#d07a9e;
}

.message3box .popmessage_area h2 {
	color:#41bad6;
}

.popmessage_area .exbox {
	margin:0 0 15px;
}

.popmessage_area .exbox p {
	text-align: justify;
	font-size:1.2rem;
}

.popmessage_area .infoline {
	line-height:1.6;
	font-size:1.2rem;
}

.modal_block.price .modalbox.pricebox {
	display: block;
	background: url('../images/sp_area5mimage2.png') no-repeat center top 75px;
	background-size: 445px 210px;
	padding:315px 20px 15px;
}

.modalbox.pricebox h2 {
	margin:0 0 15px;
	line-height:30px;
	color:#FFF;
	text-align: center;
	letter-spacing: 0.3em;
	border-radius: 100px;
	background-color: #3181b6;
}

.modalbox.pricebox .ex_block {
	display: flex;
	justify-content:space-between;
	margin:0 0 20px;
}

.modalbox.pricebox .ex_block .listbox {
	width:calc(100% - 135px);
	border-top:1px solid #3181b6;
}

.modalbox.pricebox .ex_block .listbox table {
	width:100%;
	font-size:1.3rem;
}

.modalbox.pricebox .ex_block .listbox th {
	padding:6px 0 6px 10px;
	text-align: left;
	vertical-align: middle;
	font-weight: 400;
	border-bottom:1px solid #3181b6;
}

.modalbox.pricebox .ex_block .listbox td {
	padding:6px 10px 6px 0;
	text-align: right;
	vertical-align: middle;
	border-bottom:1px solid #3181b6;
}

.modalbox.pricebox .ex_block .listbox tr:nth-child(odd) th,
.modalbox.pricebox .ex_block .listbox tr:nth-child(odd) td {
	background-color: #FFF;
}

.modalbox.pricebox .ex_block .imagebox {
	width:120px;
}

.modalbox.pricebox .exline1 {
	margin:0 0 6px;
	text-align: center;
	font-size:1.3rem;
	letter-spacing: 0.1em;
}

.modalbox.pricebox .exline2 {
	font-size:1.0rem;
	text-align: center;
	letter-spacing: 0.06em;
}










.menu_base {
	display: none;
	opacity: 0;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 1000;
}

.menu_active .menu_base {
	display: block;
	animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
	animation-name: menu_active;
	-webkit-animation-name: menu_active;
	animation-duration: 0.2s;
	-webkit-animation-duration: 0.2s;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
}

@keyframes menu_active {
	0% {display: none; opacity: 0;}
	1% {display: block; opacity: 0;}
	100% {display: block; opacity: 1;}
}

@-webkit-keyframes menu_active {
	0% {display: none; opacity: 0;}
	1% {display: block; opacity: 0;}
	100% {display: block; opacity: 1;}
}

.menu_block {
	position: fixed;
	top:0;
	right:0;
	width:100%;
	transform: translateX(100%);
	background: url('../images/sp_logo.png') no-repeat left 10px top 10px;
	background-size: auto 40px;
	background-color: #7d55af;
	z-index: 1030;
}

.menu_active .menu_block {
	animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
	animation-name: menubody_active;
	-webkit-animation-name: menubody_active;
	animation-duration: 0.2s;
	-webkit-animation-duration: 0.2s;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
}

@keyframes menubody_active {
	0% {transform: translateX(100%);}
	100% {transform: translateX(0);}
}

@-webkit-keyframes menubody_active {
	0% {transform: translateX(100%);}
	100% {transform: translateX(0);}
}

.menu_inblock {
	overflow: scroll;
	position: relative;
	-webkit-overflow-scrolling: touch;
	height:100vh;
}

.menu_body {
	padding:125px 0 90px;
}

.menu {
	margin:0 auto;
	width:240px;
}

.menu h3 {
	display: none;
}

.menu li {
	border-bottom:1px solid #fff;
}

.menu li a {
	display: block;
	padding:18px 0;
}

footer {
	background-color: #281815;
}

.infotab {
	position: fixed;
	right:-33px;
	top:150px;
	width:33px;
	height:121px;
	transition: 0.3s;
}

.infotab.active {
	right:0;
}

.infotab a {
	display: block;
	overflow: hidden;
	background: url('../images/sidetab.png') no-repeat center center;
	background-size: 33px 161px;
	padding: 161px 0 0;
	height: 0!important;
}

.spbottom {
	position: fixed;
	right:0;
	bottom:-60px;
	width:100%;
	height:60px;
	background-color: #fffa62;
	transition: 0.3s;
	z-index: 950;
}

.spbottom.active {
	bottom:0;
}

.spbottom a {
	display: block;
	overflow: hidden;
	background-image: url('../images/spbottom.png'), url('../images/icon_arrow6.svg');
	background-repeat: no-repeat, no-repeat;
	background-position: center 15px, right 15px top 15px;
	background-size: 272px 22px, auto 21px;
	padding: 59px 0 0;
	height: 0!important;
	border-top:1px solid #7d55af;
}

.pagetop {
	display: none;
	position: fixed;
	right:15px;
	bottom:90px;
	width: 46px;
	overflow: hidden;
	border-radius: 46px;
	-moz-border-radius: 346px;
	-webkit-border-radius: 46px;
	z-index: 950;
}

.pagetop a {
	display: block;
	overflow: hidden;
	background: url('../images/pagetop.svg') no-repeat center center;
	background-size: 46px 46px;
	padding: 46px 0 0;
	height: 0!important;
}

.copyright {
	line-height:45px;
	color: #FFF;
	text-align: center;
	font-size:1.0rem;
	letter-spacing: 1px;
}

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

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

	/*
	=================================== */
	p {
		letter-spacing: 0.06em;
	}

	.sptb {
		display: none;
	}

	.pc {
		display: initial;
	}

	h1,h2,h3,h4,h5,h6 {
		letter-spacing: 0.12em;
	}

	.block_wrap {
		display: flex;
		justify-content: space-between;
	}

	/*
	=================================== */
	#wrapper {
		padding-bottom: 0;
		min-width:1100px;
		font-size:1.6rem;
	}

	.block1 {
		margin:0 auto;
		padding:105px 50px 120px;
		width:1100px;
	}

	.header .logo {
		top:25px;
		left:25px;
		width:350px;
		z-index:1050;
	}

	.header .logo a {
		background-size: 350px 80px;
		padding: 80px 0 0;
	}

	.header .menu {
		top:30px;
		right:30px;
		width:46px;
	}

	.header .menu a {
	    height: 46px;
	}

	.header .menu a::before,
	.header .menu a::after {
	    left: 10px;
	    width: 26px;
	}

	.header .menu a::before {
	    top: 13px;
	}

	.header .menu a::after {
	    bottom: 13px;
	}

	.menu_active .header .menu a::before {
	    top: 12px;
	    left: 12px;
	    width: 32px;
	}

	.menu_active .header .menu a::after {
	    bottom: 10px;
	    left: 11px;
	    width: 31px;
	}

	.header .menu b {
	    top: 22px;
	    left: 10px;
	    width: 26px;
	}

	.kv_block {
		background: url('../images/kv_mimage.webp') no-repeat center center;
		background-size:cover;
	}

	.kv_body {
		margin:0 auto;
		padding:155px 0 0;
		width:1040px;
		height:835px;
	}

	.kv_lead {
		margin:0 0 280px;
		padding:0 85px;
	}

	.kv_lead li {
		margin:0 0 0 5px;
		padding: 240px 0 0;
		width:40px;
	}

	.kv_lead li.lead1 {
		background-image: url('../images/kv_lead1.png');
		background-size: 42px 193px;
	}

	.kv_lead li.lead2 {
		background-image: url('../images/kv_lead2.png');
		background-size: 42px 240px;
	}

	.kv_lead li.lead3 {
		background-image: url('../images/kv_lead3.png');
		background-size: 42px 170px;
		margin-right:0;
		width:42px;
	}

	.kv_body h1 {
		overflow: hidden;
		background: url('../images/kv_mlead.webp') no-repeat center top;
		background-size: 1031px 81px;
		padding: 81px 0 0;
		max-width:100%;
		height: 0!important;
		text-align: center;
	}

	.kv_block .navi {
		display: flex;
		justify-content:center;
		align-items: center;
		padding:0;
	}

	.kv_block .navi h2 {
		margin:0 20px 0 0;
	}

	.kv_block .navi ul {
		height:36px;
	}

	.kv_block .navi li {
		margin:0 20px 0 0;
		padding:0 20px 0 0;
		font-size:1.2rem;
		letter-spacing: 0.2em;
	}

	.kv_block .infobar a .spb {
		display: none;
	}

	.kv_block .infobar a .pcb {
		display: block;
		margin:0 auto;
		max-width:1366px;
	}

	.areatitle {
		background-size: 500px 127px;
		margin:0 0 20px;
		padding: 127px 0 0;
	}

	.mex {
		margin:0 0 60px;
	}

	.mex p {
		font-size: 1.6rem;
	}

	.btnbox {
		width:385px;
	}

	.btnbox a {
		background-position: right 20px center;
		background-size:auto 18px;
		padding:0 0 0 2px;
		line-height:70px;
		font-size:2.2rem;
		letter-spacing: 2px
	}

	.glass1 {
		background-size:134px 76px;
		padding: 76px 0 0;
		width: 134px;
	}

	.glass2 {
		background-size:125px 143px;
		padding: 143px 0 0;
		width: 125px;
	}

	.glass3 {
		background-size:150px 108px;
		padding: 108px 0 0;
		width: 150px;
	}

	.glass4 {
		background-size:138px 89px;
		padding: 89px 0 0;
		width: 138px;
	}

	.glass5 {
		background-size:139px 89px;
		padding: 89px 0 0;
		width: 139px;
	}

	.glass6 {
		background-size: 136px 78px;
		padding: 78px 0 0;
		width: 136px;
	}

	.area1_block1 {
		background: url('../images/area1back.jpg') no-repeat center bottom;
		background-size:2000px 1230px;
		background-color: #e6f3f6;
	}

	.area1_block1 .glass1 {
		top:45px;
		right:auto;
		left:calc(50% + 405px);
	}

	.area1_block1 .glass3 {
		top:1215px;
		left:calc(50% - 600px);
	}

	.area1_block1 .block1 {
		padding-top:120px;
		padding-bottom:715px;
	}

	.area1_block1 .message_block {
		margin:0 0 50px;
	}

	.area1_block1 .message_block .spmessage {
		display: none;
	}

	.area1_block1 .message_block .pcmessage {
		display: block;
	}

	.area1_block1 .message_block .pcmessage ul {
		text-align: center;
	}

	.area1_block1 .message_block .pcmessage li {
		margin:0 0 20px;
		line-height:2.0;
		font-size:1.8rem;
		letter-spacing: 0.3em;
		opacity: 0;
		transform: translateY(30px);
		transition-duration: 0.6s;
	}

	.area1_block1 .message_block .pcmessage li:nth-child(2) {
		transition-delay: 0.1s;
	}

	.area1_block1 .message_block .pcmessage li:nth-child(3) {
		transition-delay: 0.2s;
	}

	.area1_block1 .message_block .pcmessage li:nth-child(4) {
		transition-delay: 0.3s;
	}

	.area1_block1 .message_block .pcmessage li:nth-child(5) {
		transition-delay: 0.4s;
	}

	.area1_block1 .message_block .pcmessage li:nth-child(6) {
		transition-delay: 0.5s;
	}

	.area1_block1 .message_block .pcmessage li:last-child {
		margin-bottom:0;
		transition-delay: 0.6s;
	}

	.area1_block1 .message_block.animated .pcmessage li {
		opacity: 1;
		transform: translateY(0);
	}

	.area1_block1 h2 {
		overflow: hidden;
		background: url('../images/area1mlead.png') no-repeat center top;
		background-size: 730px 102px;
		margin:0 0 75px;
		padding: 102px 0 0;
		height: 0!important;
	}

	.area1_block1 .btnbox {
		margin-bottom:105px;
	}

	.area1_block1 .moviebox {
		width:576px;
	}

	.area1_block1 .moviebox::after {
		bottom:-50px;
		right:-80px;
		background-size: 290px 160px;
		width:290px;
		height:160px;
	}

	.area1_block2 .sp_block {
		padding:100px 100px 90px;
	}

	.area1_block2 .sp_block.sp1 {
		margin:0 0 30px;
		transform: translateY(-70px);
	}

	.area1_block2 .sp_block.sp3 {
		transform: translateY(100px);
	}

	.area1_block2 .sp_block.sp2::before {
		top:-200px;
		left:-55px;
		background-size: auto 200px;
		width:235px;
		height:200px;
	}

	.area1_block2 .sp_block.sp3::before {
		top:-203px;
		right:-70px;
		background-size: auto 203px;
		width:185px;
		height:203px;
	}

	.area1_block2 .sp_block h3 {
		top:-61px;
		left:calc(50% - 61px);
		background-size: 122px 122px;
		padding: 122px 0 0;
		width: 122px;
	}

	.area1_block2 .ex_block {
		display: flex;
		flex-direction: row-reverse;
	}

	.area1_block2 .sp_block.sp2 .ex_block {
		flex-direction: row;
	}

	.area1_block2 .ex_block .imagebox {
		width:400px;
	}

	.area1_block2 .ex_block .bodybox {
		width:400px;
	}

	.area1_block2 .sp2 .ex_block .bodybox {
		padding:0 0 0 40px;
	}

	.area1_block2 .ex_block .bodybox .leadbox {
		margin:0 0 25px;
		height:145px;
		transform: translateY(0);
	}

	.area1_block2 .ex_block .bodybox .lead1 {
		padding: 33px 0 0;
	}

	.area1_block2 .ex_block .bodybox .lead2 {
		top:38px;
		padding: 110px 0 0;
	}

	.area1_block2 .sp1 .ex_block .bodybox .lead1 {
		background-image: url('../images/area1blead1-1.png');
		background-size: 442px 110px;
		padding: 110px 0 0;
		width: 442px;
	}

	.area1_block2 .sp1 .ex_block .bodybox .lead2 {
		top:115px;
		background-image: url('../images/area1blead1-2.png');
		background-size: 200px 33px;
		padding: 33px 0 0;
		width: 200px;
	}

	.area1_block2 .sp2 .ex_block .bodybox .lead1 {
		background-image: url('../images/area1blead2-1.png');
		background-size: 295px 33px;
		width: 295px;
	}

	.area1_block2 .sp2 .ex_block .bodybox .lead2 {
		background-image: url('../images/area1blead2-2.png');
		background-size: 345px 110px;
		width: 345px;
	}

	.area1_block2 .sp3 .ex_block .bodybox .lead1 {
		background-image: url('../images/area1blead3-1.png');
		background-size: 195px 33px;
		width: 195px;
	}

	.area1_block2 .sp3 .ex_block .bodybox .lead2 {
		background-image: url('../images/area1blead3-2.png');
		background-size: 436px 110px;
		width: 436px;
	}

	.area1_block2 .ex_block .bodybox .ex {
		line-height:2.0;
		font-size:1.5rem;
	}

	.area1_block2 .sbox {
		padding:30px 0 0;
	}

	.area1_block2 .sbox h4 {
		margin:0 0 20px;
		line-height:30px;
		font-size:1.6rem;
	}

	.area1_block2 .sbox .listbox li {
		width:260px;
		height:125px;
		color:#FFF;
		font-size:1.7rem;
		border-radius:10px;
	}

	.area1_block2 .sbox .listbox li b {
		background-size:62px 52px;
		padding:60px 0 0;
	}

	.area1_block2 .sp2 .sbox .listbox li {
		align-items: center;
		padding:5px 0 0;
		height:125px;
		line-height:1.8;
	}

	.area1_block2 .sp2 .sbox .listbox li b {
		background-size:52px 52px;
	}

	.area2_block {
		padding:200px 0 0;
	}

	.area2_inblock .glass2 {
		top:-55px;
		left:calc(50% - 475px);
	}

	.area2_inblock .glass5 {
		display: block;
		bottom:230px;
		left:calc(50% + 460px);
	}

	.area2_block .areatitle {
		background-image: url('../images/area2mtitle.png');
	}

	.area2_block .point_block {
		margin:0 0 60px;
		padding:25px 0;
		text-align: center;
	}

	.area2_block .point_block::before {
		top:-85px;
		right:-45px;
		background-image: url('../images/area2picon.png');
		background-size: 146px 163px;
		width:146px;
		height:163px;
	}

	.area2_block .point_block::after {
		left:calc(50% - 10px);
		border-top:20px solid #7d70b5;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		border-bottom:20px solid transparent;
	}

	.area2_block .point_block h3 {
		margin:0 0 10px;
		font-size:2.0rem;
	}

	.area2_block .point_block p {
		font-size:1.3rem;
		text-align: center;
	}

	.area2_block .cal {
		overflow: hidden;
		background: url('../images/area2image.png') no-repeat;
		background-size: 1000px 820px;
		margin:0 0 10px;
		padding: 820px 0 0;
		height: 0!important;
	}

	.area2_block .zoom a {
		background-size: 16px 16px;
		padding: 0 0 0 21px;
		font-size:1.5rem;
	}

	.area3_block {
		background-image: url('../images/area3back.png');
		padding:120px 0
	}

	.area3_block .block1 {
		padding:90px 80px 80px;
		width: 1000px;
	}

	.area3_block .areatitle {
		background-image: url('../images/area3mtitle.png');
	}

	.area3_block .tab_block {
		margin:0 0 35px;
	}

	.area3_block .tab_block li {
		width:272px;
	}

	.area3_block .tab_block li a {
		height:100px;
		font-size:2.0rem;
		border-radius: 10px;
	}

	.area3_block .tab_block li.tab1 a:hover {
		background-color: #767CBA;
	}

	.area3_block .tab_block li.tab2 a:hover {
		background-color: #d07a9e;
	}

	.area3_block .tab_block li.tab3 a:hover {
		background-color: #49A9D1;
	}

	.area3_block .tab_block li a::after {
		left:calc(50% - 15px);
		border-top:20px solid #cfcfcf;
		border-left:15px solid transparent;
		border-right:15px solid transparent;
		border-bottom:20px solid transparent;
		transition-duration: 0.3s;
	}

	.area3_block .tab_block li.tab1 a:hover::after,
	.area3_block .tab_block li.tab1.on a::after {
		border-top:20px solid #767CBA;
	}

	.area3_block .tab_block li.tab2 a:hover::after,
	.area3_block .tab_block li.tab2.on a::after {
		border-top:20px solid #d07a9e;
	}

	.area3_block .tab_block li.tab3 a:hover::after,
	.area3_block .tab_block li.tab3.on a::after {
		border-top:20px solid #49A9D1;
	}

	.tabinblock::before {
		left:15px;
		width:calc(100% - 30px);
	}

	.tabinblock::after {
		top:15px;
		height:calc(100% - 30px);
	}

	.tabinbody {
		padding:35px 60px 40px;
	}

	.tabinbody::before {
		left:15px;
		width:calc(100% - 30px);
	}

	.tabinbody::after {
		top:15px;
		height:calc(100% - 30px);
	}

	.area3_block .tabbody h3 {
		background-size: 66px 66px;
		margin:0 0 30px;
		padding:70px 0 10px;
		font-size: 3.6rem;
		letter-spacing: 0.2em;
	}

	.area3_block .tabbody .mlead {
		font-size: 1.9rem;
	}

	.area3_block .tabbody .exbox {
		margin:0 0 20px;
		text-align: center;
	}

	.area3_block .tabbody .exbox p {
		line-height:1.8;
		font-size: 1.3rem;
		letter-spacing: 0.08em;
	}

	.area3_block .tabbody .check_block {
		display: flex;
		justify-content:space-between;
		align-items: stretch;
		margin:0 0 20px;
	}

	.area3_block .tabbody .checkbox {
		padding:25px 0;
		width:350px;
	}

	.area3_block .tabbody .checkbox h4 {
		margin:0 25px 20px;
		line-height:34px;
		font-size: 1.6rem;
		border-radius: 100px;
	}

	.area3_block .tabbody .checkbox .inbox {
		display: block;
		padding:0;
	}

	.area3_block .tabbody .checkbox .imaegbox {
		margin:0 auto 15px;
		width:170px;
	}

	.area3_block .tabbody .checkbox .ex {
		margin:0 15px;
		line-height:1.6;
		text-align: center;
		font-size:1.4rem;
	}

	.area3_block .tabbody .checkline {
		text-align: center;
		color:#7D7D7D;
		font-size:1.0rem;
		letter-spacing: 0.06em;
	}

	.area4_block {
		background-size: 100px 540px;
	}

	.area4_block .block1 {
		padding-top:100px;
		padding-bottom:110px;
	}

	.area4_block .areatitle {
		background-image: url('../images/area4mtitle.png');
	}

	.interview_block {
		display: flex;
		justify-content:space-between;
		align-items: stretch;
	}

	.interviewbox {
		margin:0;
		width:313px;
	}

	.interviewbox a {
		height:100%;
	}

	.interviewbox .imagebox {
		position: relative;
	}

	.interviewbox .imagebox::after {
		position: absolute;
		top:0;
		left:0;
		content: '';
		opacity: 0;
		width:100%;
		height:100%;
		background: url('../images/area4bcover.png') no-repeat center center;
		background-size: 145px 20px;
		background-color: rgba(0, 0, 0, 0.3);
		transition-duration: 0.3s;
	}

	.interviewbox a:hover .imagebox::after {
		opacity: 1;
	}

	.interviewbox .profbox {
		background-image: none;
		padding:0 15px;
		height:60px;
	}

	.area5_block {
		padding-top:100px;
	}

	.area5_block .glass5 {
		top:-50px;
		right:auto;
		left:calc(50% + 270px);
	}

	.area5_block .areatitle {
		background-image: url('../images/area5mtitle.png');
	}

	.area5_block .mex p {
		letter-spacing: 0.1em;
	}

	.priceinfo_block {
		background-image: url('../images/area5mimage.png');
		background-size: 1436px 750px;
	}

	.priceinfo_block .ex {
		margin:0;
		padding:0;
		height:785px;
		position: relative;
	}

	.priceinfo_block .ex b {
		position: absolute;
		top:500px;
		left:calc(50% - 550px);
		background-image: url('../images/area5icon.png');
		background-size:276px 276px;
		padding: 276px 0 0;
		width: 276px;
	}

	.priceinfo_block .btn {
		width:300px;
	}

	.priceinfo_block .btn a {
		background-position: right 15px center;
		background-size: auto 18px;
		line-height:68px;
		font-size:2.2rem;
	}

	.priceinfo_block .btn a span {
		display: none;
	}

	.area5_block .block1 {
		padding-top:65px;
		padding-bottom:145px;
	}

	.area5_block .message_block {
		background: url('../images/area5message.png') repeat-y center top;
		background-size: 800px 100px;
		padding-top:45px;
		padding-bottom:60px;
	}

	.area5_block .message_block h3 {
		margin:0 0 35px;
		padding:0 0 25px;
		font-size:3.6rem;
		letter-spacing: 0.15em;
	}

	.area5_block .message_block h3:after {
		left:calc(50% - 30px);
		width:60px;
	}

	.area5_block .messages {
		display: flex;
		justify-content:space-between;
		align-items: flex-start;
	}

	.area5_block .messagebox {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		background: url('../images/icon_arrow2.svg') no-repeat right 25px bottom 30px;
		background-size: auto 7px;
		background-color: #FFF;
		margin:0;
		width:480px;
		position: relative;
	}

	.area5_block .messagebox .spimage {
		display: none;
	}

	.area5_block .messagebox .imagebox {
		display: block;
		width:170px;
	}

	.messagebox .imagebox .p2 {
		display: none;
	}

	.area5_block .messagebox.open .imagebox .p2 {
		display: block;
	}

	.area5_block .messagebox .bodybox {
		padding:25px 20px 20px;
		width:310px;
	}

	.area5_block .messagebox .bodybox .uname {
		background-size:30px 20px;
		margin:0 0 5px;
		padding:0 0 0 40px;
		line-height:30px;
		font-size:1.2rem;
	}

	.area5_block .messagebox.message2 .bodybox .uname {
		background-image: url('../images/area5flag2.png');
	}

	.area5_block .messagebox .bodybox h4 {
		background: none;
		margin:0 0 10px;
		font-size:1.7rem;
		letter-spacing: 0.15em;
	}

	.area5_block .messagebox.open .bodybox h4 {
		background-image: none;
	}

	.area5_block .messagebox .bodybox .exbox {
		margin:0 0 15px;
	}

	.area5_block .messagebox .bodybox .name {
		margin:0 0 3px;
		font-size:1.4rem;
	}

	.area5_block .messagebox .bodybox .infoline {
		letter-spacing: 0.06em;
	}

	.area6_block {
		position: relative;
	}

	.area6_block .glass4 {
		display: block;
		bottom:560px;
		left:calc(50% + 470px);
	}

	.area6_block .areatitle {
		background-image: url('../images/area6mtitle.png');
	}

	.area6_block .block1 {
		background: url('../images/area6picon.png') no-repeat 100px bottom;
		background-size:174px 211px;
		padding-top:120px;
		padding-bottom:60px;
	}

	.area6_block .mex p {
		letter-spacing: 0.2em;
	}

	.area6_block .ex_block {
		display: flex;
		align-items: center;
	}

	.area6_block .ex_block.ex2 {
		flex-direction: row-reverse;
	}

	.area6_block .ex_block .bodybox {
		padding:0;
		width:50%;
		text-align: right;
	}

	.area6_block .ex_block.ex2 .bodybox {
		text-align: left;
	}

	.area6_block .ex_block .bodybox .spimage {
		display: none;
	}

	.area6_block .ex_block .inbox {
		display: inline-block;
		padding:0 70px 0 0;
		width:500px;
		text-align: left;
	}

	.area6_block .ex_block.ex2 .inbox {
		padding:0 0 0 60px;
	}

	.area6_block .ex_block .bodybox h3 {
		margin:0 0 25px;
		line-height:28px;
		border-left:6px solid #638190;
		font-size:2.6rem;
	}

	.area6_block .ex_block.ex1 .bodybox h3 {
		font-size:2.9rem;
	}

	.area6_block .ex_block.ex3 .bodybox h3 span {
		letter-spacing: 0.06em;
	}

	.area6_block .ex_block .bodybox .ex {
		line-height:2.0;
		font-size:1.4rem;
	}

	.area6_block .ex_block .bodybox .image {
		padding:20px 0 0;
	}

	.area6_block .ex_block .imagebox {
		display: block;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left center;
		padding: 490px 0 0;
		width:50%;
		height: 0!important;
	}

	.area6_block .ex_block.ex1 .imagebox {
		background-image: url('../images/area6bimage1.jpg');
	}

	.area6_block .ex_block.ex2 .imagebox {
		background-image: url('../images/area6bimage2.jpg');
		background-position: right center;
	}

	.area6_block .ex_block.ex3 .imagebox {
		background-image: url('../images/area6bimage3.jpg');
		padding: 589px 0 0;
	}

	.area7_block .glass6 {
		display: none;
	}

	.area7_block .areatitle {
		background-image: url('../images/area7mtitle.png');
	}

	.area7_block h3 {
		margin:0 0 20px;
		line-height:34px;
		border-radius: 32px;
	}

	.area7_block .image {
		position: relative;
	}

	.area7_block .imagebox {
		overflow: hidden;
		background: url('../images/area7image.png') no-repeat;
		background-size: 1000px 275px;
		margin:0;
		padding: 275px 0 0;
		height: 0!important;
	}

	.area7_block .ex {
		position: absolute;
		right:0;
		bottom:0;
		text-align: right;
	}

	.area8_block .block1 {
		padding-top:50px;
		padding-bottom:50px;
	}

	.area8_block .lead {
		margin:0 0 35px;
		font-size:2.0rem;
		letter-spacing: 0.15em;
	}

	.area8_block .mypage {
		width:285px;
	}

	.area8_block .mypage a {
		background-position: left 75px top 16px, right 15px center;
		background-size: 146px 32px, auto 18px;
		padding:68px 0 0;
	}

	.modal_block.price {
		background: url('../images/modal_label1.png') no-repeat left top 40px;
		background-size:174px 26px;
		background-color: #FFF;
	}

	.modal_block.message1,
	.modal_block.message2,
	.modal_block.message3 {
		background-image: url('../images/modal_label2.png');
		background-position: left top 40px;
		background-size:186px 26px;
	}

	.modal_close {
		top:22px;
		right:22px;
		width: 40px;
	}

	.modal_close a {
		background-size:23px 23px;
		padding: 40px 0 0;
	}

	.modal_block .modalbody {
		display: flex;
		justify-content:center;
		align-items: center;
		overflow: visible;
	}

	.modal_block.sheet .modalbody {
		display: block;
		overflow: scroll;
	}

	.sheet_area {
		margin:0 auto;
		padding:80px 50px;
		max-width:1245px;
	}

	.popmessage_area {
		display: flex;
		justify-content:space-between;
		align-items: center;
		padding:0;
		width:890px;
	}

	.popmessage_area .mimage {
		margin:0;
		width:370px;
	}

	.popmessage_area .mbody {
		width:480px;
	}

	.popmessage_area h2 {
		margin:0 0 7px;
		font-size:2.4rem;
		letter-spacing: 0.1em;
	}

	.popmessage_area .exbox {
		margin:0 0 15px;
	}

	.popmessage_area .exbox p {
		line-height:1.9;
		text-align: justify;
		font-size:1.6rem;
	}

	.popmessage_area .name {
		font-size:2.4rem;
	}

	.popmessage_area .infoline {
		font-size:1.4rem;
	}

	.modal_block.price .modalbox.pricebox {
		background: none;
		margin:0 auto;
		padding:75px 90px 85px;
		width:1010px;
		background-color: #edf2f8;
	}

	.modalbox.pricebox h2 {
		margin:0 0 50px;
		line-height:40px;
		color:#FFF;
		text-align: center;
		font-size:1.8rem;
		letter-spacing: 0.3em;
		border-radius: 100px;
		background-color: #3181b6;
	}

	.modalbox.pricebox .ex_block {
		margin:0 0 40px;
	}

	.modalbox.pricebox .ex_block .listbox {
		width:390px;
	}

	.modalbox.pricebox .ex_block .listbox table {
		font-size:1.6rem;
	}

	.modalbox.pricebox .ex_block .listbox th {
		padding:11px 0 9px 10px;
		width:60%;
	}

	.modalbox.pricebox .ex_block .listbox td {
		padding:11px 10px 9px 0;
	}

	.modalbox.pricebox .ex_block .imagebox {
		width:390px;
	}

	.modalbox.pricebox .exline1 {
		margin:0 0 15px;
		font-size:1.4rem;
	}














	.menu_block {
		background-image: none;
		width:430px;
		transform: translateX(430px);
	}

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

	.menu_body {
		padding:0;
	}

	.menu {
		width:230px;
	}

	.menu h3 {
		display: block;
		overflow: hidden;
		background: url('../images/menu_label.png') no-repeat;
		background-size:230px 82px;
		margin:0 0 25px;
		padding: 82px 0 0;
		height: 0!important;
	}

	.menu li a {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: left center;
		background-size:230px 28px;
		padding: 64px 0 0;
		height: 0!important;
	}

	.menu li.menu1 a {
		background-image: url('../images/menu1.png');
	}

	.menu li.menu2 a {
		background-image: url('../images/menu2.png');
	}

	.menu li.menu3 a {
		background-image: url('../images/menu3.png');
	}

	.menu li.menu4 a {
		background-image: url('../images/menu4.png');
	}

	.menu li.menu5 a {
		background-image: url('../images/menu5.png');
	}

	.menu li.menu6 a {
		background-image: url('../images/menu6.png');
	}

	.menu li.menu7 a {
		background-image: url('../images/menu7.png');
	}

	.infotab {
		right:-66px;
		top:250px;
		width:66px;
		height:241px;
	}

	.infotab a {
		background-size: 66px 322px;
		padding: 322px 0 0;
		transition: 0.3s;
	}

	.infotab a:hover {
		transform: translateX(5px);
	}

	.spbottom {
		display: none;
	}

	.pagetop {
		right:50px;
		bottom:50px;
		width:60px;
		border-radius: 60px;
		-moz-border-radius: 60px;
		-webkit-border-radius: 60px;
	}

	.pagetop a {
		background-size: 60px 60px;
		padding: 60px 0 0;
	}

	.copyright {
		line-height:50px;
		font-size:1.3rem;
	}
}

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

	/*
	=================================== */
	.sp {
		display: none;
	}

	.tbpc {
		display: initial;
	}

	.op a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		zoom: 1;
	}

	.fade a {
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}

	.fade2 a {
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}
}