@charset "utf-8";


/* Google fonts import */

@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css"); /* mincho [font-family: "Sawarabi Mincho";] */
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css"); /* gothic [font-family: "Noto Sans Japanese";] */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Manrope:wght@200..800&family=Zen+Kaku+Gothic+New&display=swap');



/*■reset----------------------------------------------*/
*{
	padding:0;
	margin:0;
}
h1,h2,h3,h4,h5,h6{
	font-size:14px;
	font-weight:normal;
}
ul,ol,li{
	list-style-type:none;
}
a{
	font-size:14px;
	transition:all 0.75s;
	text-decoration:none;
}
a:hover{
	opacity:0.75;
}
img{
	border:none;
	display:block;
	width:100%;
}
p{
	font-size:14px;
	line-height:140%;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-family: "Zen Kaku Gothic New", sans-serif;
	background:#FFFFFF;
}

.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.effect_in{
	opacity:0;
	position:relative;
	top:20px;
	transition:all 1s;
}
.effect_in.move{
	opacity:1;
	top:0;
}




.F_wrap{
	width:40%;
	position:fixed;
	top:0;
	height:100%;
	z-index:50;
}
.F_wrap#LeftBg{
	left:0;
}
.F_wrap#RightBg{
	right:0;
}
.F_wrap .Area{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
.F_wrap#LeftBg .Area{
	background:url(../img/mv_bg1.jpg) no-repeat top center;
	background-size:cover;
}
.F_wrap#RightBg .Area{
	background:url(../img/mv_bg2.jpg) no-repeat top center;
	background-size:cover;
}
.F_wrap .Area .Spimg{
	display:block;
	width:25%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.F_wrap .Area .Spimg img{
	width:100%;
}





.LeftBanner{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.LeftBanner .w{
	width:100%;
	position:relative;
}
.LeftBanner .w::before{
	content:"";
	display:block;
	width:100%;
	height:86%;
	background:#F3AEC5;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}
.LeftBanner .w img{
	width:55%;
	display:block;
	position:relative;
	z-index:2;
}
.LeftBanner .w ul{
	width:45%;
	position:absolute;
	top:57%;
	transform:translateY(-50%);
	right:0;
	z-index:2;
}
.LeftBanner .w ul li{
	width:88%;
	margin:11px auto;
}
.LeftBanner .w ul li a{
	display:block;
	border:solid 1px #FFFFFF;
	text-align:center;
	padding:0.45rem 0;
	line-height:1;
	font-size:1vw;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
	border-radius:1000px;
	color:#FFFFFF;
}
.LeftBanner .w ul li a i{
	font-size:80%;
	font-style:normal;
}
.LeftBanner .w ul li a.h{
	background:#FFFFFF;
	color:#E77EA8;
	box-shadow:0 2px 4.5px rgba(0,0,0,0.2);
}
.LeftBanner .w ul li a.b{
	box-shadow:0 2px 4.5px rgba(0,0,0,0.05) inset,0 2px 4.5px rgba(0,0,0,0.12);
}
@media screen and (max-width: 768px) {
	.F_wrap{
		display:none !important;
	}
}


.RightBanner{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.RightBanner .w{
	width:100%;
	position:relative;
	background:#EDF5F8;
}
.RightBanner .w img.i{
	width:50%;
	display:block;
	margin:0 0 0 auto;
}
.RightBanner .w a{
	width:32%;
	display:block;
	position:absolute;
	top:50%;
	left:9%;
	transform:translateY(-50%);
}









.Contents{
	width:462px;
	border-left:8px solid #FFFFFF;
	border-right:8px solid #FFFFFF;
	position: relative;
	top:0;
	left:50%;
	z-index:100;
	transform:translateX(-50%);
}
.Contents .ScrollArea{
	background:#E77EA8;
	padding-bottom:80px;
	overflow:hidden;
}
@media screen and (max-width: 768px) {
	.Contents{
		width:100%;
		border:none;
		position: relative;
		top:auto;
		left:auto;
		transform:none;
	}
	.Contents .ScrollArea{
		padding-bottom:40px;
	}
}

















.Page_cta{
	width:84%;
	margin:auto;
	position:relative;
}
.Page_cta p{
	color:#FFFFFF;
	text-align:center;
	font-weight:600;
	margin-bottom:6px;
}
.Page_cta p.t{
	font-size:34px;
}
.Page_cta p.m{
	font-size:18px;
	margin-bottom:15px;
	font-weight:500;
}
.Page_cta p.m span{
	display:inline-block;
	color:#E77EA8;
	padding:2px 12px;
	border-radius:1000px;
	margin-right:12px;
	background:#FFFFFF;
}
.Page_cta p.s{
	font-size:26px;
	font-weight:bold;
}
.Page_cta p.s span{
	padding:0 32px;
	position:relative;
}
.Page_cta p.s span::before,
.Page_cta p.s span::after{
	content:"";
	display:block;
	width:30px;
	height:2px;
	background:#FFFFFF;
	position:absolute;
	bottom:15px;
}
.Page_cta p.s span::before{
	left:0;
	transform:rotate(45deg);
}
.Page_cta p.s span::after{
	right:0;
	transform:rotate(-45deg);
}
.Page_cta p.p{
	font-size:34px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:-5px;
}
.Page_cta p.p span{
	font-weight:500;
	font-size:55%;
}
.Page_cta ul{
	text-align:center;
	margin-bottom:15px;
}
.Page_cta ul li{
	font-size:18px;
	width:105px;
	padding:4px 0 8px 0;
	margin:0 7px;
	display:inline-block;
	color:#FFFFFF;
	border:solid 1px #FFFFFF;
	border-radius:1000px;
	line-height:1;
	font-weight:600;
}
.Page_cta .Link a{
	display:block;
	width:86%;
	margin:0 auto 20px auto;
	border:solid 1px #FFFFFF;
	text-align:center;
	padding:12px 0;
	line-height:1;
	font-size:24px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
	border-radius:1000px;
	color:#FFFFFF;
}
.Page_cta .Link a span{
	font-size:80%;
	font-style:normal;
}
.Page_cta .Link a.w{
	background:#FFFFFF;
	color:#E77EA8;
	box-shadow:0 2px 4.5px rgba(0,0,0,0.2);
}
.Page_cta .Link a.b{
	box-shadow:0 2px 4.5px rgba(0,0,0,0.05) inset,0 2px 4.5px rgba(0,0,0,0.12);
}
.Page_cta img{
	margin-top:-28px;
	position:relative;
	z-index:5;
}
@media screen and (max-width: 768px) {
	.Page_cta p.t{
		font-size:28px;
	}
	.Page_cta p.m{
		font-size:15px;
	}
	.Page_cta ul li{
		font-size:16px;
		width:95px;
	}
	.Page_cta .Link a{
		font-size:18px;
	}
	.Page_cta img{
		margin-top:-24px;
	}
}




























/* Cont01 */

.Cont01{
	padding-top:20px;
	margin-bottom:30px;
}
.Cont01 .Logo{
	width:36%;
	margin:auto;
}





/* コンテナ */
.top-progress-wrap {
  position: relative;
  width: 390px;
  height: 390px;
  margin:auto;
  margin-top:-35px;
}
@media screen and (max-width: 391px) {
.top-progress-wrap {
	transform: translate(-50%, 0%) scale(0.8);
	transform-origin: center;
	left: 50%;
}
}
/* SVG */
.top-progress-circle {
  transform: rotate(-90deg);
}

.top-progress-circle circle {
  fill: none;
  stroke-width: 45;
}

.top-bg {
  stroke: #F3AEC5;
}

.top-progress {
  stroke: #E8404B;
  stroke-linecap: round;
}

/* 数字（円に追従） */
.top-progress-text {
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 45px;
  transform: translate(-120%, -90%) scaleY(90%);
}

.top-unit {
  font-size: 28px;
}

#top-num .int{
	font-weight:bold;
}
#top-num .decimal{
	font-style:normal;
	font-size:28px;
}

.top-progress-wrap .fade-item{
	position:absolute;
	top:50.5%;
	left:0;
	width:100%;
	transform:translateY(-50%);
	opacity:0;
	transition:all 1.25s;
}
.top-progress-wrap .fade-item.on{
	top:47.5%;
	opacity:1;
}



.Mv01{
	width:100%;
	position:relative;
	margin-top:-140px;
}
.Mv01 img{
	position:relative;
	top:30px;
	opacity:0;
	transition:all 1s;
}
.Mv01 img.f{
	position:absolute;
	left:0;
}
.Mv01 img.on{
	opacity:1;
	top:0;
}



.Mv02{
	width:100%;
	position:relative;
	margin-top:-75px;
}
.Mv02 img{
	position:relative;
	top:30px;
	opacity:0;
	transition:all 1s;
}
.Mv02 img.f{
	position:absolute;
	left:0;
}
.Mv02.move #Mv2-01{
	-webkit-animation: fade_in 1.25s ease 0s forwards;
}
.Mv02.move #Mv2-02{
	-webkit-animation: fade_in 1.25s ease 0.1s forwards;
}
.Mv02.move #Mv2-03{
	-webkit-animation: fade_in 1.25s ease 0.2s forwards;
}
.Mv02.move #Mv2-04{
	-webkit-animation: fade_in 1.25s ease 0.3s forwards;
}
.Mv02.move #Mv2-05{
	-webkit-animation: fade_in 1.25s ease 0.4s forwards;
}
.Mv02.move #Mv2-06{
	-webkit-animation: fade_in 1.25s ease 0.5s forwards;
}
.Mv02.move #Mv2-07{
	-webkit-animation: fade_in 1.25s ease 0.6s forwards;
}



