@charset "utf-8";
/* CSS Document */
/*共通設定*/
@font-face {
	font-family: 'zkga_bl';
 	src: url('../font/ZenKakuGothicAntique-Black.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'zkga_bo';
 	src: url('../font/ZenKakuGothicAntique-Bold.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'zkga_me';
 	src: url('../font/ZenKakuGothicAntique-Medium.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'zkga_re';
 	src: url('../font/ZenKakuGothicAntique-Regular.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'ns_bo';
 	src: url('../font/NotoSerifJP-Bold.otf') format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'ns_sb';
 	src: url('../font/NotoSerifJP-SemiBold.otf') format('opentype');
	font-display: swap;
}
/* CSS Document */
.pc_block{display: none;}
.sp_block{display: block;}
*{box-sizing: border-box;}
main{
	box-sizing: border-box;
	position: relative;
	font-family: 'zkga_me';
}
main p{transform: rotate(0.06deg);}
a{text-decoration: none;}
strong{font-weight: bold;}
h2,h3,h4{transform: rotate(0.06deg);}
h2{
	letter-spacing: 0.02em;
	font-size: 6.13vw;
	font-family: 'ns_bo';
	margin-top: calc(3% + 0.75px);
}
hgroup {
	text-align: center;
	color: #33190D;
}
hgroup span.sub_title{
	letter-spacing: 0.2em;
	font-size: 3.2vw;
	font-family: 'ns_sb';
	position: relative;
}
hgroup span.sub_title::after{
	content: "";
	display: block;
	width: 80px;
	height: 1px;
	background: linear-gradient(
	  to right,
	  #33190D 0 50%,
	  #DA7280 50% 100%
  );
	margin-top: 4%;
	margin-right: auto;
	margin-left: auto;
}
.accordion_button{
	position: relative;
}
.accordion_button .cross_box{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin-right: 5%;
}
.accordion_button .cross_box::before,
.accordion_button .cross_box::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000;
	transform: translate(-50%, -50%);
}
/* 横線 */
.accordion_button .cross_box::before {
	width: 1em;
	height: 2px;
}

/* 縦線 */
.accordion_button .cross_box::after {
	width: 2px;
	height: 1em;
}
.accordion_button.active .cross_box::after{
	display: none;
}
.button{
	transition-duration: 0.3s;
	position: relative;
	letter-spacing: 0.05em;
}
.button:hover{
	opacity: 0.7;
	box-shadow: none;
}
.button::after{
	content: "";
	display: block;
	background-image: url("../img/icon_button_white.webp");
	background-size: contain;
	background-repeat: no-repeat;
	width: calc(5vw - 0.75px);
	height: calc(5vw - 0.75px);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	margin-right: 4vw;
	margin-left: auto;
	left: 0;
	right: 0;
}
main img{width: 100%;height: auto;}
@media screen and (min-width: 1200px) {
	.sp_block{
		display: none;
	}
	.pc_block{display: block;}
	hgroup span.sub_title{
		font-size: 20px;
	}
	hgroup span.sub_title::after{
		margin-top: 25px;
		height: 2px;
	}
	h2{
		margin-top: 15px;
		font-size: 45px;
	}
	.accordion_button .cross_box::before{
		height: 2px;
	}
	.accordion_button .cross_box::after{
		width: 2px;
	}
	.button::after{
		width: 24px;
		height: 24px;
	}
}
/*MV*/
.mv{
	background-image: url("../img/mv_sp-tab.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:top center;
	padding-bottom: calc(10% - 0.5px);
	z-index: 2;
	position: relative;
}
.mv .main_logo{
	background-image: url("../img/mv_object.webp");
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: calc(35% + 1px);
	width: calc(35% - 1px);
	position: relative;
}
.mv .main_logo .img_box{
	width: calc(59% - 1px);
	position: absolute;
	margin-top: 10%;
	margin-left: 4%;
}

.mv .text_logo_block{
	width: 85%;
	margin-top: min(calc(35% + 1px),200px);
	margin-right: auto;
	margin-left: auto;
}
.mv .text_logo_block p{
	color: white;
	text-shadow: 0px 0px 7px #330E00;
	font-size: min(3.47vw,24px);
	letter-spacing: 0.1em;
	font-family: 'ns_sb';
	line-height: 1.875;
}
.mv .text_logo_block .img_box{
	margin-top: 2%;
}
.mv .white_block{
	background-color: white;
	margin-top: 8%;
	padding: 4% 0;
}
.mv .white_block .inner{
	width: calc(81% + 2px);
	margin-left: auto;
	margin-right: auto;
}
.mv .white_block .inner p{
	font-size: min(2.83vw);
	font-family: 'zkga_bo';
	letter-spacing: 0.03em;
	text-align: center;
}
.mv .white_block .inner p span{
	color: #F65268;
	font-family: 'zkga_bl';
	font-size: min(3.47vw);
}

.mv .white_block ul{
	display: flex;
	filter:drop-shadow(2px 2px 3px #00000029);
	justify-content: space-between;
	max-width: 526px;
	margin-top: 3%;
	margin-left: auto;
	margin-right: auto;
}
.mv .white_block ul li{
	width: 24%;
	max-width: 111px;
}
.mv .bridge_text{
	color: #F65268;
	width: calc(69% + 2px);
	display: block;
	text-align: center;
	font-size: min(2.67vw);
	font-family: 'zkga_bo';
	margin-top: calc(4% + 3px);
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.mv .bridge_text::before,.mv .bridge_text::after{
	content: "";
	display: block;
	width: 1px;
	background-color: #F65268;
	height: 100%;
	position: absolute;
	top: auto;
	bottom: -1px;
	left: 0;
	transform: rotate(-22deg)
}
.mv .bridge_text::before{
	margin-left: 2%;
}
.mv .bridge_text::after{
	right: 0;
	left: auto;
	transform: rotate(22deg)
}

.mv .bridge_text .fs{
	font-size: min(3.2vw);
}
.mv .button{
	display: block;
	background-color: #F65268;
	color: white;
	text-align: center;
	font-family: 'zkga_bo';
	font-size: 4vw;
	width: 87%;
	margin-top: calc(2% + 0.25px);
	margin-left: auto;
	margin-right: auto;
	border-radius: 8px;
	padding: 3% 0;
	box-shadow: 3px 3px 3px #00000041;
	position: relative;
}
.mv .button:hover{
	box-shadow:none;
}
@media screen and (min-width: 1200px) {
	.mv{
		background-image: url("../img/mv_pc.webp");
		background-size: cover;
		background-position: top center;
		padding-bottom: 74px;
	}
	.mv .main_logo_box{
		width: 193px;
		display: block;
	}
	.mv .main_logo{
		padding-bottom: 0;
		width: 193px;
		height: 188px;
		background-size: 100% 100%;
	}	
	.mv .main_logo .img_box{
		width: 97px;
		height: 110px;
		margin-left: 26px;
	}
	.mv .text_logo_block{
		max-width: 567px;
		margin-top: calc(5% - 3px);
		margin-left: calc(4% + 2px);
	}
	.mv .text_logo_block .img_box{
		margin-top: calc(6% - 1px);
	}
	.mv .white_block{
		margin-top: calc(4% - 5px);
		padding-top: 22.8px;
		padding-bottom: 28px;
	}
	.mv .white_block .inner{
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-width: 834px;
	}
	.mv .white_block .inner p {
		font-size: 25px;
		line-height: 1.68;
	}
	.mv .white_block .inner p span{
		font-size: 28px;
	}
	.mv .white_block ul{
		margin-top: 0;
		margin-left: 0;
    	margin-right: 0;
		max-width: 463px;
		width: 100%;
	}
	.mv .bridge_text{
		font-size: 16px;
		max-width: 434px;
		margin-top: 32px;
	}
	.mv .bridge_text::after{
		margin-right: 2%;
	}
	.mv .bridge_text .fs{
		font-size: 19px;
	}
	.mv .button{
		padding: 0;
		height: 64px;
		line-height: 64px;
		font-size: 22px;
		margin-top: 16px;
		border-radius: 12px;
		max-width: 480px;
	}
	.mv .button::after{
		margin-right: 20px;
	}
}



.step{
	background-color: #FCEFEA;
	padding-top: 16%;
	padding-bottom: calc(11% + 0.75px);
}
.step .step_block,.step .white_block{
	width: 87%;
	margin-right: auto;
	margin-left: auto;
}
.step .step_block{
	margin-top: 8%;
}
.step .step_block .step_detail{
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.4);
	position: relative;
	padding-top:calc(9% + 0.65px);
	padding-bottom: calc(9% + 0.65px);
}
.step .step_block .step_detail:nth-of-type(n+2){
	margin-top: calc(7% + 2px);
}
.step .step_block .step_detail::after{
	content: "";
	position: absolute;
	bottom: -3%;
	left: 50%;
	transform: translateX(-50%);
	width: 5%;
	height: calc(6% - 1px);
	background: #F65268;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.step .step_block .step_detail h3{
	font-family: 'ns_bo';
	color: #F65268;
	letter-spacing: 0.1em;
	font-size: 5.33vw;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin-top: -4%;
}
.step .step_block .step_detail .inner {
	display: flex;
}
.step .step_block .step_detail .text_box {
	width: 55%;
	margin-left: 6%;
}
.step .step_block .step_detail .text_box h4{
	font-family: 'zkga_bo';
	font-size: 4vw;
	line-height: 1.66;
	color: #33190D;
}
.step .step_block .step_detail .text_box p{
	font-family: 'zkga_me';
	font-size: 3.47vw;
	line-height: 1.69;
	margin-top: 6%;
}
.step .step_block .step_detail .img_box{
	width: 43%;
	margin-left: auto;
}
.step .white_block{
	background-color: white;
	padding-top: calc(5% - 0.75px);
	padding-bottom: calc(7% + 0.65px);
	margin-top: calc(6% - 2.5px);
	border-radius: 2px;
	position: relative;
}
.step .white_block>.inner{
	width: calc(92% - 1px);
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.step .white_block .inner .text_box h3{
	color: #F65268;
	letter-spacing: 0.05em;
	font-size: 4.8vw;
	font-family: 'zkga_bo';
}
.step .white_block .inner .text_box .header_text{
	font-size: 3.47vw;
	line-height: 1.69;
	width: 59%;
	margin-top: calc(6% - 1.55px);
}
.step .white_block .inner .text_box ul{
	margin-top: calc(13% - 1px);
}
ul.attention_block li{
	background-color: #FFF8CE;
	border-radius: 10px;
	padding:3% 0;
}
ul.attention_block li:nth-of-type(2){
	margin-top: calc(4% - 1.7px);
}
ul.attention_block li .inner{
	display: flex;
	align-items: center;
	width: calc(93% - 1px);
	margin-left: calc(4% + 0.3px);
}
ul.attention_block li .inner .img_box{
	width: 16%;
}
ul.attention_block li .inner p{
	color: #F65268;
	font-size: 3.2vw;
	font-family: 'zkga_bo';
	line-height: 1.66;
	margin-left: 4%;
}
.step .white_block>.inner>.img_box{
	position: absolute;
	top: 0;
	width: 39%;
	left: auto;
	right: 0;
	margin-top: 13%;
	margin-right: -6%;
}
@media screen and (min-width: 1200px) {
	.step{
		padding-top: 100px;
		padding-bottom: 123px;
	}
	.step .step_block{
		max-width: 1100px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 60px;
	}
	.step .step_block .step_detail{
		padding-top: 60px;
		padding-bottom: 40px;
		max-width: 330px;
		width: 100%;
		border-radius: 10px;
	}
	.step .step_block .step_detail:nth-of-type(n+2){
		margin-top: 0;
	}
	.step .step_block .step_detail::after{
		width: 21px;
		height: 36px;
		clip-path: polygon(0 0, 100% 50%, 0 100%);
		left: auto;
		right: 0;
		top: 0;
		bottom: 0;
		margin-top: auto;
		margin-bottom: auto;
		margin-right: -48px;
	}
	.step .step_block .step_detail:nth-of-type(3)::after{
		display: none;
	}
	.step .step_block .step_detail h3{
		font-size: 35px;
		margin-top: -7%;
	}
	.step .step_block .step_detail .inner{
		flex-direction: column;
	}
	.step .step_block .step_detail .text_box{
		margin-right: auto;
		margin-left: auto;
		max-width: 290px;
    	width: 100%;
	}
	.step .step_block .step_detail .inner .text_box h4{
		font-size: 25px;
	}
	.step .step_block .step_detail .inner .text_box p{
		font-size: 18px;
		margin-top: 7px;
	}
	.step .step_block .step_detail .img_box{
		margin-top: 26px;
		margin-right: auto;
		margin-left: auto;
		max-width: 184px;
		width: 100%;
	}
	.step .white_block{
		max-width: 854px;
		width: 100%;
		border-radius: 10px;
		margin-top: 63px;
		padding-top: 34px;
		padding-bottom: 34px;
		position: relative;
	}
	.step .white_block::before{
		content: "";
		display: block;
		width: 36px;
		height: 21px;
		background: #F65268;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		position: absolute;
		left: 0;
		right: 0;
		margin-top: -5%;
		margin-left: auto;
		margin-right: auto;
	}
	.step .white_block>.inner{
		display: flex;
		justify-content: space-between;
		max-width: 750px;
	}
	.step .white_block .inner .text_box h3{
		font-size: 25px;
	}
	.step .white_block .inner .text_box .header_text{
		font-size: 18px;
		max-width: 430px;
		width: 100%;
	}
	.step .white_block .inner .text_box ul{
		margin-top: 20px;
	}
	ul.attention_block{
		max-width: 431px;
		margin-top: 20px;
	}
	.contents_block .inner ul.attention_block li .inner .img_box{
		width: 51px;
		height: 55px;
	}
	ul.attention_block li .inner p{
		font-size: 18px;
	}
	ul.attention_block li .inner .img_box{
		width: 51px;
		height: 55px;
	}
	.step .white_block > .inner > .img_box{
		position: static;
	    margin-top: 22px;
		margin-right: 0;
    	max-width: 269px;
	}
}

section.bgi .img_box{
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 1200px) {
	section.bgi {
		background-image: url("../img/bgisection_pcbgi.webp");
		background-size: cover;
	}
}


.point{
	background-color: #FCEFEA;
	padding-top: 16%;
	padding-bottom: calc(19% - 1.25px);
}
/*共通兼POINT-01*/
.contents_block{
	border: solid 1px #DA7280;
	background-color: white;
	border-radius: 2px;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	padding-top: calc(5% - 3.75px);
}
.contents_block:first-of-type{
	margin-top: calc(10% - 1.5px);
}
.contents_block:nth-of-type(n+2){
	margin-top: 8%;
	padding-bottom: 8%;
}
.contents_block .header_box{
	display: flex;
	align-items: center;
}
.contents_block .header_box .number{
	font-family: 'ns_sb';
	letter-spacing: 0.2em;
	display: block;
	background-color: #F65268;
	color:white;
	padding: 3% 0;
	width: calc(32% - 2px);
	font-size: 3.2vw;
	text-align: center;
}
.contents_block .header_box h3{
	font-family: 'ns_bo';
	font-size: 5.33vw;
	color: #33190D;
	letter-spacing: 0.02em;
	margin-left: calc(5% - 1.4px);
}
.contents_block .img_box.sp_block{
	width: 53%;
	margin-top: 4%;
	margin-right: auto;
	margin-left: auto;
}
.contents_block>.inner {
	width: calc(89% - 1px);
	margin-top: calc(4% - 1px);
	margin-right: auto;
	margin-left: auto;
}
.contents_block .inner h4{
	color: #F65268;
	font-family: 'zkga_bo';
	font-size: 4.27vw;
}
.contents_block .inner p{
	font-family: 'zkga_me';
	font-size: 4.27vw;
	line-height: 1.56;
	margin-top: calc(4% - 1px);
}
.contents_block .inner span{
	font-family: 'zkga_re';
	font-size: 3.2vw;
	line-height: 1.66;
	margin-top: 3%;
}
.contents_block .inner ul.attention_block{
	margin-top: calc(6% - 1px);
}
.contents_block .inner ul.attention_block li .inner{
	width: calc(89% - 1px);
}
.contents_block .inner ul.attention_block li .inner .img_box{
	width: 23%;
}
.contents_block .inner ul.attention_block li:last-of-type .inner .img_box{
	width: 20%;
}
.contents_block .attention_block p{
	margin-top: 0;
	font-family: 'zkga_bo';
}
.red_block{
	margin-top: calc(10% - 2.8px);
	padding-top: calc(6% + 1px);
	padding-bottom: calc(5% - 1.4px);
	background-image: url("../img/redblock_bgi.webp");
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
.red_block span{
	color: white;
	line-height: 1.56;
	font-size: 4.27vw;
}
.red_block p{
	color: #FFF8CE;
	font-size: 6.93vw;
	line-height: 1.57;
}
.contents_block>.inner .link_button {
	margin-top: 6%;
	text-align: center;
	background-color: #6C311F;
	display: block;
	color: white;
	padding: 4% 0;
	font-family: 'zkga_bo';
}
.contents_block>.inner .link_button span{
	margin-top: 0;
	font-family: 'zkga_bo';
	font-size: 4vw;
}
/*POINT-02*/
.contents_block.point_two .header_box h3{
	letter-spacing: normal;
}
.contents_block.point_two .img_box.sp_block{
	width: calc(80% + 0.6px);
	margin-top: calc(5% + 1.6px);
}
.contents_block.point_two>.inner{
	margin-top: calc(6% + 1px);
}
.contents_block.point_two>.inner .flex_box .text_box p{
	font-size: 4.27vw;
}
.contents_block.point_two>.inner .flex_box .text_box p span{
	font-family: 'zkga_bl';
	font-size: 4.27vw;
}
.contents_block.point_two>.inner .accordion_block{
	margin-top: calc(11% - 2px);
}
.contents_block.point_two>.inner .accordion_block .accordion_button{
	display: block;
	color: #6C311F;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 3% 0;
	border: solid 1px #6C311F;
	border-radius: 2px;
	cursor: pointer;
}
.contents_block.point_two>.inner .accordion_block .accordion_button.active{
	border: none;
}
.contents_block.point_two>.inner .accordion_block .accordion_button>span{
	font-family: 'zkga_bo';
}
.contents_block.point_two>.inner .accordion_block .accordion_button .open_text{
	display: none;
	position: relative;
}
.contents_block.point_two>.inner .accordion_block .accordion_button.active .open_text{
	display: block;
	margin-top: 0;
	font-size: 5.33vw;
	width: calc(98% + 1px);
	padding-bottom: 3%;
	border-bottom: solid 1px #6C311F;
}
.contents_block.point_two>.inner .accordion_block .accordion_button.active .close_text{
	display: none;
}
.contents_block.point_two>.inner .accordion_block .accordion_button .cross_box{
	margin-top: 0;
}
.accordion_button .cross_box::before, .accordion_button .cross_box::after{
	background-color: #6C311F;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents{
	margin-top: calc(10% + 1px);
	display: none;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents.active{
	display: block;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents .inner{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.contents_block.point_two > .inner .accordion_block .accordion_contents li:nth-of-type(n+2){
	margin-top: calc(18% - 1.3px);
}
.contents_block.point_two > .inner .accordion_block .accordion_contents li:nth-of-type(n+2)::before{
    content: "";
    display: block;
	width: 5%;
	height: calc(6% - 1px);
	background: #F65268;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: -10%;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents li .img_box{
	min-width: 112px;
	width: 39%;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents li .text_box{
	width: 55%;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents li .text_box span{
	font-family: 'zkga_bl';
	letter-spacing: 0.02em;
	color: #33190D;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents li .text_box p{
	font-size: 3.47vw;
}
.contents_block.point_two > .inner .accordion_block .accordion_contents .inner a.pc_block{
	display: none;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents .close{
	display: block;
	width: calc(98% - 1px);
	margin-right: auto;
	margin-left: auto;
	border-bottom: solid 1px #6C311F;
	padding-bottom: 4%;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents .close span{
	display: block;
	text-align: left;
	font-family: 'zkga_bo';
	letter-spacing: 0.05em;
	width: 22%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	cursor: pointer;
}
.contents_block.point_two>.inner .accordion_block .accordion_contents .close span::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	height: 1px;
	width: 12px;
	background-color: #6C311F;
	margin: auto;
	margin-left: auto;
	margin-right: 0;
}
.contents_block.point_two>.inner .accordion_block li.link_button a span{
	font-family: 'zkga_bo';
	letter-spacing: 0.05em;
}
/*POINT-03*/
.contents_block.point_three > .inner{
	width: 90%;
}
.contents_block.point_three > .inner .link_button{
	font-size: 4vw;
	margin-top: 7%;
}
/*POINT-04*/
.contents_block.point_four .inner ul.attention_block {
	margin-top: calc(4% - 1px);
}
.contents_block.point_four .inner ul.attention_block li .inner{
	width: 90%;
}
@media screen and (min-width: 1200px) {
	.point{
		padding-top: 174px;
		padding-bottom: 128px;
	}
	.contents_block{
		border-width: 3px;
		padding-top: 45px;
		max-width: 950px;
	}
	.contents_block:first-of-type{
		margin-top: 50px;
	}
	.contents_block:nth-of-type(n+2){
		margin-top: 40px;
		padding-bottom: 37px;
	}
	.contents_block .header_box .number{
		font-size: 18px;
		line-height: 50px;
		max-width: 158px;
		padding: 0;
		height: 50px;
	}
	.contents_block .header_box h3{
		font-size: 30px;
		margin-left: 15px;
	}
	.contents_block > .inner{
		margin-top: 42px;
	}
	.contents_block > .inner .flex_box {
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.contents_block > .inner .flex_box .text_box h4{
		font-size: 23px;
	}
	.contents_block > .inner .flex_box .text_box p{
		font-size: 23px;
		letter-spacing: 0.04em;
	    line-height: 1.73;
		margin-top: 20px;
	}
	.contents_block > .inner .flex_box .text_box span{
		font-size: 15px;
	}
	/*POINT-01*/
	.contents_block.point_one > .inner{
		max-width: 873px;
		width: 100%;
	}
	.contents_block.point_one > .inner .flex_box .text_box p,.contents_block.point_one > .inner .flex_box .text_box span{
		max-width: 400px;
	}
	.contents_block.point_one > .inner .flex_box .text_box p{
		letter-spacing: 0.04em;
	}
	.contents_block.point_one > .inner .flex_box .text_box span{
		margin-top: 20px;
		display: block;
	}
	.contents_block.point_one > .inner .flex_box .img_box{
		position: absolute;
		left: 0;
		right: 0;
		max-width: 221px;
		margin-top: -12%;
		margin-right: 12%;
		margin-left: auto;
	}
	.contents_block.point_one>.inner ul.attention_block{
		display: flex;
		justify-content: space-between;
		width: 100%;
		max-width: 873px;
		margin-top: 20px;
	}
	ul.attention_block li{
		max-width: 430px;
	}
	.contents_block.point_one>.inner ul.attention_block li:nth-of-type(2){
		margin-top: 0;
	}
	.red_block{
		padding-top: 28px;
		padding-bottom: 26px;
		margin-top: 43px;
		background-image: url("../img/redblock_bgi_pc.webp");
	}
	.red_block span{
		font-size: 20px;
	}
	.red_block p{
		font-size: 36px;
	}
	/*POINT-02*/
	.contents_block.point_two > .inner{
		max-width: 880px;
		width: 100%;
	}
	.contents_block.point_two > .inner .flex_box .text_box p,.contents_block.point_two > .inner .flex_box .text_box p span{
		font-size: 23px;
	}
	.contents_block.point_two > .inner .flex_box .text_box p{
		max-width: 404px;
		letter-spacing: 0.04em;
	}
	.contents_block.point_two > .inner .flex_box .img_box{
		max-width: 424px;
		margin-top: -56px;
	}
	.contents_block.point_two > .inner .wrapper{
		position: relative;
	}
	.contents_block.point_two > .inner .accordion_block{
		margin-top: 30px;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.contents_block.point_two > .inner .accordion_block:has(.active){
		flex-flow: column;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_button,.contents_block.point_two > .inner .accordion_block .link_block{
		max-width: 420px;
		width: 100%;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_button{
		margin-top: 0;
		padding: 0;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_button.active .open_text{
		font-size: 20px;
		border: solid 1px #6C311F;
		border-bottom-color: white;
		width: 100%;
		height: 100px;
		position: relative;
		z-index: 1;
		top: 1px;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_button.active .open_text::after{
		content: "";
		width: 20px;
		height: 1px;
		background-color: #6C311F;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		margin-top: 8%;
		margin-right: 26px;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents{
		margin-top: 0;
		padding-bottom: 38px;
		border: solid 1px #6C311F;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents .inner{
		max-width: 809px;
		margin-top: 23px;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents h5{
		text-align: center;
		font-size: 29px;
		letter-spacing: 0.05em;
		color: #6C311F;
		font-family: 'zkga_bo';
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents ul{
		margin-top: 13px;
		padding-top: 42px;
		padding-bottom: 50px;
		border-top: solid 1px #6C311F;
		border-bottom: solid 1px #6C311F;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents li:nth-of-type(n+2){
		margin-top: 60px;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents li:nth-of-type(n+2)::before{
		width: 38px;
		height: 23px;
		margin-top: -34px;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents li .text_box{
		max-width: 545px;
		width: 100%;
	}
	.contents_block.point_two > .inner .wrapper .link_block{
		position: absolute;
		top: 0;
		right: 0;
		max-width: 420px;
		width: 100%;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents li .img_box{
		max-width: 198px;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents li .text_box span{
		font-size: 28px;
		margin-top: 0;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents li .text_box p{
		font-size: 23px;
		letter-spacing: 0.04em;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_button span,.contents_block.point_two > .inner .link_button{
		font-size: 20px;
		line-height: 64px;
		display: block;
		margin-top: 0;
		height: 64px;
		padding: 0;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_button .cross_box::before{
		height: 1px;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_button .cross_box::after{
		width: 1px;
	}
	.contents_block.point_two > .inner .link_button::after{
		margin-right: 20px;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents .inner a.pc_block{
		max-width: 420px;
		margin-top: 43px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	.contents_block.point_two > .inner .link_button span{
		font-size: 22px;
	}
	.contents_block.point_two > .inner .accordion_block .accordion_contents .close{
		display: none;
	}
	/*POINT-03*/
	.contents_block.point_three{
		padding-bottom: 42px;
	}
	.contents_block.point_three > .inner .flex_box .text_box p{
		max-width: 404px;
	}
	.contents_block.point_three > .inner .flex_box .img_box{
		max-width: 221px;
		margin-top: -8%;
		margin-right: 11%;
	}
	.contents_block.point_three > .inner .link_button{
		font-size: 22px;
		margin-top: 30px;
	}
	.contents_block.point_three > .inner .link_button::after{
		margin-right: 20px;
	}
	/*POINT-04*/
	.contents_block.point_four > .inner .flex_box .text_box{
		max-width: 420px;
		width: 100%;
	}
	.contents_block.point_four > .inner .flex_box .text_box p{
		max-width: 407px;
	}
	.contents_block.point_four > .inner .flex_box .img_box{
		max-width: 225px;
		margin-top: -8%;
  		margin-right: calc(11% - 6px);
	}
	.contents_block.point_four .inner ul.attention_block{
		max-width: 420px;
		margin-top: 40px;
	}
	.contents_block.point_four .inner ul.attention_block li{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.contents_block.point_four .inner ul.attention_block li .inner {
		max-width: 396px;
		width: 100%;
	}
	.contents_block.point_four .inner ul.attention_block li .inner .img_box{
		width: 51px;
		height: 55px;
		margin-right:0;
		margin-top: auto;
		margin-bottom: auto;
	}
	.contents_block.point_four > .inner .flex_box .text_box .attention_block p{
		margin-top: 0;
		font-size: 18px;
		max-width: 331px;
		width: 100%;
		margin-left: 14px;
	    letter-spacing: normal;
	}
}




.links{
	margin-top: 14%;
}
.links hgroup{
	width: 22%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.links hgroup::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: linear-gradient(
	  to right,
	  #33190D 0 50%,
	  #DA7280 50% 100%
	);
	margin-top: 19%;
}

.links h2{
	font-size: 3.23vw;
	letter-spacing: 0.2em;
	margin-top: 0;
	font-family: 'ns_sb';
}
.links .link_box{
	width: calc(78% - 2.5px);
	margin-top: 8%;
	margin-left: auto;
	margin-right: auto;
}
.links .link_box li{
	border-radius: 2px;
	border: solid 1px #6C311F;
	padding: 4%;
}
.links .link_box li:nth-of-type(2){
	margin-top: 7%;
}
.links .link_box li a::after{
	display: none;
}
.links .link_box li span{
	display: block;
}
.links .link_box li span.inner{
	width: calc(77% + 1px);
	margin-left: auto;
	margin-right: 0;
	position: relative;
}
.links .link_box li span.inner::before,.links .link_box li span.inner::after{
	content: "";
	display: block;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
	bottom: 0;
}
.links .link_box li span.inner::before{
	background-image: url("../img/icon_house.webp");
	width: 10%;
	height: 100%;
}
.links .link_box li:last-of-type span.inner::before{
	background-image: url("../img/icon_question.webp");
}
.links .link_box li span.inner::after{
	background-image: url("../img/icon_button_brown.webp");
	width: 9%;
	height: 100%;
	right: 0;
}
.links .link_box li .text{
	font-size: 4vw;
	font-family: 'zkga_bo';
	color: #6C311F;
	letter-spacing: 0.05em;
	margin-left: 15%;
}
@media screen and (min-width: 1200px) {
	.links{
		margin-top: 70px;
	}
	.links hgroup{
		width: 83px;
	}
	.links hgroup::after{
		height: 2px;
		margin-top: 25px;
	}
	.links h2{
		font-size: 20px;
	}
	.links .link_box{
		margin-top: 70px;
		max-width: 880px;
		display: flex;
		justify-content: space-between;
	}
	.links .link_box li{
		width: 420px;
		height: 64px;
		padding: 0;
		line-height: 64px;
		border-width: 2px;
	}
	.links .link_box li:nth-of-type(2){
		margin-top: 0;
	}
	.links .link_box li span.inner::before,.links .link_box li span.inner::after{
		margin-top: auto;
		margin-bottom: auto;
	}
	.links .link_box li span.inner::before{
		width: 35px;
		height: 28px;
	}
	.links .link_box li:last-of-type span.inner::before{
		width: 28px;
		height: 27px;
	}
	.links .link_box li span.inner::after{
		width: 24px;
		height: 24px;
		margin-right: 20px;
	}
	.links .link_box li .text{
		font-size: 22px;
	}

}


.requirements{
	background-color: #EEE;
	margin-top: calc(19% - 1px);
	padding-top: 16%;
	padding-bottom: calc(14% - 2.5px);
}
.requirements .requirements_box{
	display: flex;
	justify-content: space-between;
	width: 87%;
	margin-top: 8%;
	margin-left: auto;
	margin-right: auto;
}
.requirements .requirements_box>li{
	width: calc(49% + 0.15px);
	border:solid 2px #DA7280;
	border-radius: 2px;
	background-color: white;
	padding-top: calc(4% - 1.05px);
	padding-bottom: calc(8% + 0.9px);
}
.requirements .requirements_box > li h3{
	font-family: 'ns_bo';
	font-size: 4.53vw;
	color: #33190D;
	text-align: center;
	width: 89%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 4%;
	border-bottom: solid 1px black;
}

.requirements .requirements_box > li ul{
	width: 66%;
	margin-top: 11%;
	margin-right: auto;
	margin-left: auto;
}
.requirements .requirements_box > li ul li{
	font-size: 4.53vw;
	line-height: 1.52;
}
.requirements .requirements_box > li.browser ul{
	width: 74%;
}
.requirements .requirements_box > li.browser li:last-of-type{
	font-size: 3.47vw;
	margin-top: 5%;
}
@media screen and (min-width: 1200px) {
	.requirements{
		padding-top: 70px;
		padding-bottom: 108px;
		margin-top: 102px;
	}
	.requirements .requirements_box{
		margin-top: 50px;
		max-width: 950px;
	}
	.requirements .requirements_box > li{
		padding-top: 20px;
		padding-bottom: 37px;
		max-width: 462px;
	}
	.requirements .requirements_box > li h3,.requirements .requirements_box > li ul li{
		font-size: 25px;
		max-width: 400px;
	}
	.requirements .requirements_box > li h3{
		padding-bottom: 8px;
	}
	.requirements .requirements_box > li ul{
		margin-top: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.requirements .requirements_box > li.os ul{
	    max-width: 314px;
		width: 100%;
	}
	.requirements .requirements_box > li.browser ul{
		max-width: 362px;
		width: 100%;
		justify-content: space-between;
	}
	.requirements .requirements_box > li ul li{
		width: 48%;
		justify-content: space-between;
	}
	.requirements .requirements_box > li.os ul li:nth-of-type(odd){
		width: 50%;
	}
	.requirements .requirements_box > li.browser li:last-of-type{
		font-size: 15px;
		font-family: 'zkga_re';
		margin-top: 10px;
	}
}




.notes{
	background-color: #FCEFEA;
	padding-top: calc(14% - 2.5px);
	padding-bottom: calc(26% + 0.5px);
}
.notes .inner{
	width: 87%;
	margin-top: calc(8% + 2px);
	margin-right: auto;
	margin-left: auto;
}
.notes .flex_box{
	display: flex;
	align-items: center;
}
.notes .flex_box>span{
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 8.8vw;
	font-family: 'zkga_bl';
	width: 14vw;
	height: 14vw;
	background-color: #F65268;
	border-radius: 100px;
}
.notes .flex_box>span span{
	position: relative;
	top: -3px;
}
.notes .flex_box p{
	color: #F65268;
	font-family: 'ns_bo';
	font-size: 5.33vw;
	letter-spacing: 0.02em;
	line-height: 1.6;
	margin-left: calc(4% - 1px);
}
.notes .bridge_text{
	margin-top: calc(7% + 1px);
	line-height: 1.56;
	font-size: 4.27vw;
}

.notes .accordion_container{
	margin-top: calc(8% - 1.1px);
}
.notes .accordion_container li{
	background-color: white;
	border:solid 1px #F65268;
	border-radius: 2px;
	padding: calc(4% - 1.05px) 0;
	padding-left: calc(6% - 1px);
	cursor: pointer;
}
.notes .accordion_container li.active{
	cursor: default;
}
.notes .accordion_container li:nth-of-type(n+2){
	margin-top: calc(2% + 2.5px);
}
.notes .accordion_container .accordion_button{
	display: block;
	color: #33190D;
	font-family: 'ns_sb';
	position: relative;
	font-size: 4vw;
}
.notes .accordion_container .accordion_button>span{
	display: block;
	position: relative;
	color: #000;
}
.notes .accordion_container li.active > span{
	cursor: pointer;
}
.notes .accordion_container .accordion_contents{
	display: none;
	width: 94%;
	margin-top: calc(7% - 1px);
	font-size: 3.47vw;
	line-height: 1.61;
	opacity: 0;
	transition:
		max-height 0.3s ease,
		opacity 0.3s ease;
	font-family: 'zkga_me';
	color: #000;
}
.notes .accordion_container .accordion_contents.active{
	display: block;
	opacity: 1;
}
.notes .accordion_container li:nth-of-type(2) p:last-of-type{
	margin-top: calc(4% - 1px);
}
@media screen and (min-width: 1200px) {
	.notes{
		padding-top: 170px;
		padding-bottom: 192px;
	}
	.notes .inner{
		margin-top: 50px;
		max-width: 950px;
	}
	.notes .flex_box p{
		font-size: 30px;
		margin-left: 14px;
	}
	.notes .flex_box>span{
		width: 51px;
		height: 51px;
		font-size: 40px;
	}
	.notes .bridge_text{
		margin-top: 40px;
		font-size: 23px;
	}
	.notes .accordion_container{
		margin-top: 40px;
	}
	.notes .accordion_container li{
		border-width: 3px;
		border-radius: 10px;
		padding-top: 24px;
		padding-bottom: 24px;
		padding-left: 50px;
	}
	.notes .accordion_container li:nth-of-type(n+2){
		margin-top: 20px;
	}
	.notes .accordion_container .accordion_button{
		font-size: 23px;
	}
	.notes .accordion_container .accordion_contents{
		font-size: 20px;
		margin-top: 20px;
	}
	.notes .accordion_container li:nth-of-type(2) p:last-of-type{
		margin-top: 10px;
	}
}


.scroll_menu{
	position: fixed;
	bottom: 0;
	width: 100%;
}
.scroll_menu .outer{
	background-color: #6C311F;
}
.scroll_menu .inner{
	padding: calc(3% - 1.25px) 0;
}
.scroll_menu ul {
	display: flex;
	justify-content: space-between;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}
.scroll_menu ul li {
	width: 48%;
}
.scroll_menu ul li a{
	display: block;
	border-radius: 5px;
	padding: calc(5% - 0.45px);
	font-size: 4.53vw;
}
.scroll_menu ul li:first-of-type a{
	background-color: #FFF8CE;
}
.scroll_menu ul li:last-of-type a{
	background-color: white;
}
.scroll_menu ul li a span{
	display: block;
	font-family: 'zkga_bl';
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	color: #6C311F;
	position: relative;
}
.scroll_menu ul li:first-of-type a span{
	width: calc(95% - 1px);
}
.scroll_menu ul li:last-of-type a span{
	width: 71%;
}
.scroll_menu ul li a span::before{
	content: "";
	display: block;
	width: 5vw;
	height: 6vw;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}
.scroll_menu ul li:first-of-type a span::before{
	background-image: url("../img/icon_check_box.webp");
	width: 5vw;
	height: 5vw;
}
.scroll_menu ul li:last-of-type a span::before{
	background-image: url("../img/icon_person.webp");
}
@media screen and (min-width: 1200px) {
	.scroll_menu {
		top: 0;
		bottom: auto;
	}
	.scroll_menu .outer{
		background-color: rgba(255, 255, 255, 0.8);
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
	}
	.scroll_menu .inner{
		display: flex;
		justify-content: space-between;
		width: 98%;
		max-width: 1240px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.scroll_menu .inner .logo_box{
		width: 128px;
	}
	.scroll_menu ul{
		max-width: 352px;
		margin: 0;
	}
	.scroll_menu ul li a{
		padding: 0;
		height: 40px;
		line-height: 40px;
		border:solid 1px #6C311F;
		border-radius: 5px;
	}
	.scroll_menu ul li a span{
		margin-top: -2px;
	}
	.scroll_menu ul li:first-of-type a{
		font-size: 17px;
	}
	.scroll_menu ul li:first-of-type a span{
		max-width: 144px;
	}
	.scroll_menu ul li:first-of-type a span::before{
		width: 18px;
		height: 19px;
	}
	.scroll_menu ul li:last-of-type a{
		font-size: 15px;
	}
	.scroll_menu ul li:last-of-type a span{
		max-width: 108px;
	}
	.scroll_menu ul li:last-of-type a span::before{
		width: 19px;
		height: 22px;
	}
}