@charset "UTF-8";
/*
カラム制御：デフォルトで1～5カラムまで対応
PC用floatによるカラム制御

html：col_1～5まで対応
例）3列で折り返し
<ul class="col_3">
	<li></li>
	<li></li>
	<li></li>
</ul>

scss：mixinでカラム設定を自動処理化

.col_3 {
	@include colmg(30);
}

数値設定はアイテム間余白（デフォルトは20）;
※縦、横ともに外側への約は発生しない

*/

.bg_color01 {
	width: calc(100% - 0.4rem);
	margin: -0.4rem auto 0 auto;
	padding-top: 0.9rem;
	padding-bottom: 0.8rem;
	border-radius: 4px;
	position: relative;
}
@media screen and (max-width: 640px) {
	.bg_color01 {
		width: 100%;
		padding-top: 0.4rem;
	}
}
.bg_color01 .bg_deco {
	position: absolute;
	top: 8%;
	left: 0;
	width: 100%;
	z-index: -998;
}
.bg_color01::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #def4f0;
	z-index: -999;
}
.bg_color02 {
	width: calc(100% - 0.4rem);
	margin: 0.16rem auto 0 auto;
	padding-top: 1rem;
	padding-bottom: 0.8rem;
	border-radius: 4px;
	position: relative;
}
@media screen and (max-width: 640px) {
	.bg_color02 {
		width: 100%;
		margin: 0 auto;
		padding-top: 0.5rem;
		padding-bottom: 0.4rem;
	}
}
.bg_color02 .bg_deco {
	position: absolute;
	top: 5%;
	left: 0;
	width: 100%;
	z-index: -998;
}
.bg_color02::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fbe9ea;
	z-index: -999;
}
/*-----MV-----*/