@-webkit-keyframes fade_in {
    0% { opacity:0; top:30px; }
	100% { opacity:1; top:0px; }
}
@-webkit-keyframes fade_in_up {
    0% { opacity:0; top:-30px; }
	100% { opacity:1; top:0px; }
}
@-webkit-keyframes fade_in_up_sk {
    0% { opacity:0; top:30px; left:-30px; }
	100% { opacity:1; top:0px; left:0px; }
}
@-webkit-keyframes fade_in_up_brow {
    0% { opacity:0; top:-30px; transform:scaleY(92%); }
    30% { transform:scaleY(100%); }
    60% { transform:scaleY(90%); }
	100% { opacity:1; top:0px; transform:scaleY(100%); }
}
@-webkit-keyframes fade_in_up_big {
    0% { opacity:0; top:-30px; transform:scaleY(40%); }
	100% { opacity:1; top:0px; transform:scaleY(100%); }
}
@-webkit-keyframes fade_in_right {
    0% { opacity:0; left:30px; }
	100% { opacity:1; left:0px; }
}
@-webkit-keyframes left_over_bow {
    0% { opacity:0; left:-60px; transform:scaleX(70%); }
    30% { transform:scaleX(100%); }
    60% { transform:scaleX(60%); }
	100% { opacity:1; left:-10px; transform:scaleX(100%); }
}
@-webkit-keyframes right_over {
    0% { opacity:0; left:80px; }
	100% { opacity:1; left:32px; }
}










