/* -------------------------------base(mobile)↓-------------------------------------- */
/* top start */
.top{
	font-weight: 900;
	text-align: center;
	margin-top: calc(calc(90 - 60) * var(--site-font-size-ratio));
	font-size: calc(20 * var(--site-font-size-ratio));
}
.top::before{
	content: "";
	display: block;
	width: calc(62.76 * var(--site-font-size-ratio));
	height: calc(65.45 * var(--site-font-size-ratio));
	background-image: url(../images/top-mark.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: auto;
}
.top>span{
	display: block;
	color: #FF4A4A;
	font-size: calc(28 * var(--site-font-size-ratio));
	margin-bottom: calc(calc(247 - 68 - 159) * var(--site-font-size-ratio));
}
/* top end */

/* buttons start */
.buttons{
	background-color: #ffffff;
	border-radius: calc(20 * var(--site-font-size-ratio));
	padding: calc(calc(336 - 296) * var(--site-font-size-ratio)) calc(20 * var(--site-font-size-ratio));
	width: calc(335 * var(--site-font-size-ratio));
	margin: calc(calc(296 - 247 - 24) * var(--site-font-size-ratio)) auto 0;
}
.buttons>a{
	display: block;
}
.buttons>a:first-of-type~a{
	margin-top: calc(7 * var(--site-font-size-ratio));
}
.buttons>small{
	display: block;
	margin-top: calc(calc(676 - 336 - 320) * var(--site-font-size-ratio));
	text-align: center;
	font-weight: 500;
	font-size: calc(12 * var(--site-font-size-ratio));
	line-height: 150%;
}
/* buttons end */

/* flows start */
.flows{
	margin-top: calc(calc(812 - 456 - 296) * var(--site-font-size-ratio));
	padding: 0 calc(20 * var(--site-font-size-ratio));
}
.flows>span{
	display: block;
	text-align: center;
	font-weight: 900;
	font-size: calc(24 * var(--site-font-size-ratio));
}
.flows>ol{
	margin: calc(calc(877 - 812 - 29) * var(--site-font-size-ratio)) auto 0;
	width: calc(286.73 * var(--site-font-size-ratio));
	counter-reset: flow;
	display: flex;
	flex-direction: column;
	row-gap: calc(37.92 * var(--site-font-size-ratio));
}
.flows>ol>li{
	min-height: calc(137.89 * var(--site-font-size-ratio));
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: calc(16 * var(--site-font-size-ratio));
	padding-left: calc(calc(286.73 - 133.89) * var(--site-font-size-ratio));
	--circle-diameter:133.89;
	--circle-radius:calc(var(--circle-diameter) / 2 * var(--site-font-size-ratio));
	--circle:radial-gradient(circle at top var(--circle-radius) left var(--circle-radius),#ffffff var(--circle-radius),transparent calc(var(--circle-radius) + 1 * var(--site-font-size-ratio)));
	background-size: calc(var(--image-width) * var(--site-font-size-ratio)),auto;
	background-position:top calc(calc(var(--circle-diameter) - var(--image-heigth)) / 2 * var(--site-font-size-ratio)) left calc(calc(var(--circle-diameter) - var(--image-width)) / 2 * var(--site-font-size-ratio)),center;
	background-repeat: no-repeat,no-repeat;
	position: relative;
}
.flows>ol>li:nth-of-type(1){
	background-image:
		url(../images/flow1.png),
		var(--circle);
	--image-width:42.58;
	--image-heigth:67.08;
}
.flows>ol>li:nth-of-type(2){
	background-image:
		url(../images/flow2.png),
		var(--circle);
	--image-width:64.4;
	--image-heigth:53.3;
}
.flows>ol>li:nth-of-type(3){
	background-image:
		url(../images/flow3.png),
		var(--circle);
	--image-width:39.97;
	--image-heigth:55.52;
}
.flows>ol>li:nth-of-type(4){
	background-image:
		url(../images/flow4.png),
		var(--circle);
	--image-width:74.77;
	--image-heigth:44.42;
}
.flows>ol>li::before{
	counter-increment: flow;
  	content: "0"counter(flow);
	position: absolute;
	top: 0;
	left: 0;
	width: calc(38.33 * var(--site-font-size-ratio));
	height: calc(38.33 * var(--site-font-size-ratio));
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FF4A4A;
	font-weight: 900;
	font-size: calc(14 * var(--site-font-size-ratio));
	color: #ffffff;
}
.flows>ol>li:first-of-type~li:after{
	content: "";
	display: block;
	width: calc(37.92 * var(--site-font-size-ratio));
	height: calc(37.92 * var(--site-font-size-ratio));
	background-image: url(../images/flow-arrow.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-100%);
}
.flows>div{
	margin-top: calc(calc(1586 - 877 - 679.32) * var(--site-font-size-ratio));
}
/* flows end */

/* fqa start */
.fqa{
	margin-top: calc(calc(1896 - 1586 - 190) * var(--site-font-size-ratio));
	background-color: #ffffff;
	padding: calc(calc(1896 - 1823) * var(--site-font-size-ratio)) calc(20 * var(--site-font-size-ratio));
}
.fqa>span{
	display: block;
	text-align: center;
	font-weight: 900;
	font-size: calc(24 * var(--site-font-size-ratio));
}
.fqa>dl{
	display: flex;
	flex-direction: column;
	row-gap: calc(4 * var(--site-font-size-ratio));
	font-size: calc(16 * var(--site-font-size-ratio));
}
.fqa>dl:first-of-type{
	margin-top: calc(calc(1961 - 1896 - 29) * var(--site-font-size-ratio));
}
.fqa>dl:first-of-type~dl{
	margin-top: calc(20 * var(--site-font-size-ratio));
}
.fqa>dl>dt{
	color: #FF4A4A;
	font-weight: 900;
	padding: calc(calc(147 - 130) * var(--site-font-size-ratio)) calc(calc(335 - 260 - 55) * var(--site-font-size-ratio)) calc(calc(147 - 130) * var(--site-font-size-ratio)) calc(55 * var(--site-font-size-ratio));
	background-color: #FFE8E8;
	border-radius: calc(30 * var(--site-font-size-ratio));
	position: relative;
}
.fqa>dl>dt::before{
	content: "Q";
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(40 * var(--site-font-size-ratio));
	height: calc(40 * var(--site-font-size-ratio));
	background-color: #ffffff;
	border-radius: 50%;
	position: absolute;
	top: calc(8 * var(--site-font-size-ratio));
	left: calc(8 * var(--site-font-size-ratio));
}
.fqa>dl>dd{
	font-weight: 500;
	padding-left: calc(55 * var(--site-font-size-ratio));
	position: relative;
}
.fqa>dl>dd::before{
	content: "A.";
	position: absolute;
	left: calc(21 * var(--site-font-size-ratio));
	color: #969696;
	font-size: calc(20 * var(--site-font-size-ratio));
}
.fqa>div{
	margin-top: calc(calc(3256 - 1961 - 1255) * var(--site-font-size-ratio));
}
/* fqa end */

/* popup_wrapper_visible>.popup_content:is(.tel_pop) start */
.popup_wrapper_visible>.popup_content:is(.tel_pop)>span{
	display: block;
	text-align: center;
	font-weight: 900;
	color: #FF4A4A;
	font-size: calc(24 * var(--site-font-size-ratio));
}
.popup_wrapper_visible>.popup_content:is(.tel_pop)>a#tel_href{
	display: block;
	position: relative;
	text-decoration: none;
}
.popup_wrapper_visible>.popup_content:is(.tel_pop)>a#tel_href>span{
    position: absolute;
    font-weight: 900;
    color: #ffffff;
    font-size: calc(22 * var(--site-font-size-ratio));
    top: 50%;
    left: 50%;
    transform: translate(-15%, -65%);
    width: 100%;
}
.popup_wrapper_visible>.popup_content:is(.tel_pop)>p{
	font-weight: 500;
	font-size: calc(12 * var(--site-font-size-ratio));
	line-height: 150%;
	text-align: center;
}
.popup_wrapper_visible>.popup_content:is(.tel_pop)>p>span{
	margin-top: calc(calc(332.88 - 149 - 163.91) * var(--site-font-size-ratio));
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	font-size: calc(16 * var(--site-font-size-ratio));
}
.popup_wrapper_visible>.popup_content:is(.tel_pop)>p>span::before{
	content: "⚠";
	font-size: calc(28 * var(--site-font-size-ratio));
	font-weight: 400;
}
.popup_wrapper_visible>.popup_content:is(.tel_pop)>a:nth-of-type(3){
	display: block;
	margin-top: calc(calc(426.88 - 365.88 - 36) * var(--site-font-size-ratio));
}
/* popup_wrapper_visible>.popup_content:is(.tel_pop) end */

