@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Manrope:wght@700&display=swap');


:root {

	--wf-b: "Manrope", sans-serif;
	--col-red: #dc0024;


	--px10: 10px;
	--px12: 12px;
	--px14: 14px;
	--px16: 16px;
	--px18: 18px;
	
	--arrow-kr: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA2LjkgMTAuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNi45IDEwLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMC4zLDEwLjIgNi4xLDUuMyAwLjMsMC40ICIvPgo8L3N2Zz4=");

}
@media screen and (max-width:768px){
	:root {
		--px10: 2.7vw;
		--px12: 3.2vw;
		--px14: 3.7vw;
		--px16: 4.3vw;
		--px18: 4.8vw;
		--px20: 5.3vw;
		--px22: 5.9vw;
		--px24: 6.4vw;
		--px26: 6.9vw;
	}
}

.wf-b {
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-size: 110%;
}



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
background:transparent;border:0;margin:0;padding:0;}img{vertical-align: bottom;}body{line-height:1;}h1,h2,h3,h4,h5,h6,th{font-weight:500;}
ol,ul{list-style:none;}blockquote{quotes:none;}blockquote:before,blockquote:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}a img{border:none;}
.clear:after{content:".";display:block;clear:both;height:0;visibility:hidden;}.clear{min-height:1px;}
* html .clear{height:1px;/*\*//*/height: auto;overflow: hidden;/**/
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
address{font-style:normal;}
hr{margin:0;}
figure{
	display: block;
	margin: 0;
	padding: 0;
}
html{
	font-size: 62.5%;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
html,body{
	min-width: 1440px;
	/* min-width: 1300px; */
}
body{
	position: relative;
	color:#000;
	letter-spacing: 0.1em;
	font-size: 1.6rem;
	font-family: "Noto Sans JP","游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	font-weight: 500;
}
main{
	display: block;
}


.lead{
	line-height: 2.2;
	font-size: var(--px16);
	text-align: justify;
	letter-spacing: 0.08em;
}
.lead+.lead{
	margin-top: 1em;
}
.bold{
	font-weight: 700;
}
.center{
	text-align: center;
}
.inner{
	max-width: 1360px;
	padding-left: 40px;
	padding-right: 40px;
	margin-left: auto;
	margin-right: auto;
}
a{text-decoration:none;}
a:link,a:visited{color:inherit;}

img{width: 100%;}
.box2,
.box3{
	display: flex;
	flex-wrap: wrap;
}
.box2>.box{
	width: 50%;
}
.box3>.box{
	width: calc(100% / 3.001);
}
.sp{display: none;}
@media screen and (max-width:768px){
	.pc{ display: none;}
	.sp{ display: block;}
	.pc+a.sp{ display: inline;}
}
@media screen and (max-width:768px){
	html,body{min-width: 100%;}
	body{
		font-size: 1.2rem;
		min-width: 100%;
	}
	.inner{
		width: 100%;
		padding-left: 7vw;
		padding-right: 7vw;
	}
}


.com-coverbox{
    position: relative;
    width: 100%;
}
.com-coverbox:before{
    content:"";
    display: block;
    padding-top: 75%;
}
.com-coverbox.type44:before{
    padding-top: 44%;
}
.com-coverbox.type54:before{
    padding-top: 54%;
}



















.com-ty{
	position: relative;
	text-align: center;
}
.com-ty:before,
.com-ty:after{
	content: "";
	display: block;
	position: absolute;
	bottom: -0.05em;
	width: 0.16em;
	height: 1.8em;
	border-radius: 0.08em;
	background-color: var(--col-red);
}
.com-ty:before{
	left: calc(50% - 7em);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.com-ty:after{
	right: calc(50% - 7em);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}






.com-cta-elem{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 0 63px;
}
.com-cta-elem .wf-b{
	position: relative;
	top: 0.05em;
	color: var(--col-red);
	font-size: 280%;
}
.com-cta-elem .txt2+.lead{
	margin-top: 3em;
}
.com-cta-elem .txt1{
	font-size: 24px;
}
.com-cta-elem .txt2{
	font-size: 26px;
	margin-top: 0.3em;
}
.com-cta-elem .txt2+.com-btn-arrow{
	margin-top: 2em;
}
.com-cta-elem .lead{
	line-height: 1.4;
}
@media screen and (max-width:768px){
	.com-cta-elem{
		padding: 8vw 0 14vw;
	}
	.com-cta-elem .txt2+.lead{
		margin-top: 2em;
	}
	.com-cta-elem .txt1,
	.com-cta-elem .txt2{
		font-size: var(--px16);
	}
	.com-cta-elem .lead{
		font-size: var(--px12);
		text-align: center;
	}
}





















.com-btn-arrow{
	display: inline-block;
}
.com-btn-arrow .part{
	position: relative;
	display: inline-block;
	color: #FFF;
	font-size: 25px;
	font-weight: 500;
	height: 68px;
	line-height: 68px;
	border-radius: 34px;
	text-align: center;
	min-width: 430px;
	background-color:var(--col-red);
}
.com-btn-arrow .part:before{
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	width: 6px;
	height: 10px;
	background-image: var(--arrow-kr);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}
.com-btn-arrow input{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	appearance: none;
	-webkit-appearance: none;
    border: none;
	background: none;
	color: inherit;
	font-size: inherit;
}
.com-btn-arrow.back .part{
	background-color: #666;
	min-width: 250px;
}
.com-btn-arrow.back .part:before{
	display: none;
}
@media screen and (max-width:768px){
	.com-btn-arrow .part{
		font-size: var(--px18);
		height: 14vw;
		line-height: 14vw;
		border-radius: 7vw;
		min-width: 82vw;
	}
}

@media screen and (min-width:769px){
	
	.com-btn-arrow:hover .part,
	.btn-more:hover,
	.com-wrap-cta a:hover{
		opacity: 0.7;
		/* background-color: #333;
		box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1); */
	}
	/* .com-btn-arrow:hover .part:before{
		animation:1.3s ease-out 0s infinite normal none running arrowMoveX;
	} */
}

@keyframes arrowMoveX{
	0%{
		opacity: 1;
		transform: translateX(0px);
	}
	30%{
		opacity: 0;
		transform: translateX(10px);
	}
	49%{
		opacity: 0;
		transform: translateX(10px);
	}
	50%{
		opacity: 0;
		transform: translateX(-10px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}






footer{
	border-top: 5px solid var(--col-red);
	padding: 40px 0;
}
footer .inner{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
footer .part-logo{
	width: 260px;
}
footer .cright{
	font-size: 12px;
	letter-spacing: 0;
	margin-top: 1.8em;
}
@media screen and (max-width:768px){
	footer{
		padding: 6vw 0;
	}
	footer .part-logo{
		width: 53vw;
	}
	footer .cright{
		font-size: var(--px10);
	}
}



.tg-ani{
	opacity: 0;
}



.tg-ani.is-ani{
	opacity: 1;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}