.Cont02{
	width:100%;
}
.Cont02 .Read{
	margin-bottom:30px;
}
.Cont02 .Read p{
	font-size:10px;
	font-weight:500;
	text-align:center;
	color:#FFFFFF;
	line-height:165%;
	margin-top:15px;
}








.WhiteWrap{
	width:80%;
	border-radius:32px;
	background:#FFFFFF;
	margin:auto;
}



.Ct2-01{
	width:100%;
	position:relative;
	margin-bottom:70px;
}
.Ct2-01 img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Ct2-01 img.f{
	position: absolute;
	left:0;
}
.Ct2-01.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0s forwards;
}
.Ct2-01.move img.up2{
	-webkit-animation: fade_in_up 1.25s ease 0.1s forwards;
}
.Ct2-01.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 0.2s forwards;
}
.Ct2-01.move img.up4{
	-webkit-animation: fade_in_up 1.25s ease 0.3s forwards;
}


.Ct2-02{
	width:100%;
	position:relative;
}
.Ct2-02 img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Ct2-02 img.f{
	position: absolute;
	left:0;
}
.Ct2-02.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0s forwards;
}
.Ct2-02.move img.up2{
	-webkit-animation: fade_in_up 1.25s ease 0.1s forwards;
}
.Ct2-02.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 0.2s forwards;
}
.Ct2-02 img.left_over_bow{
	top:0;
}
.Ct2-02.move img.left_over_bow{
	-webkit-animation: left_over_bow 1s ease 0.5s forwards;
}
.Ct2-02 img.right_over{
	top:0;
}
.Ct2-02.move img.right_over{
	-webkit-animation: right_over 1s ease 0.6s forwards;
}