/* popup_wrapper_visible>.popup_content:is(.stop_pop) start */
.popup_wrapper_visible>.popup_content:is(.stop_pop)>p{
	font-weight: 900;
	font-size: calc(18 * var(--site-font-size-ratio));
	text-align: center;
}
.popup_wrapper_visible>.popup_content:is(.stop_pop)>span{
	margin-top: calc(calc(214 - 120 - 66) * var(--site-font-size-ratio));
	display: block;
	font-weight: 500;
	font-size: calc(12 * var(--site-font-size-ratio));
	text-align: center;
	line-height: 150%;
}
.popup_wrapper_visible>.popup_content:is(.stop_pop)>a{
	margin-top: calc(calc(280 - 214 - 36) * var(--site-font-size-ratio));
	height: calc(65 * var(--site-font-size-ratio));
	background-color: #969696;
	border-radius: 99999px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	font-size: calc(14 * var(--site-font-size-ratio));
	line-height: calc(26 * var(--site-font-size-ratio));
	color: #ffffff;
	text-decoration: none;
	box-shadow: 0 calc(4 * var(--site-font-size-ratio)) calc(6 * var(--site-font-size-ratio)) 0 #00000016;
	position: relative;
}
.popup_wrapper_visible>.popup_content:is(.stop_pop)>a::before{
	content: "";
	display: block;
	width: calc(17 * var(--site-font-size-ratio));
	height: calc(17 * var(--site-font-size-ratio));
	background-image: url(../images/circle.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	right: calc(10 * var(--site-font-size-ratio));
	transform: translateY(-50%);
}
/* popup_wrapper_visible>.popup_content:is(.stop_pop) end */
/* -------------------------------base(mobile)↑-------------------------------------- */


/* -----------------desktop(include ipad)↓-------------------- */
@media screen and (min-width: 768px){
	/* top start */
	.top{
		margin-top: calc(calc(170 - 90) * var(--site-font-size-ratio));
		font-size: calc(24 * var(--site-font-size-ratio));
	}
	.top::before{
		width: calc(87.7 * var(--site-font-size-ratio));
		height: calc(91.45 * var(--site-font-size-ratio));
	}
	.top>span{
		font-size: calc(34 * var(--site-font-size-ratio));
		margin-bottom: calc(calc(340 - 49 - 281) * var(--site-font-size-ratio));
	}
	/* top end */

	/* buttons start */
	.buttons{
		padding: calc(calc(448 - 405) * var(--site-font-size-ratio)) calc(calc(370 - 220) * var(--site-font-size-ratio));
		width: calc(1000 * var(--site-font-size-ratio));
		margin: calc(calc(405 - 340 - 35) * var(--site-font-size-ratio)) auto 0;
		display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
	}
	.buttons>a{
		cursor: pointer;
	}
	.buttons>a:first-of-type~a{
		margin-top: calc(calc(538 - 448 - 70) * var(--site-font-size-ratio));
	}
	.buttons>a:nth-of-type(3)>picture>img,
	.buttons>a:nth-of-type(4)>picture>img{
		width: calc(340 * var(--site-font-size-ratio));
	}
	.buttons>small{
		width: 100%;
		margin-top: calc(calc(728 - 628 - 75) * var(--site-font-size-ratio));
	}
	/* buttons end */

	/* flows start */
	.flows{
		margin: calc(calc(856 - 371 - 405) * var(--site-font-size-ratio)) auto 0;
		width: calc(959.03 * var(--site-font-size-ratio));
	}
	.flows>span{
		font-size: calc(32 * var(--site-font-size-ratio));
	}
	.flows>ol{
		margin: calc(calc(942 - 856 - 46) * var(--site-font-size-ratio)) auto 0;
		width: 100%;
		row-gap: initial;
		column-gap: calc(37.92 * var(--site-font-size-ratio));
		flex-direction: row;
		justify-content: space-between;
	}
	.flows>ol>li{
		min-height: initial;
		width: calc(192 * var(--site-font-size-ratio));
		padding-left: 0;
		padding-top: calc(192.38 * var(--site-font-size-ratio));
		--circle-diameter:180.87;
		align-items: baseline;
		justify-content: center;
        text-align: center;
	}
	.flows>ol>li:nth-of-type(1){
		--image-width:57.52;
		--image-heigth:90.62;
	}
	.flows>ol>li:nth-of-type(2){
		--image-width:87;
		--image-heigth:72;
	}
	.flows>ol>li:nth-of-type(3){
		--image-width:54;
		--image-heigth:75;
	}
	.flows>ol>li:nth-of-type(4){
		--image-width:101;
		--image-heigth:60;
	}
	.flows>ol>li::before{
		width: calc(51.78 * var(--site-font-size-ratio));
		height: calc(51.78 * var(--site-font-size-ratio));
		font-size: calc(18.96 * var(--site-font-size-ratio));
	}
	.flows>ol>li:first-of-type~li:after{
		width: calc(37.92 * var(--site-font-size-ratio));
		height: calc(37.92 * var(--site-font-size-ratio));
		top: 50%;
		left: 0;
		transform: scale(1.3) rotate(-90deg) translate(50%,-100%);
	}
	.flows>div{
		margin-top: calc(calc(1245 - 942 - 252.51) * var(--site-font-size-ratio));
		display: flex;
		justify-content: center;
		column-gap: calc(calc(734 - 361 - 345) * var(--site-font-size-ratio));
	}
	.flows>div>a{
		display: block;
		width: calc(345 * var(--site-font-size-ratio));
		cursor: pointer;
	}
	/* flows end */
	
	/* fqa start */
	.fqa{
		margin: calc(calc(1415 - 1245 - 90) * var(--site-font-size-ratio)) auto 0;
		padding: calc(calc(1495 - 1415) * var(--site-font-size-ratio)) 0;
	}
	.fqa>*{
		width: calc(1000 * var(--site-font-size-ratio));
		margin: auto;
	}
	.fqa>span{
		font-size: calc(32 * var(--site-font-size-ratio));
	}
	.fqa>dl{
		row-gap: calc(12 * var(--site-font-size-ratio));
	}
	.fqa>dl:first-of-type{
		margin-top: calc(calc(1581 - 1495 - 38) * var(--site-font-size-ratio));
	}
	.fqa>dl:first-of-type~dl{
		margin-top: calc(40 * var(--site-font-size-ratio));
	}
	.fqa>dl>dt{
		padding: calc(15 * var(--site-font-size-ratio)) calc(75 * var(--site-font-size-ratio));
		font-size: calc(20 * var(--site-font-size-ratio));
	}
	.fqa>dl>dt::before{
		font-size: calc(24 * var(--site-font-size-ratio));
		width: calc(44 * var(--site-font-size-ratio));
		height: calc(44 * var(--site-font-size-ratio));
	}
	.fqa>dl>dd{
		padding-left: calc(75 * var(--site-font-size-ratio));
	}
	.fqa>dl>dd::before{
		left: calc(23 * var(--site-font-size-ratio));
		font-size: calc(24 * var(--site-font-size-ratio));
		line-height: 1;
	}
	.fqa>div{
		margin-top: calc(calc(2797 - 1581 - 1136) * var(--site-font-size-ratio));
		display: flex;
		flex-direction: row;
		justify-content: center;
		column-gap: calc(calc(734 - 361 - 345) * var(--site-font-size-ratio));
	}
	.fqa>div>a{
		cursor: pointer;
		width: calc(345 * var(--site-font-size-ratio));
	}
	/* fqa end */

	/* popup_wrapper_visible>.popup_content:is(.tel_pop) start */
	.popup_wrapper_visible>.popup_content:is(.tel_pop)>span{
		font-size: calc(40 * var(--site-font-size-ratio));
	}
	.popup_wrapper_visible>.popup_content:is(.tel_pop)>a#tel_href>span{
		font-size: calc(26 * var(--site-font-size-ratio));
		transform: translate(-15%, -65%);
	}
	.popup_wrapper_visible>.popup_content:is(.tel_pop)>p>span{
		margin-top: calc(calc(464 - 249 - 190) * var(--site-font-size-ratio));
		font-size: calc(18 * var(--site-font-size-ratio));
	}
	.popup_wrapper_visible>.popup_content:is(.tel_pop)>p>span::before{
		font-size: calc(32 * var(--site-font-size-ratio));
	}
	.popup_wrapper_visible>.popup_content:is(.tel_pop)>a:nth-of-type(3){
		margin-top: calc(calc(561 - 500 - 36) * var(--site-font-size-ratio));
	}
	/* popup_wrapper_visible>.popup_content:is(.tel_pop) end */

	/* popup_wrapper_visible>.popup_content:is(.stop_pop) start */
	.popup_wrapper_visible>.popup_content:is(.stop_pop)>span{
		margin-top: calc(calc(330 - 236 - 66) * var(--site-font-size-ratio));
	}
	.popup_wrapper_visible>.popup_content:is(.stop_pop)>a{
		margin-top: calc(calc(411 - 330 - 36) * var(--site-font-size-ratio));
		height: calc(70 * var(--site-font-size-ratio));
		font-size: calc(16 * var(--site-font-size-ratio));
	}
	.popup_wrapper_visible>.popup_content:is(.stop_pop)>a::before{
		width: calc(20 * var(--site-font-size-ratio));
		height: calc(20 * var(--site-font-size-ratio));
	}
	/* popup_wrapper_visible>.popup_content:is(.stop_pop) end */
}

@media screen and (min-width: 1440px){
}
/* -----------------desktop(include ipad)↑-------------------- */