.mv {
	width: calc(100% - 0.4rem);
	margin: 0.2rem auto 0 auto;
	background-image: url("../img/mv_01.jpg");
	background-size: cover;
	border-radius: 4px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (max-width: 640px) {
	.mv {
		width: calc(100% - 0.2rem);
		background-image: url("../img/mv_01_sp.jpg");
		background-position: center;
		margin: 0.1rem auto 0 auto;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}
.mv .logo {
	position: absolute;
	top: 0.4rem;
	left: 0.4rem;
}
@media screen and (max-width: 640px) {
	.mv .logo {
		top: 0.2rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.mv .logo img {
		width: 1.05rem;
	}
}
.mv .txt_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
@media screen and (max-width: 640px) {
	.mv .txt_box {
		width: 100%;
		margin-top: 0.75rem;
	}
}
@media screen and (max-width: 640px) {
	.mv .txt_box>img {
		width: 59.1%;
	}
}
@media screen and (max-width: 640px) {
	.mv .txt_box .sec_title_img {
		width: 77.5%;
	}
	.mv .txt_box .sec_title_img img {
		width: 100%;
		margin-top: -0.08rem;
	}
}
.mv .txt_box .sec_title_en {
	font-size: 0.24rem;
	letter-spacing: 0.3em;
	color: #fff;
	margin-top: 0.4rem;
}
@media screen and (max-width: 640px) {
	.mv .txt_box .sec_title_en {
		font-size: 0.12rem;
		letter-spacing: 0.15em;
		margin-top: 0;
	}
}
.mv .link {
	position: absolute;
	bottom: 0.4rem;
	right: 1rem;
}
@media screen and (max-width: 640px) {
	.mv .link {
		bottom: 0.12rem;
		right: 0.075rem;
	}
	.mv .link img {
		width: 1.5rem;
	}
}
.mv .scrool {
	position: absolute;
	bottom: 0.3rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
@media screen and (max-width: 640px) {
	.mv .scrool {
		bottom: 0.2rem;
		left: 0.6rem;
	}
}
.mv .scrool .txt {
	font-size: 0.14rem;
	letter-spacing: 0.1em;
	color: #fff;
}
@media screen and (max-width: 640px) {
	.mv .scrool .txt {
		font-size: 0.1rem;
	}
}
.mv .scrool .animation {
	display: block;
	width: 1px;
	height: 0.4rem;
	background: #5ac8b4;
	margin-top: 0.18rem;
	position: relative;
}
@media screen and (max-width: 640px) {
	.mv .scrool .animation {
		height: 0.3rem;
	}
}
.mv .scrool .animation::before {
	content: "";
	position: absolute;
	top: -10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #5ac8b4;
	opacity: 0;
	-webkit-animation: scroll 1.8s ease-in-out 0s infinite;
	animation: scroll 1.8s ease-in-out 0s infinite;
}
@media screen and (max-width: 640px) {
	.mv .scrool .animation::before {
		width: 3px;
		height: 3px;
	}
}
@-webkit-keyframes scroll {
	0% {
		top: -10;
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		top: 90%;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes scroll {
	0% {
		top: -10;
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		top: 90%;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
/*-----INTORODUCTION-----*/

.introduction {
	max-width: 11rem;
	margin: 0 auto;
	padding-top: 1rem;
}
@media screen and (max-width: 640px) {
	.introduction {
		width: 100%;
		padding: 0.625rem 0.3rem 0 0.3rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
.introduction .sec_title {
	font-size: 0.5rem;
	letter-spacing: 0.1em;
	color: #ab9685;
	text-align: center;
	position: relative;
}
@media screen and (max-width: 640px) {
	.introduction .sec_title {
		font-size: 0.29rem;
		letter-spacing: 0.05em;
	}
}
.introduction .sec_title::before {
	content: "";
	position: absolute;
	top: 0.55rem;
	left: 11.3%;
	background-image: url("../img/wing_01.png");
	background-size: cover;
	width: 0.5rem;
	height: 0.53rem;
}
@media screen and (max-width: 640px) {
	.introduction .sec_title::before {
		top: -0.4rem;
		left: 14.7%;
		width: 0.27rem;
		height: 0.29rem;
	}
}
.introduction .sec_title::after {
	content: "";
	position: absolute;
	top: -0.2rem;
	right: 12.2%;
	background-image: url("../img/wing_02.png");
	background-size: cover;
	width: 0.56rem;
	height: 0.45rem;
}
@media screen and (max-width: 640px) {
	.introduction .sec_title::after {
		top: 0.45rem;
		right: 0;
		width: 0.28rem;
		height: 0.225rem;
	}
}
.introduction .sec_title_ja {
	font-size: 0.18rem;
	letter-spacing: 0.05em;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.introduction .sec_title_ja {
		font-size: 0.12rem;
		letter-spacing: 0;
	}
}
.introduction .txt {
	font-size: 0.18rem;
	line-height: 2.11;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: 0.6rem;
	font-family: "游明朝";
	font-weight: 400;
}
@media screen and (max-width: 640px) {
	.introduction .txt {
		font-size: 0.12rem;
		letter-spacing: 0.05em;
		margin-top: 0.3rem;
		text-align: left;
	}
}
.introduction .txt span {
	display: block;
	margin-top: 0.18rem;
}
@media screen and (max-width: 640px) {
	.introduction .txt span {
		margin-top: 0.3rem;
	}
}
/*-----ON-LINE-----*/

.online {
	margin-top: 1.1rem;
}
@media screen and (max-width: 640px) {
	.online {
		margin-top: 0.7rem;
	}
}
.online .online_wrap {
	max-width: 11rem;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
@media screen and (max-width: 640px) {
	.online .online_wrap {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0 0.3rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
.online .online_wrap::before {
	content: "";
	position: absolute;
	top: -0.3rem;
	left: 26.1%;
	background-image: url("../img/wing_03.png");
	background-size: cover;
	width: 0.474rem;
	height: 0.392rem;
}
@media screen and (max-width: 640px) {
	.online .online_wrap::before {
		top: -0.5rem;
		left: 28.2%;
		width: 0.33rem;
		height: 0.27rem;
	}
}
.online .online_wrap::after {
	content: "";
	position: absolute;
	top: -0.3rem;
	right: 3.6%;
	background-image: url("../img/wing_04.png");
	background-size: cover;
	width: 0.474rem;
	height: 0.554rem;
}
@media screen and (max-width: 640px) {
	.online .online_wrap::after {
		top: 0.1rem;
		right: 0.3rem;
		width: 0.41rem;
		height: 0.5rem;
	}
}
.online .online_wrap .txt_box {
	max-width: 46.8%;
	margin-right: 5.7%;
}
@media screen and (max-width: 640px) {
	.online .online_wrap .txt_box {
		max-width: 100%;
		margin-right: 0;
	}
}
.online .online_wrap .txt_box .sec_title {
	font-size: 0.5rem;
	letter-spacing: 0.1em;
	color: #ab9685;
}
@media screen and (max-width: 640px) {
	.online .online_wrap .txt_box .sec_title {
		font-size: 0.29rem;
		letter-spacing: 0.05em;
	}
}
.online .online_wrap .txt_box .sec_title_ja {
	font-size: 0.18rem;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
	.online .online_wrap .txt_box .sec_title_ja {
		font-size: 0.12rem;
		letter-spacing: 0;
	}
}
.online .online_wrap .txt_box .title {
	margin-top: 0.2rem;
	font-family: "游明朝";
	font-weight: 400;
}
@media screen and (max-width: 640px) {
	.online .online_wrap .txt_box .title {
		margin-top: 0.125rem;
	}
}
.online .online_wrap .txt_box .title span {
	display: block;
}
.online .online_wrap .txt_box .title span:nth-of-type(1) {
	font-size: 0.26rem;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
	.online .online_wrap .txt_box .title span:nth-of-type(1) {
		font-size: 0.15rem;
	}
}
.online .online_wrap .txt_box .title span:nth-of-type(2) {
	font-size: 0.38rem;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
	.online .online_wrap .txt_box .title span:nth-of-type(2) {
		font-size: 0.22rem;
	}
}
.online .online_wrap .txt_box .txt {
	font-size: 0.16rem;
	line-height: 2;
	margin-top: 0.24rem;
}
@media screen and (max-width: 640px) {
	.online .online_wrap .txt_box .txt {
		font-size: 0.12rem;
		line-height: 1.91;
		letter-spacing: 0.05em;
	}
}
.online .online_wrap img {
	width: 47.5%;
	height: auto;
	margin-top: 0.1rem;
}
@media screen and (max-width: 640px) {
	.online .online_wrap img {
		width: 100%;
		height: auto;
		margin-top: 0.3rem;
	}
}
.online .point_wrap {
	max-width: 11rem;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 640px) {
	.online .point_wrap {
		width: 100%;
		padding: 0 0.3rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.online .point_wrap li {
	width: calc(50% - 0.37rem);
	position: relative;
}
@media screen and (max-width: 640px) {
	.online .point_wrap li {
		width: 100%;
	}
}
.online .point_wrap li:last-child {
	margin-left: 0.74rem;
}
@media screen and (max-width: 640px) {
	.online .point_wrap li:last-child {
		margin-left: 0;
		margin-top: 0.5rem;
	}
}
.online .point_wrap li figure {
	width: 65%;
	height: 2.5rem;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (max-width: 640px) {
	.online .point_wrap li figure {
		width: calc(100% - 0.1rem);
		height: 2rem;
		position: relative;
		margin-top: 0.14rem;
	}
}
.online .point_wrap li figure::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
}
@media screen and (max-width: 640px) {
	.online .point_wrap li figure::before {
		display: none;
	}
}
.online .point_wrap li figure::after {
	content: "";
	position: absolute;
	bottom: -7px;
	right: -7px;
	width: 100%;
	height: 1.8rem;
	background-color: #fff;
	z-index: -1;
}
@media screen and (max-width: 640px) {
	.online .point_wrap li figure::after {
		height: 100%;
		bottom: -0.1rem;
		right: -0.1rem;
	}
}
.online .point_wrap li .num {
	position: relative;
	line-height: 1;
}
.online .point_wrap li .num::before {
	content: "";
	position: absolute;
	top: 10%;
	left: 0;
	width: 0.2rem;
	height: 2px;
	background-color: #ab9685;
}
@media screen and (max-width: 640px) {
	.online .point_wrap li .num::before {
		top: 20%;
		width: 0.15rem;
	}
}
.online .point_wrap li .num span:nth-of-type(1) {
	font-size: 0.18rem;
	letter-spacing: 0.1em;
	color: #ab9685;
}
@media screen and (max-width: 640px) {
	.online .point_wrap li .num span:nth-of-type(1) {
		font-size: 0.14rem;
	}
}
.online .point_wrap li .num span:nth-of-type(2) {
	font-size: 0.6rem;
	letter-spacing: 0.05em;
	color: #ab9685;
}
@media screen and (max-width: 640px) {
	.online .point_wrap li .num span:nth-of-type(2) {
		font-size: 0.4rem;
	}
}
.online .point_wrap li .title {
	margin-top: 0.6rem;
	padding-top: 0.2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 2.6rem;
	height: 1.5rem;
	background-color: #def4f0;
	font-size: 0.22rem;
	letter-spacing: 0.1em;
	font-family: "游明朝";
	font-weight: 400;
	z-index: 1;
	position: relative;
}
@media screen and (max-width: 640px) {
	.online .point_wrap li .title {
		margin-top: 0.3rem;
		padding-top: 0;
		width: auto;
		height: auto;
		background-color: transparent;
		font-size: 0.16rem;
	}
}
.online .point_wrap li .txt {
	font-size: 0.14rem;
	line-height: 1.85;
	letter-spacing: 0.05em;
	margin-top: 0.28rem;
}
@media screen and (max-width: 640px) {
	.online .point_wrap li .txt {
		margin-top: 0.2rem;
		font-size: 0.12rem;
	}
}
.online .point_wrap li:nth-of-type(1) figure {
	background-image: url("../img/online_02.jpg");
}
.online .point_wrap li:nth-of-type(2) figure {
	background-image: url("../img/online_03.jpg");
}
.online .bg_img {
	width: 100%;
	height: auto;
	margin-top: 0.8rem;
}
@media screen and (max-width: 640px) {
	.online .bg_img {
		margin-top: 0.45rem;
	}
}
.online .support_wrap {
	max-width: 11rem;
	margin: 1rem auto 0 auto;
	padding: 0.72rem 0 0.6rem 0;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
}
@media screen and (max-width: 640px) {
	.online .support_wrap {
		width: calc(100% - 0.2rem);
		margin: 0.6rem auto 0 auto;
		padding: 0.4rem 0.2rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
.online .support_wrap .txt_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.online .support_wrap .txt_box::before {
	content: "";
	position: absolute;
	top: 0.7rem;
	left: 18.7%;
	background-image: url("../img/wing_05.png");
	background-size: cover;
	width: 0.637rem;
	height: 0.508rem;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .txt_box::before {
		top: 0.3rem;
		left: 12%;
		width: 0.315rem;
		height: 0.25rem;
	}
}
.online .support_wrap .txt_box::after {
	content: "";
	position: absolute;
	top: 1.68rem;
	right: 17.2%;
	background-image: url("../img/wing_06.png");
	background-size: cover;
	width: 0.425rem;
	height: 0.452rem;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .txt_box::after {
		top: 1.15rem;
		right: 0.2rem;
		width: 0.21rem;
		height: 0.225rem;
	}
}
.online .support_wrap .txt_box .title {
	font-size: 0.38rem;
	letter-spacing: 0.05em;
	font-family: "游明朝";
	font-weight: 400;
	margin-top: 0.2rem;
	padding-bottom: 0.3rem;
	position: relative;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .txt_box .title {
		font-size: 0.19rem;
		margin-top: 0.15rem;
		padding-bottom: 0.15rem;
	}
}
.online .support_wrap .txt_box .title::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0.3rem;
	height: 2px;
	background-color: #5ac8b4;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .txt_box .title::before {
		width: 0.15rem;
	}
}
@media screen and (max-width: 640px) {
	.online .support_wrap .txt_box>img {
		width: 58.8%;
		height: auto;
	}
}
.online .support_wrap .txt_box .sub_title {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	font-size: 0.18rem;
	font-weight: bold;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 4rem;
	height: 0.48rem;
	background-color: #f2bdbf;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .txt_box .sub_title {
		font-size: 0.12rem;
		letter-spacing: 0.05em;
		width: 85%;
		height: 0.24rem;
	}
}
.online .support_wrap .txt_box .sub_title::before, .online .support_wrap .txt_box .sub_title::after {
	content: "";
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
}
.online .support_wrap .txt_box .sub_title::before {
	left: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	border-width: 0.24rem 0.13rem 0.24rem 0;
	border-color: transparent #f2bdbf transparent transparent;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .txt_box .sub_title::before {
		border-width: 0.1225rem 0.12rem 0.12rem 0;
	}
}
.online .support_wrap .txt_box .sub_title::after {
	right: 0;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	border-width: 0.24rem 0 0.24rem 0.13rem;
	border-color: transparent transparent transparent #f2bdbf;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .txt_box .sub_title::after {
		border-width: 0.1225rem 0 0.12rem 0.12rem;
	}
}
.online .support_wrap .list_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 0.5rem;
	padding: 0 0.8rem;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box {
		margin-top: 0.2rem;
		padding: 0;
	}
}
.online .support_wrap .list_box li {
	position: relative;
	/*1～3つ目のレイアウト*/
	/*4～5つ目のレイアウト*/
	/*6～9つ目のレイアウト*/
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li {
		width: calc(100%);
	}
}
.online .support_wrap .list_box li:nth-of-type(-n+3) {
	width: calc(100% / 3 - 1rem);
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li:nth-of-type(-n+3) {
		width: calc(50% - 0.1rem);
	}
}
.online .support_wrap .list_box li:nth-child(n+4):nth-last-child(n+4) {
	width: calc(100% / 2 - 0.75rem);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li:nth-child(n+4):nth-last-child(n+4) {
		width: calc(50% - 0.1rem);
	}
}
.online .support_wrap .list_box li:nth-of-type(4) {
	padding-left: 1.82rem;
}
.online .support_wrap .list_box li:nth-of-type(4)::before {
	content: "";
	position: absolute;
	top: 1.4rem;
	left: 0.22rem;
	background-image: url("../img/wing_07.png");
	background-size: cover;
	width: 0.637rem;
	height: 0.508rem;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li:nth-of-type(4)::before {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li:nth-of-type(4) {
		padding-left: 0;
	}
}
.online .support_wrap .list_box li:nth-of-type(5) {
	padding-right: 1.82rem;
}
.online .support_wrap .list_box li:nth-of-type(5)::before {
	content: "";
	position: absolute;
	top: 0.68rem;
	right: 0.26rem;
	background-image: url("../img/wing_08.png");
	background-size: cover;
	width: 0.607rem;
	height: 0.564rem;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li:nth-of-type(5)::before {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li:nth-of-type(5) {
		padding-right: 0;
	}
}
.online .support_wrap .list_box li:nth-of-type(n+3) {
	width: calc(100% / 3 - 1rem);
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li:nth-of-type(n+3) {
		width: calc(50% - 0.1rem);
	}
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li:nth-of-type(n+3) {
		margin-top: 0.35rem;
	}
}
.online .support_wrap .list_box li img {
	width: 100%;
	height: auto;
}
.online .support_wrap .list_box li .point_title {
	font-size: 0.2rem;
	letter-spacing: 0.05em;
	font-family: "游明朝";
	font-weight: 400;
	color: #ab9685;
	text-align: center;
	margin-top: 0.16rem;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li .point_title {
		font-size: 0.13rem;
	}
}
.online .support_wrap .list_box li .point_txt {
	font-size: 0.14rem;
	line-height: 1.71;
	margin-top: 0.12rem;
}
@media screen and (max-width: 640px) {
	.online .support_wrap .list_box li .point_txt {
		font-size: 0.11rem;
	}
}
/*-----FLOW-----*/

.flow {
	max-width: 11rem;
	margin: auto;
	padding: 0.4rem 0 0.44rem 0;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
}
@media screen and (max-width: 640px) {
	.flow {
		width: calc(100% - 0.2rem);
		padding: 0.25rem 0.2rem 0.4rem 0.2rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
.flow .sec_title {
	font-size: 0.5rem;
	letter-spacing: 0.1em;
	color: #ab9685;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 640px) {
	.flow .sec_title {
		font-size: 0.29rem;
		letter-spacing: 0.15em;
	}
}
.flow .sec_title_ja {
	font-size: 0.18rem;
	letter-spacing: 0.05em;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.flow .sec_title_ja {
		font-size: 0.12rem;
		letter-spacing: 0;
	}
}
.flow .list_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 0.6rem;
	padding: 0 0.6rem;
}
@media screen and (max-width: 640px) {
	.flow .list_box {
		margin-top: 0.18rem;
		padding: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.flow .list_box li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(100% / 5 - 1.44rem / 5);
	position: relative;
}
@media screen and (max-width: 640px) {
	.flow .list_box li {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.flow .list_box li:not(:last-child) {
		padding-bottom: 0.3rem;
		border-bottom: 1px solid #d4d4d4;
	}
}
.flow .list_box li:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 0.34rem;
	right: 0;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	background-image: url("../img/flow_06.png");
	background-size: cover;
	width: 0.28rem;
	height: 0.28rem;
}
@media screen and (max-width: 640px) {
	.flow .list_box li:not(:last-child)::before {
		top: auto;
		bottom: 0;
		right: 50%;
		width: 0.26rem;
		height: 0.265rem;
		-webkit-transform: translateX(50%) translateY(50%);
		-ms-transform: translateX(50%) translateY(50%);
		transform: translateX(50%) translateY(50%);
		background-image: url("../img/flow_06_sp.png");
	}
}
@media screen and (max-width: 640px) {
	.flow .list_box li:not(:first-child) {
		margin-top: 0.1rem;
	}
}
.flow .list_box li .img_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 0.65rem;
}
@media screen and (max-width: 640px) {
	.flow .list_box li .img_box {
		height: auto;
		position: absolute;
		top: 0.1rem;
		right: 0.24rem;
	}
}
@media screen and (max-width: 640px) {
	.flow .list_box li .img_box img {
		width: auto;
	}
}
@media screen and (max-width: 640px) {
	.flow .list_box li:nth-of-type(1) .img_box img {
		height: 0.325rem;
	}
}
@media screen and (max-width: 640px) {
	.flow .list_box li:nth-of-type(2) .img_box img {
		height: 0.415rem;
	}
}
@media screen and (max-width: 640px) {
	.flow .list_box li:nth-of-type(3) .img_box img {
		height: 0.315rem;
	}
}
@media screen and (max-width: 640px) {
	.flow .list_box li:nth-of-type(4) .img_box img {
		height: 0.355rem;
	}
}
@media screen and (max-width: 640px) {
	.flow .list_box li:nth-of-type(5) .img_box img {
		height: 0.365rem;
	}
}
.flow .list_box li .flow_title {
	font-size: 0.16rem;
	font-weight: bold;
	margin-top: 0.2rem;
}
@media screen and (max-width: 640px) {
	.flow .list_box li .flow_title {
		font-size: 0.15rem;
	}
}
.flow .list_box li .txt {
	font-size: 0.14rem;
	line-height: 1.71;
	margin-top: 0.2rem;
}
@media screen and (max-width: 640px) {
	.flow .list_box li .txt {
		font-size: 0.12rem;
		margin-top: 0.22rem;
	}
}
.flow .list_box li .txt a {
	color: #5ac8b4;
	text-decoration: underline;
}
/*-----HOW TO ZOOM-----*/

.zoom {
	max-width: 11rem;
	margin: 1rem auto 0 auto;
	padding: 0.4rem 0.6rem 0.8rem 0.6rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
}
@media screen and (max-width: 640px) {
	.zoom {
		width: calc(100% - 0.2rem);
		margin: 0.1rem auto 0 auto;
		padding: 0.25rem 0.2rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 640px) {
	.zoom .tab {
		position: relative;
	}
	.zoom .tab .arrow {
		width: 0.15rem;
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: -webkit-transform 0.6s;
		transition: -webkit-transform 0.6s;
		-o-transition: transform 0.6s;
		transition: transform 0.6s;
		transition: transform 0.6s, -webkit-transform 0.6s;
	}
	.zoom .tab .arrow.open {
		-webkit-transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg);
	}
}
@media screen and (max-width: 640px) {
	.zoom .tab_contents {
		display: none;
	}
}
.zoom .sec_title {
	font-size: 0.5rem;
	letter-spacing: 0.1em;
	color: #ab9685;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 640px) {
	.zoom .sec_title {
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		font-size: 0.25rem;
		letter-spacing: 0.05em;
	}
}
.zoom .sec_title_ja {
	font-size: 0.18rem;
	letter-spacing: 0.05em;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.zoom .sec_title_ja {
		font-size: 0.12rem;
		letter-spacing: 0;
		text-align: left;
	}
}
.zoom .howto_01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0.6rem;
	padding-bottom: 0.58rem;
	position: relative;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 0.3rem;
		padding-bottom: 0.3rem;
	}
}
.zoom .howto_01::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ececec;
}
.zoom .howto_01 .link_box01 {
	width: 36.9%;
	margin-right: 0.8rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box01 {
		width: 100%;
		margin-right: 0;
	}
}
.zoom .howto_01 .link_box01 .howto_title {
	font-size: 0.24rem;
	letter-spacing: 0.05em;
	padding-left: 0.35rem;
	font-family: "游明朝";
	font-weight: 400;
	position: relative;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box01 .howto_title {
		font-size: 0.16rem;
		padding-left: 0.17rem;
	}
}
.zoom .howto_01 .link_box01 .howto_title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0.2rem;
	height: 2px;
	background-color: #ab9685;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box01 .howto_title::before {
		width: 0.1rem;
	}
}
.zoom .howto_01 .link_box01 .txt {
	font-size: 0.16rem;
	margin-top: 0.2rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box01 .txt {
		font-size: 0.12rem;
		margin-top: 0.1rem;
	}
}
.zoom .howto_01 .link_box01 span {
	width: 100%;
	height: 1rem;
	background-color: #f6f6f6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0.3rem 0 0 0;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box01 span {
		width: 60%;
		height: 0.5rem;
		margin: 0.15rem auto 0 auto;
	}
	.zoom .howto_01 .link_box01 span img {
		width: 48%;
	}
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box02 {
		margin-top: 0.3rem;
	}
}
.zoom .howto_01 .link_box02>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.zoom .howto_01 .link_box02>div:last-child {
	margin-top: 0.32rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box02>div:last-child {
		margin-top: 0.25rem;
	}
}
.zoom .howto_01 .link_box02>div>img {
	margin-right: 0.3rem;
	width: 0.61rem;
	height: 0.61rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box02>div>img {
		margin-top: 0;
		width: 0.45rem;
		height: 0.45rem;
	}
}
.zoom .howto_01 .link_box02>div .txt_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.zoom .howto_01 .link_box02>div .txt_box .device {
	font-size: 0.16rem;
	font-weight: bold;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box02>div .txt_box .device {
		font-size: 0.13rem;
	}
}
.zoom .howto_01 .link_box02>div .txt_box .device+.txt {
	margin-top: 0.08rem;
}
.zoom .howto_01 .link_box02>div .txt_box .txt {
	font-size: 0.16rem;
	line-height: 1.875;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box02>div .txt_box .txt {
		font-size: 0.12rem;
		line-height: 1.83;
	}
}
.zoom .howto_01 .link_box02>div .txt_box .txt a {
	text-decoration: underline;
}
.zoom .howto_01 .link_box02>div .txt_box .txt a img {
	width: 0.176rem;
	height: 0.159rem;
	margin-left: 0.1rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_01 .link_box02>div .txt_box .txt a img {
		width: 0.132rem;
		height: 0.115rem;
		margin-left: 0.07rem;
	}
}
.zoom .howto_02 {
	margin-top: 0.58rem;
	padding-bottom: 0.58rem;
	position: relative;
}
@media screen and (max-width: 640px) {
	.zoom .howto_02 {
		margin-top: 0.3rem;
		padding-bottom: 0.3rem;
	}
}
.zoom .howto_02::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ececec;
}
.zoom .howto_02 .howto_title {
	font-size: 0.24rem;
	letter-spacing: 0.05em;
	padding-left: 0.35rem;
	font-family: "游明朝";
	font-weight: 400;
	position: relative;
}
@media screen and (max-width: 640px) {
	.zoom .howto_02 .howto_title {
		font-size: 0.16rem;
		padding-left: 0.17rem;
	}
}
.zoom .howto_02 .howto_title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0.2rem;
	height: 2px;
	background-color: #ab9685;
}
@media screen and (max-width: 640px) {
	.zoom .howto_02 .howto_title::before {
		width: 0.1rem;
	}
}
.zoom .howto_02 .list_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 0.32rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_02 .list_box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 0.2rem;
	}
}
.zoom .howto_02 .list_box li {
	width: calc(100% / 3 - 1.4rem / 3);
}
@media screen and (max-width: 640px) {
	.zoom .howto_02 .list_box li {
		width: 100%;
	}
	.zoom .howto_02 .list_box li:not(:first-child) {
		margin-top: 0.3rem;
	}
}
.zoom .howto_02 .list_box li img {
	width: 100%;
	height: auto;
}
.zoom .howto_02 .list_box li .list_title {
	font-size: 0.14rem;
	font-weight: bold;
	line-height: 1.71;
	margin-top: 0.24rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_02 .list_box li .list_title {
		font-size: 0.13rem;
		margin-top: 0.12rem;
	}
}
.zoom .howto_02 .list_box li .txt {
	font-size: 0.14rem;
	line-height: 1.66;
}
@media screen and (max-width: 640px) {
	.zoom .howto_02 .list_box li .txt {
		font-size: 0.11rem;
		margin-top: 0.1rem;
	}
}
.zoom .howto_02 .list_box li .txt_attention {
	font-size: 0.12rem;
	line-height: 1.66;
	margin-top: 0.08rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_02 .list_box li .txt_attention {
		font-size: 0.11rem;
	}
}
.zoom .howto_02 .attention {
	font-size: 0.12rem;
	line-height: 1.66;
}
@media screen and (max-width: 640px) {
	.zoom .howto_02 .attention {
		font-size: 0.11rem;
		line-height: 1.63;
	}
}
.zoom .howto_02 .attention:nth-of-type(1) {
	margin-top: 0.32rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_02 .attention:nth-of-type(1) {
		margin-top: 0.2rem;
	}
}
.zoom .howto_03 {
	margin-top: 0.58rem;
	padding-bottom: 0.58rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 640px) {
	.zoom .howto_03 {
		margin-top: 0.3rem;
		padding-bottom: 0.3rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.zoom .howto_03::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ececec;
}
.zoom .howto_03 .howto_title {
	font-size: 0.24rem;
	letter-spacing: 0.05em;
	padding-left: 0.35rem;
	margin-right: 0.48rem;
	font-family: "游明朝";
	font-weight: 400;
	position: relative;
}
@media screen and (max-width: 640px) {
	.zoom .howto_03 .howto_title {
		font-size: 0.16rem;
		padding-left: 0.17rem;
	}
}
.zoom .howto_03 .howto_title::before {
	content: "";
	position: absolute;
	top: 0.16rem;
	left: 0;
	width: 0.2rem;
	height: 2px;
	background-color: #ab9685;
}
@media screen and (max-width: 640px) {
	.zoom .howto_03 .howto_title::before {
		width: 0.1rem;
	}
}
.zoom .howto_03 .txt_box {
	width: 72%;
	margin-top: 0.06rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_03 .txt_box {
		width: 100%;
	}
}
.zoom .howto_03 .txt_box .title {
	font-size: 0.14rem;
	line-height: 1.71;
	font-weight: 500;
}
@media screen and (max-width: 640px) {
	.zoom .howto_03 .txt_box .title {
		font-size: 0.12rem;
		line-height: 1.66;
		margin-top: 0.25rem;
	}
}
.zoom .howto_03 .txt_box .txt {
	font-size: 0.12rem;
	line-height: 1.66;
	padding-left: 0.2rem;
	position: relative;
}
@media screen and (max-width: 640px) {
	.zoom .howto_03 .txt_box .txt {
		font-size: 0.11rem;
		line-height: 1.63;
		padding-left: 0.12rem;
	}
}
.zoom .howto_03 .txt_box .txt::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 0.1rem;
	height: 0.1rem;
	background-color: #ab9685;
}
@media screen and (max-width: 640px) {
	.zoom .howto_03 .txt_box .txt::before {
		top: 5px;
		width: 0.08rem;
		height: 0.08rem;
	}
}
.zoom .howto_03 .txt_box .txt:nth-of-type(1) {
	margin-top: 0.28rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_03 .txt_box .txt:nth-of-type(1) {
		margin-top: 0.25rem;
	}
}
.zoom .howto_03 .txt_box .txt:nth-of-type(n+2) {
	margin-top: 0.12rem;
}
@media screen and (max-width: 640px) {
	.zoom .howto_03 .txt_box .txt:nth-of-type(n+2) {
		margin-top: 0.2rem;
	}
}
.zoom .contact {
	font-size: 0.14rem;
	line-height: 1.71;
	text-align: center;
	margin-top: 0.4rem;
}
@media screen and (max-width: 640px) {
	.zoom .contact {
		font-size: 0.12rem;
		line-height: 1.66;
		margin-top: 0.3rem;
	}
}
@media screen and (max-width: 640px) {
	.zoom .tab_close {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 1.25rem;
		height: 0.39rem;
		border: 1px solid #c0c0c0;
		font-size: 0.12rem;
		font-weight: bold;
		color: #c0c0c0;
		margin: 0.3rem auto 0 auto;
		position: relative;
	}
	.zoom .tab_close::before, .zoom .tab_close::after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 0.1rem;
		width: 0.1rem;
		height: 1px;
		background: #c0c0c0;
		border-radius: 4px;
	}
	.zoom .tab_close::before {
		-webkit-transform: translateY(-50%) rotate(-45deg);
		-ms-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
	}
	.zoom .tab_close::after {
		-webkit-transform: translateY(-50%) rotate(45deg);
		-ms-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
	}
}
/*-----Online Consultation Support-----*/

.support {
	padding: 1.8rem 0 1rem 0;
}
@media screen and (max-width: 640px) {
	.support {
		padding: 0.85rem 0 0.4rem 0;
	}
}
.support .support_wrap {
	max-width: 11rem;
	margin: auto;
	padding: 0.64rem 0.68rem 0.4rem 0.68rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid #def4f0;
	position: relative;
}
@media screen and (max-width: 640px) {
	.support .support_wrap {
		width: calc(100% - 0.6rem);
		padding: 0 0.3rem 0.25rem 0.3rem;
		border: 2px solid #def4f0;
	}
}
.support .support_wrap::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(100%);
	-ms-transform: translateX(-50%) translateY(100%);
	transform: translateX(-50%) translateY(100%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 28px 28px 0 28px;
	border-color: #def4f0 transparent transparent transparent;
}
@media screen and (max-width: 640px) {
	.support .support_wrap::before {
		border-width: 0.14rem 0.14rem 0 0.14rem;
	}
}
.support .support_wrap .deco_line {
	position: absolute;
	z-index: 1;
}
.support .support_wrap .deco_line:nth-of-type(1) {
	top: -0.1rem;
	left: -0.1rem;
}
@media screen and (max-width: 640px) {
	.support .support_wrap .deco_line:nth-of-type(1) {
		top: -0.05rem;
		left: -0.025rem;
	}
}
.support .support_wrap .deco_line:nth-of-type(2) {
	top: -0.1rem;
	right: -0.1rem;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
@media screen and (max-width: 640px) {
	.support .support_wrap .deco_line:nth-of-type(2) {
		top: -0.05rem;
		right: -0.025rem;
	}
}
.support .support_wrap .deco_line:nth-of-type(3) {
	bottom: -0.1rem;
	left: -0.1rem;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
@media screen and (max-width: 640px) {
	.support .support_wrap .deco_line:nth-of-type(3) {
		bottom: -0.05rem;
		left: -0.025rem;
	}
}
.support .support_wrap .deco_line:nth-of-type(4) {
	bottom: -0.1rem;
	right: -0.1rem;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media screen and (max-width: 640px) {
	.support .support_wrap .deco_line:nth-of-type(4) {
		bottom: -0.05rem;
		right: -0.025rem;
	}
}
@media screen and (max-width: 640px) {
	.support .support_wrap .deco_line img {
		width: 0.28rem;
	}
}
.support .support_wrap .title_box {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-75%);
	-ms-transform: translateX(-50%) translateY(-75%);
	transform: translateX(-50%) translateY(-75%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0.34rem;
	background: #fff;
}
@media screen and (max-width: 640px) {
	.support .support_wrap .title_box {
		padding: 0;
		width: 100%;
		-webkit-transform: translateX(-50%) translateY(-90%);
		-ms-transform: translateX(-50%) translateY(-90%);
		transform: translateX(-50%) translateY(-90%);
	}
}
@media screen and (max-width: 640px) {
	.support .support_wrap .title_box>img {
		width: 2.065rem;
		height: 0.245rem;
	}
}
.support .support_wrap .title_box .sec_title {
	margin-top: 0.3rem;
}
@media screen and (max-width: 640px) {
	.support .support_wrap .title_box .sec_title {
		margin-top: 0.13rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
@media screen and (max-width: 640px) {
	.support .support_wrap .title_box .sec_title img {
		width: 2.025rem;
		height: 0.2rem;
	}
}
.support .support_wrap .txt_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media screen and (max-width: 640px) {
	.support .support_wrap .txt_box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.support .support_wrap .txt_box .txt {
	font-size: 0.34rem;
	font-family: "游明朝";
	font-weight: 400;
	line-height: 1.13;
	letter-spacing: 0.05em;
	margin-top: 0.16rem;
}
@media screen and (max-width: 640px) {
	.support .support_wrap .txt_box .txt {
		font-size: 0.17rem;
	}
}
.support .support_wrap .txt_box .txt>span {
	font-size: 0.42rem;
	letter-spacing: 0.05em;
	color: #ab9685;
}
@media screen and (max-width: 640px) {
	.support .support_wrap .txt_box .txt>span {
		font-size: 0.21rem;
	}
}
.support .support_wrap .txt_box .txt>span>span {
	font-size: 0.74rem;
	letter-spacing: 0.05em;
	color: #ab9685;
	-webkit-transform: translateY(0.04rem);
	-ms-transform: translateY(0.04rem);
	transform: translateY(0.04rem);
	display: inline-block;
}
@media screen and (max-width: 640px) {
	.support .support_wrap .txt_box .txt>span>span {
		font-size: 0.37rem;
		line-height: 1.86;
	}
}
.support .support_wrap .txt_box figure {
	width: 4.8rem;
	height: 2.2rem;
	background-image: url("../img/support_04.jpg");
	background-size: cover;
}
@media screen and (max-width: 640px) {
	.support .support_wrap .txt_box figure {
		width: 100%;
		height: 1rem;
		margin-top: 0.24rem;
	}
}
.support .wedding_stage_wrap {
	max-width: 11rem;
	margin: 1rem auto 0 auto;
	position: relative;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap {
		width: calc(100% - 0.6rem);
		margin: 0.55rem auto 0 auto;
	}
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap>.txt_box {
		position: relative;
		padding-bottom: 0.3rem;
	}
	.support .wedding_stage_wrap>.txt_box::before {
		content: "";
		position: absolute;
		bottom: 0;
		right: -50%;
		width: 150vw;
		height: 1px;
		background-color: #ececec;
	}
}
.support .wedding_stage_wrap>.txt_box .title {
	font-size: 0.5rem;
	letter-spacing: 0.1em;
	color: #ab9685;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap>.txt_box .title {
		font-size: 0.29rem;
		letter-spacing: 0.05em;
	}
}
.support .wedding_stage_wrap>.txt_box .title_sub {
	font-size: 0.18rem;
	letter-spacing: 0.05em;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap>.txt_box .title_sub {
		font-size: 0.12rem;
		letter-spacing: 0;
		margin-top: 0.06rem;
	}
}
.support .wedding_stage_wrap>.txt_box .txt {
	font-size: 0.18rem;
	letter-spacing: 0.05em;
	font-family: "游明朝";
	font-weight: 400;
	text-align: center;
	margin-top: 0.54rem;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap>.txt_box .txt {
		font-size: 0.12rem;
		margin-top: 0.24rem;
	}
}
.support .wedding_stage_wrap .list_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 0.4rem;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 0;
	}
}
.support .wedding_stage_wrap .list_box li {
	width: calc(100% / 3 - 1.4rem / 3);
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li {
		width: 100%;
	}
	.support .wedding_stage_wrap .list_box li:not(:last-child) .tab::before {
		content: "";
		position: absolute;
		bottom: 0;
		right: -50%;
		width: 150vw;
		height: 1px;
		background-color: #ececec;
	}
}
.support .wedding_stage_wrap .list_box li .tab {
	padding: 0.2rem 0;
	position: relative;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .tab .arrow {
		width: 0.15rem;
		position: absolute;
		bottom: 0.3rem;
		right: 0;
		-webkit-transition: -webkit-transform 0.6s;
		transition: -webkit-transform 0.6s;
		-o-transition: transform 0.6s;
		transition: transform 0.6s;
		transition: transform 0.6s, -webkit-transform 0.6s;
	}
	.support .wedding_stage_wrap .list_box li .tab .arrow.open {
		-webkit-transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg);
	}
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .tab_contents {
		display: none;
	}
}
.support .wedding_stage_wrap .list_box li .img_box {
	width: 100%;
	height: 2.4rem;
	background-size: cover;
	background-position: center;
	position: relative;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .img_box {
		height: 1.8rem;
	}
}
.support .wedding_stage_wrap .list_box li .img_box .txt {
	width: 0.9rem;
	height: 0.32rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.14rem;
	letter-spacing: 0.06em;
	color: #fff;
	background-color: #333333;
	position: absolute;
	top: 0;
	left: 0;
}
.support .wedding_stage_wrap .list_box li:nth-of-type(1) .img_box {
	background-image: url("../img/wedding_stage_01.jpg");
}
.support .wedding_stage_wrap .list_box li:nth-of-type(2) .img_box {
	background-image: url("../img/wedding_stage_02.jpg");
}
.support .wedding_stage_wrap .list_box li:nth-of-type(3) .img_box {
	background-image: url("../img/wedding_stage_03.jpg");
}
.support .wedding_stage_wrap .list_box li .logo {
	height: 0.37rem;
	margin: 0.3rem auto 0 auto;
	display: block;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .logo {
		margin: 0.2rem auto 0 0;
		height: auto;
		max-width: 89%;
	}
	.support .wedding_stage_wrap .list_box li .logo.style {
		width: 1.28rem;
	}
	.support .wedding_stage_wrap .list_box li .logo.kiyomizu {
		width: 1.45rem;
	}
}
.support .wedding_stage_wrap .list_box li .tel {
	text-align: center;
	margin-top: 0.2rem;
}
.support .wedding_stage_wrap .list_box li .tel a {
	margin-bottom: .12rem;
	position: relative;
	color: #bb9f84;
	font-size: .32rem;
	letter-spacing: 2px;
	font-weight: 500;
	font-style: normal;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .tel a {
		font-size: .26rem;
	}
}
.support .wedding_stage_wrap .list_box li .tel a:before {
	content: "";
	display: inline-block;
	width: .20rem;
	height: .20rem;
	margin-right: 6px;
	background-image: url(../img/ico_tel.png);
	background-size: cover;
	background-position: center;
	position: relative;
	top: -2px;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .tel a:before {
		top: 0;
	}
}
.support .wedding_stage_wrap .list_box li .txt_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.support .wedding_stage_wrap .list_box li .txt_box .title {
	margin-top: 0.3rem;
	padding-bottom: 0.18rem;
	font-size: 0.16rem;
	font-weight: 400;
	position: relative;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .txt_box .title {
		font-size: 0.14rem;
		padding-bottom: 0.14rem;
	}
}
.support .wedding_stage_wrap .list_box li .txt_box .title::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0.16rem;
	height: 2px;
	background-color: #ab9685;
}
.support .wedding_stage_wrap .list_box li .txt_box .txt {
	margin-top: 0.2rem;
	font-size: 0.14rem;
	line-height: 1.71;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .txt_box .txt {
		font-size: 0.12rem;
		line-height: 1.66;
	}
}
.support .wedding_stage_wrap .list_box li .link_box {
	margin-top: 0.16rem;
}
.support .wedding_stage_wrap .list_box li .link_box div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.support .wedding_stage_wrap .list_box li .link_box div a {
	width: calc(50% - 5px);
}
.support .wedding_stage_wrap .list_box li .link_box div a:nth-of-type(1) {
	background-color: #c0c0c0;
}
.support .wedding_stage_wrap .list_box li .link_box div a:nth-of-type(2) {
	background-color: #646464;
}
.support .wedding_stage_wrap .list_box li .link_box a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 0.48rem;
	border-radius: 4px;
	font-size: 0.14rem;
	font-weight: bold;
	color: #fff;
	position: relative;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .link_box a {
		font-size: 0.12rem;
	}
}
.support .wedding_stage_wrap .list_box li .link_box a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.1rem;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0.139rem;
	height: 0.118rem;
	background-image: url("../img/wedding_stage_10.png");
	background-size: cover;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .link_box a::before {
		right: 0.07rem;
	}
}
.support .wedding_stage_wrap .list_box li .link_box a:nth-of-type(1) {
	background-color: #ea9195;
	margin-top: 0.1rem;
	height: 0.7rem;
	font-size: 0.16rem;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .link_box a:nth-of-type(1) {
		font-size: 0.15rem;
	}
}
.support .wedding_stage_wrap .list_box li .link_box a:nth-of-type(2) {
	background-color: #5ac8b4;
	margin-top: 0.1rem;
}
.support .wedding_stage_wrap .list_box li .link_box a.link_img {
	height: auto;
	margin-top: 0.3rem;
}
@media screen and (max-width: 640px) {
	.support .wedding_stage_wrap .list_box li .link_box a.link_img {
		margin-top: 0.15rem;
	}
}
.support .wedding_stage_wrap .list_box li .link_box a.link_img img {
	width: 100%;
}