.Ct2-03{
	width:100%;
	position:relative;
	margin-top:-65px;
	padding-bottom:20px;
}
.Ct2-03 img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Ct2-03 img.f{
	position: absolute;
	left:0;
}
.Ct2-03.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0s forwards;
}
.Ct2-03.move img.up2{
	-webkit-animation: fade_in_up 1.25s ease 0.1s forwards;
}
.Ct2-03.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 0.2s forwards;
}
.Ct2-03 img.right4,
.Ct2-03 img.right5{
	top:0;
	left:30px;
}
.Ct2-03.move img.right4{
	-webkit-animation: fade_in_right 1s ease 0.3s forwards;
}
.Ct2-03.move img.right5{
	-webkit-animation: fade_in_right 1s ease 0.4s forwards;
}
.Ct2-03.move img.up6{
	-webkit-animation: fade_in_up 1.25s ease 0.5s forwards;
}














.Cont03{
	width:86%;
	margin:75px auto 70px auto;
}
.Cont03 .Read{
	margin-bottom:30px;
}
.Cont03 .Read p{
	font-size:30px;
	font-weight:600;
	text-align:center;
	color:#FFFFFF;
	line-height:130%;
}
.Cont03 .Read p span{
	font-size:70%;
}
.Cont03 .ImgWrap{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.Cont03 .ImgWrap div{
	width:48%;
	position:relative;
	top:30px;
	opacity:0;
}
.Cont03 .ImgWrap.move div.One{
	-webkit-animation: fade_in 1s ease 0.2s forwards;
}
.Cont03 .ImgWrap.move div.Two{
	-webkit-animation: fade_in 1s ease 0.4s forwards;
}













.Cont04{
	width:100%;
	margin:0 auto 5px auto;
}
.Cont04 .Read{
	margin-bottom:90px;
}
.Cont04 .Read p{
	font-size:26px;
	font-weight:600;
	text-align:center;
	color:#FFFFFF;
	line-height:185%;
}
.Cont04 .Read p strong{
	font-size:45px;
	font-family: 'Noto Serif JP', serif;
}
.Cont04 .Read p strong span{
	font-size:80%;
}
.Cont04 .Item{
	width:100%;
	position:relative;
	margin-top:-65px;
	margin-bottom:20px;
}
.Cont04 .Item img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Cont04 .Item img.f{
	position: absolute;
	left:0;
}
.Cont04 .Item.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0.3s forwards;
}
.Cont04 .Item.move img.up2{
	-webkit-animation: fade_in_up_brow 0.75s ease 1s forwards;
}
.Cont04 .Item.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 1.25s forwards;
}
@media screen and (max-width: 768px) {
	.Cont04 .Read p{
		font-size:22px;
	}
	.Cont04 .Read p strong{
		font-size:38px;
	}
}








.Cont05{
	width:86%;
	margin:95px auto 70px auto;
}
.Cont05 .Read{
	margin-bottom:50px;
}
.Cont05 .Read p{
	font-size:32px;
	font-weight:600;
	text-align:center;
	color:#FFFFFF;
	line-height:170%;
}
.Cont05 .Read p.b{
	font-size:48px;
	line-height:130%;
}
.Cont05 .Read p.b span{
	position:relative;
}
.Cont05 .Read p.b span::before,
.Cont05 .Read p.b span::after{
	content:"";
	display:block;
	width:55px;
	height:3px;
	background:#FFFFFF;
	position:absolute;
	bottom:30px;
}
.Cont05 .Read p.b span::before{
	left:-30px;
	transform:rotate(45deg);
}
.Cont05 .Read p.b span::after{
	right:-55px;
	transform:rotate(-45deg);
}
.Cont05 .WhiteWrap{
	width:100%;
	padding:34px 0 1px 0;
}
.LpAside{
	width:100%;
	margin:auto;
	margin-bottom:55px;
	color:#E77EA8;
}
.LpAside img{
	width:84%;
	margin:auto;
}
.LpAside p.t{
	margin:18px auto;
	font-size:25px;
	text-align:center;
	font-weight:bold;
	line-height:135%;
}
.LpAside p.s{
	font-size:15px;
	text-align:center;
	font-weight:600;
	line-height:155%;
}
@media screen and (max-width: 768px) {
	.Cont05 .Read p{
		font-size:24px;
	}
	.Cont05 .Read p.b{
		font-size:36px;
	}
	.Cont05 .Read p.b span::before,
	.Cont05 .Read p.b span::after{
		width:45px;
		height:3px;
		bottom:20px;
	}
	
	.LpAside p.t{
		font-size:21px;
	}
	.LpAside p.s{
		font-size:13px;
	}
}













.Cont06{
	width:86%;
	margin:95px auto 70px auto;
}
.Cont06 .Read{
	margin-bottom:35px;
}
.Cont06 .Read p{
	font-size:32px;
	font-weight:600;
	text-align:center;
	color:#FFFFFF;
	line-height:100%;
}
.Cont06 .Read p.b{
	font-size:48px;
	line-height:110%;
}
.Cont06 .Read p.b span{
	position:relative;
}
.Cont06 .Read p.b span::before,
.Cont06 .Read p.b span::after{
	content:"";
	display:block;
	width:65px;
	height:3px;
	background:#FFFFFF;
	position:absolute;
	bottom:22px;
}
.Cont06 .Read p.b span::before{
	left:-65px;
	transform:rotate(45deg);
}
.Cont06 .Read p.b span::after{
	right:-60px;
	transform:rotate(-45deg);
}
.Cont06 .Img{
	width:100%;
}
@media screen and (max-width: 768px) {
	.Cont06 .Read{
		margin-bottom:25px;
	}
	.Cont06 .Read p{
		font-size:26px;
	}
	.Cont06 .Read p.b{
		font-size:40px;
	}
	.Cont06 .Read p.b span::before,
	.Cont06 .Read p.b span::after{
		width:50px;
		bottom:18px;
	}
	.Cont06 .Read p.b span::before{
		left:-55px;
	}
	.Cont06 .Read p.b span::after{
		right:-50px;
	}
}











.Cont07{
	width:100%;
	margin:0 auto 5px auto;
	padding-top:25px;
}
.Cont07 .Item{
	width:100%;
	position:relative;
	margin-top:-65px;
	margin-bottom:20px;
}
.Cont07 .Item img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Cont07 .Item img.f{
	position: absolute;
	left:0;
}
.Cont07 .Item.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0.3s forwards;
}
.Cont07 .Item.move img.up2{
	-webkit-animation: fade_in_up 1.25s ease 0.5s forwards;
}
.Cont07 .Item.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 0.8s forwards;
}
.Cont07 .Item.move img.up4{
	-webkit-animation: fade_in_up 1.25s ease 1s forwards;
}










.Cont08{
	width:100%;
	margin:50px auto 70px auto;
}
.Cont08 .Read{
	margin-bottom:15px;
}
.Cont08 .Read p{
	font-size:22px;
	font-weight:600;
	text-align:center;
	color:#FFFFFF;
	line-height:140%;
}
.Cont08 .Item{
	width:100%;
	position:relative;
}
.Cont08 .Item img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Cont08 .Item img.f{
	position: absolute;
	left:0;
}
.Cont08 .Item.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0.2s forwards;
}
.Cont08 .Item img.up_sk2,
.Cont08 .Item img.up_sk3{
	top:30px;
	left:-30px;
}
.Cont08 .Item.move img.up_sk2{
	-webkit-animation: fade_in_up_sk 0.6s ease 1.2s forwards;
}
.Cont08 .Item.move img.up_sk3{
	-webkit-animation: fade_in_up_sk 0.6s ease 1.4s forwards;
}















.Cont09{
	width:100%;
}
.Ct9-01{
	width:100%;
	position:relative;
}
.Ct9-01 img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Ct9-01 img.f{
	position: absolute;
	left:0;
}
.Ct9-01.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0s forwards;
}
.Ct9-01.move img.up2{
	-webkit-animation: fade_in_up 1.25s ease 0.1s forwards;
}
.Ct9-01.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 0.2s forwards;
}
.Ct9-01.move img.up_big4{
	-webkit-animation: fade_in_up_big 0.7s ease 0.8s forwards;
}


.Ct9-02{
	width:100%;
	position:relative;
}
.Ct9-02 img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Ct9-02 img.f{
	position: absolute;
	left:0;
}
.Ct9-02.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0s forwards;
}
.Ct9-02.move img.up2{
	-webkit-animation: fade_in_up 1.25s ease 0.1s forwards;
}
.Ct9-02.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 0.2s forwards;
}
.Ct9-02.move img.up4{
	-webkit-animation: fade_in_up 1.25s ease 0.3s forwards;
}


.Ct9-03{
	width:100%;
	position:relative;
	margin-top:-70px;
}
.Ct9-03 img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Ct9-03 img.f{
	position: absolute;
	left:0;
}
.Ct9-03.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0s forwards;
}
.Ct9-03.move img.up2{
	-webkit-animation: fade_in_up 1.25s ease 0.1s forwards;
}
.Ct9-03.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 0.2s forwards;
}
.Ct9-03.move img.up4{
	-webkit-animation: fade_in_up 1.25s ease 0.3s forwards;
}
.Ct9-03.move img.up5{
	-webkit-animation: fade_in_up 1.25s ease 0.4s forwards;
}


.Ct9-04{
	width:100%;
	position:relative;
}
.Ct9-04 img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Ct9-04 img.f{
	position: absolute;
	left:0;
}
.Ct9-04.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0s forwards;
}
.Ct9-04.move img.up2{
	-webkit-animation: fade_in_up 1.25s ease 0.1s forwards;
}
.Ct9-04.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 0.2s forwards;
}
.Ct9-04.move img.up4{
	-webkit-animation: fade_in_up 1.25s ease 0.3s forwards;
}
.Ct9-04.move img.up5{
	-webkit-animation: fade_in_up 1.25s ease 0.4s forwards;
}



.Ct9-05{
	width:100%;
	position:relative;
}
.Ct9-05 img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Ct9-05 img.f{
	position: absolute;
	left:0;
}
.Ct9-05.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0s forwards;
}
.Ct9-05.move img.up2{
	-webkit-animation: fade_in_up 1.25s ease 0.1s forwards;
}
.Ct9-05.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 0.2s forwards;
}
.Ct9-05.move img.up4{
	-webkit-animation: fade_in_up 1.25s ease 0.3s forwards;
}
.Ct9-05.move img.up5{
	-webkit-animation: fade_in_up 1.25s ease 0.4s forwards;
}
.Ct9-05.move img.up6{
	-webkit-animation: fade_in_up 1.25s ease 0.5s forwards;
}
.Ct9-05.move img.up7{
	-webkit-animation: fade_in_up 1.25s ease 0.6s forwards;
}





.Ct9-06{
	width:100%;
	position:relative;
}
.Ct9-06 img{
	opacity:0;
	top:-30px;
	position:relative;
}
.Ct9-06 img.f{
	position: absolute;
	left:0;
}
.Ct9-06.move img.up1{
	-webkit-animation: fade_in_up 1.25s ease 0s forwards;
}
.Ct9-06.move img.up2{
	-webkit-animation: fade_in_up 1.25s ease 0.1s forwards;
}
.Ct9-06.move img.up3{
	-webkit-animation: fade_in_up 1.25s ease 0.2s forwards;
}





.Cont10{
	width:100%;
	margin:90px auto 70px auto;
	position:relative;
}
.Numg{
	position:absolute;
	top:110px;
	left:20px;
}
@media screen and (max-width: 768px) {
	.Numg{
		transform:scale(80%,80%);
		top:4%;
		left:-2%;
	}
}

.Numg p.s{
	font-size:10px;
	text-align:center;
	color:#FFFFFF;
	line-height:155%;
	margin-top:35px;
}
/* レイアウト */
.Numg .section {
  max-width: 340px;
  margin: 0 auto;
}

.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 20px;
  text-align: center;
}

/* テキスト */
.title {
  color: #fff;
  font-size: 13px;
  font-weight:500;
  margin-bottom: 10px;
  line-height: 1.5;
}

/* 円 */
.progress-wrap {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.progress-circle {
  transform: rotate(-90deg);
}

circle {
  fill: none;
  stroke-width: 15;
}

.bg {
  stroke: #F4C7DA;
}

.progress {
  stroke: #DF2839;
  stroke-linecap: round;
}

/* 数値 */
.progress-text {
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-weight: bold;
	font-size: 36px;
}
.progress-text i{
	font-style:normal;
	font-size: 21px;
	margin-right:-7px;
}

.unit {
  font-size: 18px;
}









.Cont11{
	width:100%;
	margin:70px auto 30px auto;
}
.Cont11 .Read p{
	font-weight:600;
	text-align:center;
	color:#FFFFFF;
}
.Cont11 .Read p.b{
	font-size:36px;
	font-family: 'Noto Serif JP', serif;
	line-height:135%;
	margin-bottom:20px;
}
.Cont11 .Read p.b sup{
	font-size:50%;
}
.Cont11 .Read p.t{
	font-size:18px;
	line-height:155%;
	margin-bottom:25px;
}
.Cont11 .Read p.s{
	font-size:11px;
}
@media screen and (max-width: 768px) {
	.Cont11 .Read p.b{
		font-size:26px;
	}
	.Cont11 .Read p.t{
		font-size:16px;
	}
	.Cont11 .Read p.s{
		font-size:10px;
	}
}





.F_banner{
	width:100%;
	max-width:462px;
	margin:auto;
	position:relative;
	background:#EDF5F8;
}
.F_banner img.i{
	width:50%;
	display:block;
	margin:0 0 0 auto;
}
.F_banner a{
	width:32%;
	display:block;
	position:absolute;
	top:50%;
	left:9%;
	transform:translateY(-50%);
}
@media screen and (max-width: 768px) {
	.F_banner{
		max-width:none;
	}
}




.Foot{
	width:100%;
	max-width:462px;
	margin:auto;
	padding:25px 0;
	background:#FFFFFF;
}
.Foot .Area{
	width:100%;
	margin:auto;
}
.Foot .Area ul{
	text-align:center;
}
.Foot .Area ul li{
	display:inline-block;
	padding:0 10px;
	margin:0;
	position:relative;
}
.Foot .Area ul li::after{
	content:"";
	display:block;
	height:80%;
	width:1px;
	background:#111111;
	position:absolute;
	top:50%;
	right:-4px;
	transform:translateY(-50%);
}
.Foot .Area ul li:last-child::after{
	display:none;
}
.Foot .Area ul li a{
	display:block;
	font-size:14px;
	font-weight:600;
	color:#111111;
}
.Foot .Area a.Logo{
	width:60%;
	display:block;
	margin:32px auto;
}
.Foot .Area address{
	display:block;
	text-align:center;
	font-style:normal;
	font-weight:bold;
	color:#111111;
	font-size:13px;
}
@media screen and (max-width: 768px) {
	.Foot{
		max-width:none;
		padding:20px 0;
	}
	.Foot .Area ul li{
		padding:0 6px;
	}
	.Foot .Area ul li::after{
		right:-3px;
	}
	.Foot .Area ul li a{
		font-size:12px;
	}
	.Foot .Area a.Logo{
		margin:26px auto;
	}
	.Foot .Area address{
		font-size:11px;
	}
}






.MovArea{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.92);
	backdrop-filter: blur(10px);
	position:fixed;
	top:0;
	left:0;
	z-index:100000;
	display:none;
}
.MovArea .w{
	width:100%;
	max-width:360px;
	margin:auto;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
}
.MovArea .w video{
	width:100%;
	display:block;
	box-shadow:0 0 12px rgba(0,0,0,0.4);
}
.MovArea .CloseArea{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:5;
	cursor:pointer;
}
.MovArea i{
	font-size:50px;
	position:fixed;
	top:20px;
	left:40px;
	color:#333333;
	font-style:normal;
}
@media screen and (max-width: 768px) {
.MovArea .w{
	max-width:250px;
}
.MovArea i{
	font-size:36px;
	top: auto;
	left:50%;
	transform:translateX(-50%);
	bottom:20px;
}
}