@charset "UTF-8";
/*=========================================================
	body
=========================================================*/
body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url('../../images/icon/ico_btn_arrow_black.svg') url('../../images/icon/ico_btn_arrow_blue.svg') url('../../images/icon/ico_faq_q_b.svg') url('../../images/icon/ico_faq_minus.svg');
}

/*=========================================================
	Main: Hero
=========================================================*/
.Hero{
	position:relative;
	min-height:100vh;
	min-height:100svh;
	display:flex;
	flex-direction: column;
	justify-content:end;
}

.admin-bar .Hero{
	min-height:calc(100vh - 32px);
	min-height:calc(100svh - 32px);
}

.HeroBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.HeroBg-img{
	position:absolute;
	top:-10%;
	left:0;
	width:100%;
	height:120%;
	object-fit:cover;
}

.HeroText{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:end;
	margin-top: 16rem;
	z-index:5;
}

.HeroTextTitle{
	width:66.125rem;
	height:20rem;
	background-image:url(../../images/bg/hero_title.webp);
	background-size:100% 100%;
	margin-bottom:-0.8rem;
}

.HeroText-sub{
	position:absolute;
	color: #FFF;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.6;
	transform: rotate(-90deg);
	transform-origin:top left;
	left:1.5rem;
	top:-1.5rem;
}

.HeroText-caption{
	font-size:1.125rem;
	line-height:1.6;
	color:#fff;
	font-weight:500;
	padding-bottom:2.188rem;
	padding-right:3.75rem;
	text-align:right;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.HeroText{
		display:block;
		padding-bottom:3.5rem;
	}
	
	.HeroTextTitle{
		width: 52rem;
		height: 15.73rem;
		margin-bottom:0;
	}
	
	.HeroText-caption{
		text-align:left;
		margin-top:2rem;
		padding:0 2rem;
	}
	
	.HeroText-sub{
		left:1rem;
	}
}

@media screen and (max-width: 782px) {
	.admin-bar .Hero{
		min-height:calc(100vh - 46px);
		min-height:calc(100svh - 46px);
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.HeroText{
		display:block;
		padding-bottom:2rem;
	}
	
	.HeroTextTitle{
		width: 22rem;
		height: 6.65rem;
		margin-bottom:0;
	}
	
	.HeroText-caption{
		text-align:left;
		margin-top:1.25rem;
		padding:0 1.25rem;
		font-size:0.875rem;
	}
	
	.HeroText-sub{
		left:0.75rem;
		font-size:0.75rem;
	}
}

/*=========================================================
	Main: Slogan
=========================================================*/
.Slogan{
	position:relative;
	padding:15rem 0;
	background-color:#fff;
	overflow:hidden;
	text-align:center;
	z-index:1;
}

.SloganTitle-item{
	display:block;
	font-size:0;
	line-height:0;
	overflow:hidden;
}

.SloganTitle-text{
	display:block;
	font-size:20rem;
	line-height:1;
	color:#000;
	font-family: Anton;
	position:relative;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: var(--ease-out-lerp);
	white-space:nowrap;
	text-transform: uppercase;
}

.SloganTitle-text.Line{
	-webkit-text-stroke-width: 4px;
	-webkit-text-stroke-color: #FFF;
	color:transparent;
}

.is-Ani .SloganTitle-text{
	transform:translateY(0);
}

.Blue.SloganTitle-text{
	color:#266DCA;
}

.White.SloganTitle-text{
	color:#fff;
}

.SloganMeta{
	margin-top:2.5rem;
}

.SloganMeta-inner{
	margin:-0.45rem -1.875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}

.SloganMeta-item{
	padding:0.45rem 1.875rem;
}

.SloganMetaList{
	display:flex;
	align-items:center;
}

.SloganMetaList-title{
	font-size:1.25rem;
	line-height:1.6;
	color:#000;
	font-weight:700;
	margin-right:0.75rem;
}

.SloganMetaList-text{
	font-size:1.25rem;
	line-height:1.6;
	color:#000;
	display:inline-block;
}

.SloganMetaList-text:first-child{
	position:relative;
	padding-right:calc(1rem + 1px);
	margin-right:1rem;
}

.SloganMetaList-text:first-child:after{
	content:"";
	width:1px;
	height:0.875rem;
	background-color:#888;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.SloganTitle-item + .SloganTitle-item{
	margin-top:0.45rem;
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.SloganTitle-text{
		font-size:19rem;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.Slogan{
		padding: 9rem 0 9rem;
	}
	
	.SloganTitle-text{
		font-size:11rem;
	}
	
	.SloganTitle-text.Line{
		-webkit-text-stroke-width: 2px;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.Slogan{
		padding: 5rem 0 5rem;
	}
	
	.SloganTitle-text{
		font-size:5rem;
	}
	
	.SloganMetaList{
		display:block;
	}
	
	.SloganMetaList-title{
		font-size:1rem;
	}
	
	.SloganMetaList-text{
		font-size:0.875rem;
	}
	
	.SloganMetaList-text:first-child{
		padding-right: calc(0.875rem + 1px);
		margin-right: 0.875rem;
	}
	
	.SloganMetaList-text:first-child:after{
		height:0.675rem;
	}
	
	.SloganTitle-text.Line{
		-webkit-text-stroke-width: 2px;
	}
}

/*=========================================================
	Main: EndFloatBar
=========================================================*/
.EndFloatBar{
	height:7.125rem;
	overflow:hidden;
	position:relative;
	z-index:1;
}

.EndFloatBarFlex{
	height:7.125rem;
    white-space: nowrap;
}

.EndFloatBar-inner{
	display:flex;
	height:100%;
}

.EndFloatBar-item{
	width:50%;
	display:block;
}

.EndFloatBar-link{
	display:block;
	height:100%;
	display:flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
}

.EndFloatBar-link.Black{
	background-color:#000;
}

.EndFloatBar-link.Blue{
	background-color:#266DCA;
}

.EndFloatBar-text{
	display:block;
	white-space:nowrap;
	font-size:1.75rem;
	line-height:1.6;
	color:#fff;
	font-weight:700;
}

@media screen and (min-width:1025px){
	.EndFloatBar-link.Black{
		border:solid 3px #000;
	}
	
	.EndFloatBar-link.Blue{
		border:solid 3px #266DCA;
	}
	
	.EndFloatBar-link:hover{
		background-color:#fff;
		border-color:#000 !important;
	}
	
	.EndFloatBar-link.Black:hover .EndFloatBar-text{
		color:#000;
	}
	
	.EndFloatBar-link.Blue:hover .EndFloatBar-text{
		color:#000;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.EndFloatBar-text{
		font-size:1.5rem;
	}
	
	.EndFloatBar,
	.EndFloatBarFlex{
		height:5.8rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.EndFloatBar-text{
		font-size:1rem;
	}
	
	.EndFloatBar,
	.EndFloatBarFlex{
		height:4rem;
	}
}

/*=========================================================
	Main: MainInfo
=========================================================*/
.MainInfo{
	padding:15rem 0 21.25rem;
	background-color:#fff;
}

.InfoSec{
	display:flex;
}

.InfoSecThumb{
	width:46.438rem;
	order:2;
	position:relative;
}

.InfoSecThumb:after{
	content:"";
	display:block;
	padding-bottom:107.7%;
}

.InfoSecThumb-caption{
	font-size:0.75rem;
	line-height:1.4;
	color:#000;
	opacity:0.4;
	position:absolute;
	transform: rotate(-90deg);
	transform-origin:left bottom;
	display:block;
	left:-0.75rem;
	bottom:0;
}

.InfoSecCnt{
	flex:1;
	display:flex;
	flex-direction: column;
	justify-content:space-between;
	padding-right:4.75rem;
}

.InfoSecThumbBg{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.InfoSecThumbBg-img{
	position:absolute;
	top:-20%;
	left:0;
	width:100%;
	height:120%;
	object-fit:cover;
}

.InfoSecTitle{
	margin-bottom:3rem;
}

.InfoSecTitleItem{
	display:block;
	overflow:hidden;
}

.InfoSecTitleItem-text{
	display:block;
	font-family: Anton;
	font-size: 5rem;
	line-height: 1.1;
	text-transform: uppercase;
	position:relative;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: var(--ease-out-lerp);
}

.is-Ani .InfoSecTitleItem-text{
	transform:translateY(0);
}

.InfoSecTitleItem-text:not(.Line){
	color:#000;
}

.InfoSecTitleItem-text.Line{
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #000;
	color:transparent;
}

.InfoSecCnt-title{
	font-size:2.5rem;
	line-height:1;
	color:#266DCA;
	font-family: Anton;
	text-transform: uppercase;
	margin-bottom:1.5rem;
}

.InfoSecCnt-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:500;
	max-width:37.875rem;
	width:100%;
}

.InfoSecCnt-text + .InfoSecCnt-text{
	margin-top:0.5rem;
}

.InfoSec .MoreBtn{
	margin-top:3.75rem;
}

.InfoSec + .InfoSec{
	margin-top:17.5rem;
}


/*	Main: MainInfo(Full)
=========================================================*/
.Full.InfoSec{
	flex-wrap:wrap;
}

.Full .InfoSecThumb{
	width:100%;
}

.Full .InfoSecCnt{
	width:100%;
	margin-bottom:7.5rem;
}

.Full .InfoSecCnt{
	flex-direction: row;
	padding-right:0;
}

.Full .InfoSecThumb:after{
	display:none;
}

.Full .InfoSecThumbBg{
	position:relative;
	bottom:auto;
}

.Full .InfoSecThumbBg:after{
	content:"";
	display:block;
	padding-bottom:35.6%;
}

.Full .InfoSecMeta{
	width:46.438rem;
}

.Full .InfoSecTitle{
	margin-bottom:0;
	padding-right: 3.75rem;
}

.InfoSecThumbCaption{
	margin-top:0.75rem;
	display:flex;
	justify-content:space-between;
}

.InfoSecThumbCaption-item{
	font-size:0.75rem;
	line-height:1.4;
	color:#000;
	opacity:0.4;
	display:block;
}

.InfoSecThumbCaption-item:first-child{
	width:55%;
}

.InfoSecThumbCaption-item:first-child ~ .InfoSecThumbCaption-item{
	flex:1;
}

@media screen and (min-width:1025px){
	.InfoSecThumb{
		max-width:48%;
	}
	
	.Full .InfoSecThumb{
		max-width:100%;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.MainInfo{
		padding:9rem 0 12rem;
	}
	
	.InfoSec{
		align-items:start;
	}
	
	.InfoSec + .InfoSec{
		margin-top:10rem;
	}
	
	.InfoSecThumb{
		width:37%;
	}
	
	.InfoSecTitleItem-text{
		font-size:4rem;
	}
	
	.InfoSecCnt-title{
		font-size:2rem;
	}
	
	.Full .InfoSecCnt{
		margin-bottom:3.75rem;
	}
	
	.InfoSecTitleItem-text.Line{
		-webkit-text-stroke-width: 1px;
	}
	
	.InfoSecThumb:after{
		padding-bottom:118.2%;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.MainInfo{
		padding:3.5rem 0 5rem;
	}
	
	.InfoSec{
		display:block;
	}
	
	.InfoSec + .InfoSec{
		margin-top:6rem;
	}
	
	.InfoSecThumb{
		width:auto !important;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.InfoSecCnt{
		padding-right:0;
		margin-top:2.25rem;
		display:block;
	}
	
	.InfoSecTitleItem-text{
		font-size:4rem;
	}
	
	.InfoSecCnt-title{
		font-size: 1.25rem;
		margin-bottom:1.25rem;
	}
	
	.Full .InfoSecCnt{
		margin-bottom:3.75rem;
	}
	
	.InfoSecTitle{
		margin-bottom:2rem;
	}
	
	.InfoSecTitleItem-text{
		font-size: 2.5rem;
	}
	
	.InfoSecTitleItem-text.Line{
		-webkit-text-stroke-width: 1px;
	}
	
	.InfoSecCnt-text{
		font-size:0.875rem;
	}
	
	.InfoSec .MoreBtn{
		margin-top:2rem;
	}
	
	.InfoSecThumb-caption{
		position:relative;
		transform: rotate(0);
		left:auto;
		margin-top: 0.75rem;
		font-size:0.625rem;
		padding:0 1.25rem;
	}
	
	.InfoSecThumb:after{
		display:none;
	}
	
	.InfoSecThumbBg:after{
		content: "";
		display: block;
		padding-bottom: 107.7%;
	}
	
	.InfoSecThumbBg{
		position:relative;
		bottom:auto;
	}
	
	.InfoSecThumbCaption{
		display:block;
	}
	
	.InfoSecThumbCaption-item{
		width:100% !important;
		font-size:0.625rem;
		padding:0 1.25rem;
	}
	
	.InfoSecThumbCaption-item br{
		display:none;
	}
	
	.Full .InfoSecTitle{
		padding-right:0;
		margin-bottom: 2rem;
	}
	
	.Full .InfoSecMeta{
		width:100%;
	}
	
	.InfoSecTitleItem-text.Line{
		-webkit-text-stroke-width: 1px;
	}
}

/*=========================================================
	MoreBtn
=========================================================*/
.MoreBtn{
	display:inline-block;
	padding:0.875rem 1.5rem;
	background-color:#000;
}

.Blue.MoreBtn{
	background-color:#266DCA;
}

.MoreBtn-text{
	display:block;
	font-size:1.25rem;
	line-height:1.6;
	color:#fff;
	font-weight:600;
	padding-right:1.625rem;
	position:relative;
}

.MoreBtn-text:after{
	content:"";
	width:0.875rem;
	height:0.875rem;
	background-image:url(../../images/icon/ico_btn_arrow.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

@media screen and (min-width:1025px){
	.MoreBtn{
		padding:calc(0.875rem - 2px) 1.5rem;
		border:solid 2px #000;
	}
	
	.Blue.MoreBtn{
		border:solid 2px #266DCA;
	}
	
	.MoreBtn:hover{
		background-color:transparent;
		border-color:#000 !important;
	}
	
	.HvWhite.MoreBtn:hover{
		border-color:#fff !important;
	}
	
	.MoreBtn:hover .MoreBtn-text{
		color:#000;
	}
	
	.HvWhite.MoreBtn:hover .MoreBtn-text{
		color:#fff;
	}
	
	.MoreBtn:hover .MoreBtn-text:after{
		background-image:url(../../images/icon/ico_btn_arrow_black.svg);
	}
	
	.HvWhite.MoreBtn:hover .MoreBtn-text:after{
		background-image:url(../../images/icon/ico_btn_arrow.svg);
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.MoreBtn-text{
		font-size:1.125rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.MoreBtn{
		padding: 0.75rem 1.25rem;
	}
	
	.MoreBtn-text{
		font-size:0.875rem;
		padding-right: 1.5rem;
	}
	
	.MoreBtn-text:after{
		width:0.75rem;
		height:0.75rem;
	}
}

/*=========================================================
	SecTitle
=========================================================*/
.SecTitle{
	position:relative;
	overflow:hidden;
}

.SecTitle-text{
	font-family: Anton;
	font-size: 20rem;
	line-height:1;
	color:#000;
	text-transform: uppercase;
	margin-left:-3.75rem;
	margin-bottom: -1.4rem;
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.SecTitle-text{
		font-size:19rem;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.SecTitle-text{
		font-size:11rem;
		margin-left:-2rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.SecTitle-text{
		font-size:5rem;
		margin-bottom: 0;
		margin-left:-1.25rem;
	}
}

/*=========================================================
	MarathonSec
=========================================================*/
.MarathonSec{
	background: #F1F3F6;
	padding: 7.5rem 0;
	box-shadow: 0 -0.5rem 3.125rem 0 rgba(0, 0, 0, 0.16);
	position:relative;
	z-index:1;
}

.SecTwo.MarathonSec{
	background-color:#fff;
}

.MarathonSecFlex{
	display:flex;
	align-items:start;
}

.MarathonSecThumb{
	width:37rem;
	position:relative;
}

.MarathonSecCnt{
	flex:1;
	padding-left:25%;
	position:relative;
}

.MarathonSecCnt:after{
	content:"";
	width:calc(25% + 8.75rem);
	height:0.5rem;
	background-color:#000;
	position:absolute;
	top:4.2rem;
	left:-2.75rem;
	z-index:5;
}

.MarathonSecThumb-caption{
	font-size:0.75rem;
	line-height:1.4;
	color:#000;
	opacity:0.4;
	position:absolute;
	transform: rotate(-90deg) translateX(100%) translateY(100%);
	transform-origin:right bottom;
	display:block;
	right:-0.75rem;
	bottom:0;
}

.MarathonSecThumbBg{
	position:relative;
	overflow:hidden;
	top:0;
	left:0;
	right:0;
	height:100%;
}

.MarathonSecThumbBg:after{
	content:"";
	display:block;
	padding-bottom:118.2%;
}

.MarathonSecThumbBg-img{
	position:absolute;
	top:-20%;
	left:0;
	width:100%;
	height:120%;
	object-fit:cover;
}

.MarathonSecTitle{
	margin-bottom:6.25rem;
	position:relative;
}


.MarathonSecTitleItem{
	display:block;
	overflow:hidden;
}

.MarathonSecTitleItem-text{
	display:block;
	font-family: Anton;
	font-size: 5rem;
	line-height: 1.1;
	color:#000;
	text-transform: uppercase;
	position:relative;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: var(--ease-out-lerp);
}

.is-Ani .MarathonSecTitleItem-text{
	transform:translateY(0);
}

.MarathonSecMeta{
	padding-left: 25%;
}

.MarathonSecTitle-sub{
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:500;
	margin-top:1.25rem;
}

.MarathonSecMeta-title{
	color: #000;
	font-family: Anton;
	font-size: 1.5rem;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom:0.25rem;
}

.MarathonSecMeta-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:500;
	margin-bottom:1.75rem;
}

.Multi.MarathonSecMeta-text{
	margin-bottom:0.5rem;
}

.Multi.MarathonSecMeta-text:last-child{
	margin-bottom:0;
}

.Blue.MarathonSecMeta-text{
	color:#266DCA;
}

.MarathonSec .MoreBtn{
	margin-top:2.5rem;
}

.MarathonSecMeta-text.Last{
	margin-bottom:0;
	margin-top:1.75rem;
}

.StationList-item + .StationList-item{
	margin-top:0.688rem;
}

.StationList-item{
	display:flex;
	align-items:center;
}

.StationList-bullet{
	display:block;
	width:5.25rem;
	margin-right:0.75rem;
	font-size:0.75rem;
	line-height:1.6;
	color:#000;
	font-weight:500;
	padding:0.125rem 0;
	border:solid 1px #000;
	text-align:center;
}

.StationList-text{
	display:block;
	flex:1;
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:500;
}

.MarathonSecTabCnt-item{
	display:none;
}

.MarathonSecTabCnt-item.is-Current{
	display:block;
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.MarathonSecMeta{
		padding-left:0;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.MarathonSec{
		padding:7rem 0;
	}
	
	.MarathonSecThumb{
		width:37%;
	}
	
	.MarathonSecTitleItem-text{
		font-size:4rem;
	}
	
	.MarathonSecCnt{
		padding-left:4.75rem;
	}
	
	.MarathonSecCnt:after{
		width:calc(3rem + 2.75rem);
		top: 3.2rem;
	}
	
	.MarathonSecTitle{
		margin-bottom:3.5rem;
	}
	
	.MarathonSecMeta{
		padding-left:3rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.MarathonSec{
		padding:0 0 5rem;
	}
	
	.MarathonSecFlex{
		display:block;
	}
	
	.MarathonSecThumb{
		width:auto;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
		margin-bottom: 2.25rem;
	}
	
	.MarathonSecTitleItem-text{
		font-size:2.5rem;
	}
	
	.MarathonSecCnt{
		padding-left:0;
	}
	
	.MarathonSecMeta{
		padding-left:0;
	}
	
	.MarathonSecCnt:after{
		display:none;
	}
	
	.MarathonSecTitle{
		margin-bottom:2rem;
	}
	
	.MarathonSecThumb-caption{
		margin-top: 0.75rem;
		width:100% !important;
		font-size:0.625rem;
		padding:0 1.25rem;
		right:auto;
		position:relative;
		transform:rotate(0) translateX(0);
	}
	
	.MarathonSecTitle-sub{
		font-size:0.875rem;
	}
	
	.MarathonSecMeta-text{
		font-size:0.875rem;
		margin-bottom: 1.25rem;
	}
	
	.StationList-bullet{
		font-size:0.625rem;
	}
	
	.StationList-text{
		font-size:0.875rem;
	}
	
	.MarathonSecMeta-title{
		font-size:1.25rem;
	}
	
	.MarathonSecMeta-text.Last{
		margin-top:1.25rem;
	}
	
	.MarathonSec .MoreBtn{
		margin-top:2rem;
	}
}

/*=========================================================
	Main: MainInfo(SecTwo)
=========================================================*/
.MarathonSecTab{
	margin-bottom:1.25rem;
}

.MarathonSecTab-inner{
	display:flex;
	flex-wrap:wrap;
	margin:-0.25rem -0.625rem;
	align-items:center;
}

.MarathonSecTab-item{
	padding:0.25rem 0.625rem;
}

.MarathonSecTab-link{
	font-size:1.125rem;
	line-height:1.2;
	color:rgba(0,0,0,0.5);
	font-weight:500;
}

.is-Current .MarathonSecTab-link{
	color:#fff;
	background-color:#000;
	padding:0.313rem 0.75rem;
	border-radius:100px 100px;
}

@media screen and (max-width:767px) and (min-width:1px){
	.MarathonSecTab{
		margin-bottom:1rem;
	}

	.MarathonSecTab-link{
		font-size:1rem;
	}
}

/*=========================================================
	Main: MainInfo(SecThree)
=========================================================*/
.SecThree .StationList-bullet{
	width:4rem;
}

.MarathonSecMeta-sub{
	margin-top:3.75rem;
	font-size:1.75rem;
	line-height:1.6;
	color:#000;
	font-weight:300;
}

.MoreBtnList{
	margin-top:3.75rem;
}

.SecThree.MarathonSec .MoreBtn{
	margin-top:0;
}

.MoreBtnList-inner{
	display:flex;
	margin:-0.25rem -0.25rem;
}

.MoreBtnList-item{
	padding:0.25rem 0.25rem;
	max-width:50%;
}

.SecThree .MoreBtn{
	min-width:12.5rem;
}

@media screen and (max-width:1130px) and (min-width:1025px){
	.SecThree .MoreBtn{
		max-width: 11rem;
		min-width:0;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.MarathonSecMeta-sub{
		margin-top:2.5rem;
	}
	
	.MoreBtnList{
		margin-top:2.5rem;
	}
	
	.SecThree .MoreBtn{
		min-width:0;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.MarathonSecMeta-sub{
		margin-top:2rem;
		font-size:1.25rem;
	}
	
	.MoreBtnList{
		margin-top:2rem;
	}
	
	.SecThree .MoreBtn{
		min-width:0;
	}
}

/*=========================================================
	Main: CityWide
=========================================================*/
.CityWide{
	position:relative;
	padding:15rem 0 10rem;
	z-index:1;
}

.CityWideBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
}

.CityWideBg-img{
	position:absolute;
	top:-20%;
	left:0;
	width:100%;
	height:120%;
	object-fit:cover;
}

.CityWideSec{
	position:relative;
	z-index:5;
}

.CityWideFlex{
	display:flex;
	flex-direction: column;
	justify-content:space-between;
}

.CityWideTitle{
	margin-bottom:40rem;
}

.CityWideTitle-text{
	display: block;
    font-family: Anton;
    font-size: 5rem;
    line-height: 1.1;
    text-transform: uppercase;
	color:#fff;
}

.CityWideTitle-sub{
	font-size:1rem;
	line-height:1.6;
	color:#fff;
	font-weight:500;
	margin-top:1.25rem;
}

.CityWideText{
	display:flex;
	justify-content:end;
}

.CityWideText-item{
	display:block;
	font-size:0;
	line-height:0;
	overflow:hidden;
}

.CityWideText-text{
	display:block;
	font-size:7.5rem;
	line-height:1;
	color:#fff;
	font-family: Anton;
	position:relative;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: var(--ease-out-lerp);
	white-space:nowrap;
	text-transform: uppercase;
}

.is-Ani .CityWideText-text{
	transform:translateY(0);
}

.Blue.CityWideText-text{
	color:#266DCA;
}

.CityWideText-item + .CityWideText-item{
	margin-top:0.75rem;
}

.CityWide .MoreBtn{
	margin-top:2.5rem;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.CityWide{
		padding:9rem 0;
	}
	
	.CityWideTitle-text{
		font-size:4rem;
	}
	
	.CityWideText-text{
		font-size: 4.8rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.CityWide{
		padding:5rem 0;
	}
	
	.CityWideTitle{
		margin-bottom: 19rem;
	}
	
	.CityWideTitle-text{
		font-size:2.5rem;
	}
	
	.CityWideTitle-sub{
		font-size:0.875rem;
	}
	
	.CityWideText-text{
		font-size: 2.3rem;
	}
}

/*=========================================================
	CpHeader
=========================================================*/
.CpHeader{
	margin-bottom:6.25rem;
}

.CpTitle{
	display:block;
	overflow:hidden;
}

.CpTitle-text{
	display:block;
	font-family: Anton;
	font-size: 5rem;
	line-height: 1.1;
	color:#000;
	text-transform: uppercase;
	position:relative;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: var(--ease-out-lerp);
}

.is-Ani .CpTitle-text{
	transform:translateY(0);
}

.White.CpTitle-text{
	color:#fff;
}

.CpHeader-sub{
	font-size:1rem;
	line-height:1.6;
	color:#999;
	font-weight:500;
	margin-top:1.25rem;
}

.CpHeader-sub.First{
	margin-top:0;
	margin-bottom:1.25rem;
}

.White.CpHeader-sub{
	color:#fff;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.CpHeader{
		margin-bottom:5rem;
	}
	
	.CpTitle-text{
		font-size:4rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.CpHeader{
		margin-bottom:2.5rem;
	}
	
	.CpTitle-text{
		font-size:2.5rem;
	}
	
	.CpHeader-sub{
		font-size:0.875rem;
	}
}

/*=========================================================
	Main: MainFaq
=========================================================*/
.MainFaq{
	padding:15rem 0 12.5rem;
	overflow:hidden;
}

.MainFaqList{
	margin:0 -3.75rem;
	position:relative;
}

.MainFaqList-item:first-child{
	border-top: 1px solid #000;
}

.MainFaqList-item{
	border-bottom: 1px solid #000;
}

.MainFaqList-link{
	display:block;
	padding:2.25rem 3.75rem;
	position:relative;
}

.MainFaqPost{
	display:flex;
	align-items:center; 
}

.MainFaqPostTitle{
	width:30%;
	padding-right:2.5rem;
}

.MainFaqPostCnt{
	flex:1;
	position:relative;
	padding-right:calc(6.25rem +  23.75rem + 10%);
}

.MainFaqPostCnt:after{
	content:"";
	width:2.5rem;
	height:2.5rem;
	background-image:url(../../images/icon/ico_faq_arrow.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	opacity:0;
	visibility:hidden;
}

.MainFaqPostTitle-text{
	font-size:1.125rem;
	line-height:1.6;
	color:#000;
	position:relative;
	padding-left:2.75rem;
}

.MainFaqPostTitle-text:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_faq_q.svg);
	background-size:100% 100%;
	position:absolute;
	top:0.1rem;
	left:0;
}

.MainFaqPostCnt-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
}

.MainFaqListThumb{
	width: 23.75rem;
	height: 30rem;
	position:absolute;
	top:50%;
	right:calc(6.25rem + 10%);
	transform:translateY(-50%);
	opacity:0;
	visibility:hidden;
	pointer-events: none;
	z-index:10;
}

.MainFaqListThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.MainFaqBtn{
	margin-top:3.75rem;
	text-align:right;
}

@media screen and (min-width:1025px){
	.MainFaqList-link:hover{
		background-color:#266DCA;
	}
	
	.MainFaqList-link:hover .MainFaqPostTitle-text,
	.MainFaqList-link:hover .MainFaqPostCnt-text{
		color:#fff;
	}
	
	.MainFaqList-link:hover .MainFaqPostCnt:after{
		opacity:1;
		visibility:visible;
	}
	
	.MainFaqList-link:hover .MainFaqListThumb{
		opacity:1;
		visibility:visible;
	}
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.MainFaqListThumb{
		width: 20.75rem;
		height: 27rem;
		right: calc(6.25rem + 5%);
	}
	
	.MainFaqPostCnt{
		padding-right: calc(6.25rem + 20.75rem + 5%);
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.MainFaq{
		padding:9rem 0;
	}
	
	.MainFaqList{
		margin:0 -2rem;
	}
	
	.MainFaqList-link{
		padding:2.25rem 2rem;
	}
	
	.MainFaqPostTitle{
		width: 41%;
	}
	
	.MainFaqPostCnt{
		padding-right:0;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.MainFaq{
		padding:5rem 0;
	}
	
	.MainFaqList{
		margin:0 -1.25rem;
	}
	
	.MainFaqList-link{
		padding:1.875rem 1.25rem;
	}
	
	.MainFaqPost{
		display:block;
	}
	
	.MainFaqPostTitle{
		width:100%;
		padding-right:0;
	}
	
	.MainFaqPostCnt{
		padding-right:0;
		margin-top:1rem;
		padding-left: 2.25rem;
	}
	
	.MainFaqBtn{
		margin-top:2.5rem;
	}
	
	.MainFaqPostTitle-text{
		font-size:1rem;
		padding-left: 2.25rem;
	}
	
	.MainFaqPostCnt-text{
		font-size:0.875rem;
	}
}

/*=========================================================
	Main: MainContact
=========================================================*/
.MainContact{
	padding:7.5rem 0;
	background-color:#266DCA;
	position:relative;
	z-index:1;
}

.MainContactList-inner{
	display:flex;
	margin:-0.375rem -0.375rem;
}

.MainContactList-item{
	padding:0.375rem 0.375rem;
	width:100%;
}

.MainContactBtn{
	display:block;
	padding:calc(1.313rem - 2px) 1.313rem;
	text-align:center;
}

.Black.MainContactBtn{
	border:solid 2px #000;
	background-color:#000;
}

.Blue.MainContactBtn{
	border:solid 2px #266DCA;
	background-color:#266DCA;
}

.White.MainContactBtn{
	border:solid 2px #fff;
	background-color:#fff;
}

.MainContactBtn-title{
	font-size:1.75rem;
	line-height:1.6;
	font-weight:700;
	display:block;
}

.Black .MainContactBtn-title{
	color:#fff;
}

.White .MainContactBtn-title{
	color:#000;
}

.Blue .MainContactBtn-title{
	color:#fff;
}

.MainContactBtn-date{
	font-size:1rem;
	line-height:1.6;
	color:#888;
	display:block;
}

.Blue .MainContactBtn-date{
	color:rgba(255,255,255,0.4);
}

@media screen and (min-width:1025px){
	.MainContactBtn:hover{
		border-color:#fff !important;
		background-color:#266DCA !important;
	}
	
	.MainContactBtn:hover .MainContactBtn-title{
		color:#fff !important;
	}
	
	.MainContactBtn:hover .MainContactBtn-date{
		color:#fff;
	}
	
	.MainContactFlex{
		display:flex;
		align-items:end;
		justify-content:space-between;
	} 

	.MainContactFlex .CpHeader{
		margin-bottom:0;
		max-width:49.5%;
	}

	.MainContactList{
		width:40.5%;
	}
	
	.MainContactBtn{
		padding:calc(3rem - 2px) 1.313rem;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.MainContact{
		padding:7rem 0;
	}
	
	.MainContactBtn-title{
		font-size:1.6rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.MainContact{
		padding:4.5rem 0;
	}
	
	.MainContactBtn-title{
		font-size:1.125rem;
	}
	
	.MainContactBtn-date{
		font-size:0.875rem;
	}
	
	.MainContactBtn{
		padding: calc(1.2rem - 2px) 1.2rem;
	}
}

/*=========================================================
	PgTopBanner
=========================================================*/
.PgTopBanner{
	position:relative;
	min-height:200vh;
	min-height:200svh;
	display:flex;
	flex-direction: column;
}

.admin-bar .PgTopBanner{
	min-height:calc(200vh - 32px);
	min-height:calc(200svh - 32px);
}

.PgTopBannerBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.PgTopBannerBg-img{
	position:absolute;
	top:-10%;
	left:0;
	width:100%;
	height:120%;
	object-fit:cover;
}

.PgTopBannerText{
	margin-top:auto;
	margin-bottom:auto;
	position:relative;
	padding:11.25rem 0;
	z-index:5;
}

.PgTopBannerText-title{
	color: #FFF;
	font-family: Anton;
	font-size: 20rem;
	line-height:1;
	text-transform: uppercase;
	padding-bottom:10rem;
	margin-bottom:25vh;
	margin-bottom:25svh;
}

.SlideTitle-item{
	display:block;
	overflow:hidden;
}

.SlideTitle-text{
	display:block;
	font-family: Anton;
	font-size: 5rem;
	line-height: 1.1;
	text-transform: uppercase;
	position:relative;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: var(--ease-out-lerp);
	white-space:nowrap;
}

.is-Ani .SlideTitle-text{
	transform:translateY(0);
}

.SlideTitle-text:not(.Line){
	color:#000;
}

.SlideTitle-text.Blue:not(.Line){
	color:#266DCA;
}

.SlideTitle-text.Line{
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #fff;
	color: transparent;
}

.PgTopBannerTextMeta-text{
	margin-top:2.5rem;
	font-size:1.25rem;
	line-height:1.6;
	color:#fff;
	font-weight:500;
}

.PgTopBanner .SlideTitle-text:not(.Line){
	color:#fff;
}

@media screen and (max-width: 782px) {
	.admin-bar .PgTopBanner{
		min-height:calc(100vh - 46px);
		min-height:calc(100svh - 46px);
	}
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.PgTopBannerText-title{
		font-size: 16rem;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PgTopBanner{
		min-height:100vh;
		min-height:100svh;
	}
	
	.PgTopBannerText{
		padding: 11rem 0 8rem;
	}
	
	.PgTopBannerText-title{
		font-size: 10rem;
		padding-bottom:0;
		margin-bottom:10rem;
	}
	
	.SlideTitle-text{
		font-size:4rem;
	}
	
	.PgTopBanner .SlideTitle-text{
		font-size:3.4rem;
	}
	
	.SlideTitle-text.Line{
		-webkit-text-stroke-width: 1px;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PgTopBanner{
		min-height:100vh;
		min-height:100svh;
	}
	
	.PgTopBannerText{
		padding: 6rem 0 5rem;
	}
	
	.PgTopBannerText-title{
		font-size:5.2rem;
		padding-bottom:0;
		margin-bottom:4rem;
	}
	
	.SlideTitle-text{
		font-size:2.5rem;
	}
	
	.PgTopBanner .SlideTitle-text{
		font-size:2rem;
	}
	
	.SlideTitle-text.Line{
		-webkit-text-stroke-width: 1px;
	}
	
	.PgTopBannerTextMeta-text{
		font-size:1rem;
		margin-top: 1.5rem;
	}
}

/*=========================================================
	PgBnTitle
=========================================================*/
.PgBnTitleSec{
	position:relative;
	background-color: #fff;
	z-index:1;
}

.Color.PgBnTitleSec{
	background-color:#F1F3F6;
}

.PgBnTitleSec:before{
	content:"";
	display:table;
	clear:both;
}

.PgBnTitle{
	margin-top:-6.25rem;
}

.PgBnTitle-item{
	display:block;
	overflow:hidden;
}

.PgBnTitle-text{
	display:block;
	color: #266DCA;
    font-family: Anton;
    font-size: 20rem;
    line-height: 1;
    text-transform: uppercase;
	position:relative;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: var(--ease-out-lerp);
	white-space:nowrap;
}

.is-Ani .PgBnTitle-text{
	transform:translateY(0);
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.PgBnTitle-text{
		font-size:16rem;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PgBnTitle{
		margin-top: -3.25rem;
	}
	
	.PgBnTitle-text{
		font-size:10rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PgBnTitle{
		margin-top: -2rem;
	}
	
	.PgBnTitle-text{
		font-size:4.5rem;
	}
}

/*=========================================================
	PgRightPost
=========================================================*/
.PgRightPost{
	padding:11.5rem 0 15rem;
	background-color:#fff;
	position:relative;
	z-index:1;
}

.Color.PgRightPost{
	background-color:#F1F3F6;
}

.PgRightPostFlex{
	margin-left:auto;
	width:33%;
}

.PgRightPost-title{
	font-size:3.75rem;
	line-height:1.2;
	color:#000;
	font-weight:800;
	margin-bottom:2.5rem;
}

.PgRightPost-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
}

.PgRightPost-text + .PgRightPost-text{
	margin-top:0.625rem;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PgRightPost{
		padding:8rem 0 9rem;
	}
	
	.PgRightPostFlex{
		width:50%;
	}
	
	.PgRightPost-title{
		font-size:2.5rem;
		margin-bottom: 2rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PgRightPost{
		padding:5rem 0;
	}
	
	.PgRightPostFlex{
		width:90%;
	}
	
	.PgRightPost-title{
		font-size:1.5rem;
		margin-bottom: 1.5rem;
	}
	
	/*.PgRightPost-title br{
		display:none;
	}*/
	
	.PgRightPost-text{
		font-size:0.875rem;
	}
}

/*=========================================================
	LineLeftPost
=========================================================*/
.PgRightPost + .LineLeftPost{
	padding-top:0;
}

.PgBnTitleSec + .LineLeftPost{
	padding-top:15rem;
}

.LineLeftPost{
	padding:8.5rem 0;
	background-color:#fff;
	position:relative;
	z-index:1;
}

.Even.LineLeftPost{
	background-color:#F1F3F6;
}

.LineLeftPostFlex{
	display:flex;
}

.LineLeftPostThumb{
	width:46.438rem;
	order:2;
	position:relative;
}

.LineLeftPostThumb:after{
	content:"";
	display:block;
	padding-bottom:107.7%;
}

.LineLeftPostThumb-caption{
	font-size:0.75rem;
	line-height:1.4;
	color:#000;
	opacity:0.4;
	position:absolute;
	transform: rotate(-90deg);
	transform-origin:left bottom;
	display:block;
	left:-0.75rem;
	bottom:0;
}

.LineLeftPostCnt{
	flex:1;
	display:flex;
	flex-direction: column;
	justify-content:space-between;
	padding-right:4.75rem;
}

.LineLeftPost .SlideTitle{
	margin-bottom:5rem;
}

.LineBar .SlideTitle-text{
	display:inline-block;
	background-color:#fff;
	padding-right:0.875rem;
	z-index:5;
}

.Even .LineBar .SlideTitle-text{
	background-color:#F1F3F6;
}

.SlideTitle.LineBar{
	position:relative;
}

.SlideTitle-bar{
	position:absolute;
	top:4.35rem;
	left:0.625rem;
	right:calc(-3.75rem - 3.125rem);
	height: 0.5rem;
	background-color:#000;
	transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: var(--ease-out-lerp);
    white-space: nowrap;
	transform-origin:left center;
	z-index:1;
}

.LineLeftPostThumbBg{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.LineLeftPostThumbBg-img{
	position:absolute;
	top:-20%;
	left:0;
	width:100%;
	height:120%;
	object-fit:cover;
}

.LineLeftPostCnt-title{
	font-size:1.75rem;
	line-height:1.4;
	color:#fff;
	font-weight:700;
	margin-bottom:0.75rem;
	padding:0.25rem 1rem;
	background-color:#266DCA;
	display:inline-block;
}

.LineLeftPostCnt-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:500;
}

.LineLeftPostCnt-text.Bold{
	font-weight:700;
}

.LineLeftPostCnt-text + .LineLeftPostCnt-text{
	margin-top:0.75rem;
}

@media screen and (min-width:1025px){
	.LineLeftPostThumb{
		max-width:48%;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PgBnTitleSec + .LineLeftPost{
		padding-top:9rem;
	}
	
	.LineLeftPostFlex{
		align-items:start;
	}

	.LineLeftPost{
		padding:7rem 0;
	}

	.LineLeftPostThumb{
		width:37%;
	}
	
	.LineLeftPost .SlideTitle{
		margin-bottom:3rem;
	}
	
	.SlideTitle-bar{
		top: 3.35rem;
		right: calc(-3.75rem - 2.125rem);
	}
	
	.LineLeftPostCnt-title{
		font-size:1.25rem;
		padding: 0.25rem 0.75rem;
	}
	
	.LineLeftPostThumb:after{
		padding-bottom:118.2%;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PgBnTitleSec + .LineLeftPost{
		padding-top:5rem;
	}
	
	.LineLeftPost{
		padding:0 0 5rem;
	}
	
	.LineLeftPostFlex{
		display:block;
	}
	
	.LineLeftPostThumb{
		width:auto !important;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.LineLeftPostCnt{
		padding-right:0;
		margin-top:2.25rem;
		display:block;
	}

	.LineLeftPostThumb-caption{
		position:relative;
		transform: rotate(0);
		left:auto;
		margin-top: 0.75rem;
		font-size:0.625rem;
		padding:0 1.25rem;
	}
	
	.LineLeftPostThumb:after{
		display:none;
	}
	
	.LineLeftPostThumbBg:after{
		content: "";
		display: block;
		padding-bottom: 107.7%;
	}
	
	.LineLeftPostThumbBg{
		position:relative;
		bottom:auto;
	}
	
	.SlideTitle-bar{
		top: 4.6rem;
		height:0.3rem;
		right:-1.25rem;
	}
	
	.LineLeftPost .SlideTitle{
		margin-bottom:2rem;
	}
	
	.LineLeftPostCnt-title{
		font-size:1.125rem;
		padding: 0.25rem 0.65rem;
	}
	
	.LineLeftPostCnt-text{
		font-size:0.875rem;
	}
}

/*=========================================================
	OverlapList
=========================================================*/
.OverlapList{
	margin-bottom:11.25rem;
}

.OverlapPost{
	display:flex;
}

.OverlapPostThumb{
	position:relative;
}

.OverlapPostThumb:after{
	content:"";
	display:block;
}

.OverlapPostThumbBg{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.OverlapPostThumbBg-img{
	position:absolute;
	top:-20%;
	left:0;
	width:100%;
	height:120%;
	object-fit:cover;
}

.OverlapPostThumb-caption{
	font-size:0.75rem;
	line-height:1.4;
	color:#000;
	opacity:0.4;
	position:absolute;
	transform: rotate(-90deg);
	
	display:block;
}

.OverlapPostCnt{
	flex:1;
	display:flex;
	flex-direction: column;
}

.OverlapPostCnt-title{
	font-size:2rem;
	line-height:1.4;
	color:#266DCA;
	font-weight:700;
	margin-bottom:0.75rem;
}

.OverlapPostCnt-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:500;
}

/*Left*/
.Left .OverlapPostThumb{
	width:51%;
}

.Left .OverlapPostThumb-caption{
	right: -0.75rem;
	top:0;
	transform: rotate(-90deg);
	transform-origin:right top;
}

.Left .OverlapPostCnt{
	padding-left:16%;
	padding-top:5rem;
	padding-bottom:15.25rem;
}

.Left .OverlapPostThumb:after{
	padding-bottom:78.3%;
}

.Left.Reverse .OverlapPostThumb{
	order:2;
}

.Left.Reverse .OverlapPostCnt{
	padding-left:0;
	padding-right:16%;
}

.Left.Reverse .OverlapPostThumb-caption{
	transform: rotate(-90deg) translateX(-100%);
	left: -1.625rem;
	right:auto;
	transform-origin:left top;
}

/*Right*/
.Right .OverlapPostThumb{
	width:33%;
	margin-top:-11.25rem;
	order:2;
}

.Right .OverlapPostThumb-caption{
	left:-0.75rem;
	bottom:0;
	transform-origin:left bottom;
}

.Right .OverlapPostCnt{
	padding-top:15.25rem;
	padding-right:16%;
	padding-bottom:5rem;
	justify-content:end;
}

.OverlapPostCnt-text + .OverlapPostCnt-text{
	margin-top:0.75rem;
}

.Right .OverlapPostThumb:after{
	padding-bottom:121.6%;
}

.Right.Reverse .OverlapPostThumb{
	order:1;
}

.Right.Reverse .OverlapPostCnt{
	order:2;
	padding-right:0;
	padding-left: 16%;
}

.Right.Reverse .OverlapPostThumb-caption{
	right:-0.75rem;
	left:auto;
	transform-origin: right bottom;
	transform: rotate(-90deg) translateX(100%) translateY(100%);
}

@media screen and (max-width:1024px) and (min-width:768px){
	.OverlapList{
		margin-bottom:9rem;
	}
	
	.Left .OverlapPostCnt{
		padding-left: 10%;
		padding-top: 2rem;
		padding-bottom: 8.25rem;
	}
	
	.Right .OverlapPostCnt{
		padding-top:8.25rem;
		padding-right:10%;
		padding-bottom:2rem;
	}
	
	.Right .OverlapPostThumb{
		margin-top: -4.25rem;
	}
	
	.OverlapPostCnt-title{
		font-size:1.85rem;
	}
	
	.PcBr{
		display:none;
	}
	
	.TbBr{
		display:block;
	}
	
	.Left.Reverse .OverlapPostCnt{
		padding-right: 10%;
	}
	
	.Right.Reverse .OverlapPostCnt{
		padding-left: 10%;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.OverlapList{
		margin-bottom:5rem;
	}
	
	.OverlapPost{
		display:block;
	}
	
	.OverlapPost + .OverlapPost{
		margin-top:4.5rem;
	}
	
	.OverlapPostThumb{
		width:auto !important;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
		margin-top:0 !important;
	}
	
	.OverlapPostCnt{
		padding-right:0;
		margin-top:2.25rem;
		padding:0 !important;
		display:block;
	}

	.OverlapPostThumb-caption{
		position:relative;
		transform: rotate(0) !important;
		left:auto !important;
		right:auto !important;
		margin-top: 0.75rem;
		font-size:0.625rem;
		padding:0 1.25rem;
	}
	
	.OverlapPostThumb:after{
		display:none;
	}
	
	.OverlapPostThumbBg:after{
		content: "";
		display: block;
	}
	
	.Left .OverlapPostThumbBg:after{
		padding-bottom:78.3%;
	}
	
	.Right .OverlapPostThumbBg:after{
		padding-bottom:121.6%;
	}
	
	.OverlapPostThumbBg{
		position:relative;
		bottom:auto;
	}
	
	.OverlapPostCnt-title{
		font-size:1.45rem;
	}
	
	.OverlapPostCnt-text{
		font-size:0.875rem;
	}
	
	.PcBr{
		display:none;
	}
}

/*=========================================================
	PgSubHeader
=========================================================*/
.PgSubHeader{
	margin-bottom:5rem;
}

.PgSubHeader-text{
	font-size:1rem;
	line-height:1.6;
	color:#999;
	font-weight:500;
	margin-top:1.25rem;
}

@media screen and (max-width:767px) and (min-width:1px){
	.PgSubHeader-text{
		font-size:0.875rem;
	}
}

/*=========================================================
	BoxList
=========================================================*/
.BoxList{
	margin-bottom:15rem;
}

.BoxList-inner{
	display:flex;
	flex-wrap:wrap;
	margin-left:1px;
	margin-top:1px;
}

.BoxList-item{
	width:calc(25% + 1px);
	border: 1px solid #ddd;
	margin-left:-1px;
	margin-top:-1px;
}

.BoxPost{
	padding:3.25rem 3.25rem;
	height:100%;
}

.BoxPostHeader{
	margin-bottom:3.75rem;
}

.BoxPostHeaderTitle{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.BoxPostHeaderTitle-title{
	font-size:1.75rem;
	line-height:1;
	color:#000;
	font-family: Anton;
	text-transform: uppercase;
	padding-right:1.25rem;
}

.BoxPostHeaderTitle-sub{
	font-size:1rem;
	line-height:1.6;
	color:#999;
	font-weight:500;
	order:2;
}

.BoxPostHeader-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:500;
	margin-top:0.5rem;
}

.BoxPost-sub{
	font-size:1.25rem;
	line-height:1.6;
	color:#266DCA;
	font-weight:700;
}

.BoxPost-text{
	font-size:1rem;
	line-height:1.6;
	color:#000000;
	margin-top:0.5rem;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.BoxList{
		margin-bottom:9rem;
	}
	
	.BoxList-item{
		width:50%;
	}
	
	.BoxPost{
		padding:3rem 3rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.BoxList{
		margin-bottom:5rem;
	}
	
	.PgSubHeader-text{
		font-size:0.875rem;
	}
	
	.BoxList-item{
		width:100%;
	}
	
	.BoxPost{
		padding:1.75rem 1.75rem;
	}
	
	.BoxPostHeader{
		margin-bottom:1.75rem;
	}
	
	.BoxPostHeaderTitle-title{
		font-size:1.5rem;
	}
	
	.BoxPostHeader-text{
		font-size:0.875rem;
	}
	
	.BoxPostHeaderTitle-sub{
		font-size:0.875rem;
	}
	
	.BoxPost-sub{
		font-size:1rem;
	}
	
	.BoxPost-text{
		font-size:0.875rem;
	}
}

/*=========================================================
	ColorPgSec
=========================================================*/
.PgColorSec{
	background-color:#F1F3F6;
	padding-bottom:15rem;
}

.PgColorSec .BoxList{
	margin-bottom:0;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PgColorSec{
		padding-bottom:10rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PgColorSec{
		padding-bottom:6rem;
	}
}

/*=========================================================
	MarathonSec
=========================================================*/
.StationSec{
	background: #F1F3F6;
	padding: 7.5rem 0;
	box-shadow: 0 -0.5rem 3.125rem 0 rgba(0, 0, 0, 0.16);
	position:relative;
	z-index:1;
}

.Even.StationSec{
	background-color:#fff;
}

.StationSecFlex{
	display:flex;
	align-items:start;
}

.StationSecThumb{
	width:37rem;
	position:relative;
}

.StationSecCnt{
	flex:1;
	padding-left:25%;
	position:relative;
}

.StationSecCnt:after{
	content:"";
	width:calc(35% + 2.75rem);
	height:0.5rem;
	background-color:#000;
	position:absolute;
	top:4.2rem;
	left:-2.75rem;
	z-index:5;
}

.StationSecThumb-caption{
	font-size:0.75rem;
	line-height:1.4;
	color:#fff;
	opacity:0.4;
	position:absolute;
	transform: rotate(-90deg) translateX(100%) translateY(100%);
	transform-origin:right bottom;
	display:block;
	right:-0.75rem;
	bottom:0;
}

.StationSecThumbBg{
	position:relative;
	overflow:hidden;
	top:0;
	left:0;
	right:0;
	height:100%;
}

.StationSecThumbBg:after{
	content:"";
	display:block;
	padding-bottom:118.2%;
}

.StationSecThumbBg-img{
	position:absolute;
	top:-20%;
	left:0;
	width:100%;
	height:120%;
	object-fit:cover;
}

.StationSecTitle{
	margin-bottom:6.25rem;
	position:relative;
}


.StationSecTitleItem{
	display:block;
	overflow:hidden;
}

.StationSecTitleItem-text{
	display:block;
	font-family: Anton;
	font-size: 5rem;
	line-height: 1.1;
	color:#000;
	text-transform: uppercase;
	position:relative;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: var(--ease-out-lerp);
}

.is-Ani .StationSecTitleItem-text{
	transform:translateY(0);
}

.StationSecTitle-cate{
	font-size:1.75rem;
	line-height:1;
	color:#000;
	font-family: Anton;
	text-transform: uppercase;
	margin-bottom:1.75rem;
	display:flex;
	align-items:center;
}

.StationSecTitle-catetext{
	display:inline-block;
	position:relative;
}

.StationSecTitle-catetext:first-child:after{
	content:"";
	width:1px;
	background-color:rgba(0,0,0,0.4);
	height:70%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.StationSecTitle-catetext:first-child{
	padding-right:calc(1rem + 1px);
	margin-right:1rem;
}

.StationSecTitle-catetext:last-child{
	font-family: Pretendard;
	line-hegiht:1.6;
	font-weight:700;
}

.StationSecTitleSub{
	margin-top:0.75rem;
}

.StationSecTitleSub:after{
	content:"";
	display:table;
	clear:both;
}

.StationSecTitleSub-title{
	display:block;
	float:left;
	margin-right:1.5rem;
	font-size:1rem;
	line-height:1.6;
	color:#fff;
	font-weight:700;
	border:solid 1px #fff;
	padding:0.25rem 0.75rem;
}

.StationSecTitleSub-text{
	display:block;
	overflow:hidden;
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:500;
}

.StationSecMeta{
	padding-left:20%;
}

.StationSecMeta-title{
	font-size:2rem;
	line-height:1.4;
	color:#266DCA;
	font-weight:700;
	margin-bottom:2rem;
}

.StationSecMetaList-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:500;
}
.StationSecMetaList-text + .StationSecMetaList-text{
	margin-top:0.5rem;
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.StationSecCnt{
		padding-left: 15%;
	}
	
	.StationSecCnt:after{
		width: calc(15% + 5.75rem);
	}
	
	.StationSecMeta{
		padding-left:0;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.StationSec{
		padding:7rem 0;
	}
	
	.StationSecThumb{
		width:37%;
	}
	
	.StationSecTitleItem-text{
		font-size:4rem;
	}
	
	.StationSecCnt{
		padding-left:5.75rem;
	}
	
	.StationSecCnt:after{
		width:calc(3rem + 2.75rem);
		top: 3.2rem;
	}
	
	.StationSecTitle{
		margin-bottom:3.5rem;
	}
	
	.StationSecMeta{
		padding-left:1.5rem;
	}
	
	.StationSecMeta-title{
		font-size:1.5rem;
	}
	
	.StationSecTitleSub-title{
		float:none;
		margin-right:0;
		display:inline-block;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.StationSec{
		padding:0 0 5rem;
	}
	
	.StationSecFlex{
		display:block;
	}
	
	.StationSecThumb{
		width:auto;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
		margin-bottom: 2.25rem;
	}
	
	.StationSecTitleItem-text{
		font-size:2.5rem;
	}
	
	.StationSecCnt{
		padding-left:0;
	}
	
	.StationSecCnt:after{
		display:none;
	}
	
	.StationSecTitle-cate{
		font-size:1.25rem;
		margin-bottom:1.35rem;
	}
	
	.StationSecTitleSub-title{
		float:none;
		margin-right:0;
		display:inline-block;
		font-size:0.875rem;
	}
	
	.StationSecTitleSub-text{
		font-size:0.875rem;
	}
	
	.StationSecTitle{
		margin-bottom:2rem;
	}
	
	.StationSecMeta-title{
		font-size:1.125rem;
		margin-bottom:1.25rem;
	}
	
	.StationSecMeta{
		padding-left:0;
	}
	
	.StationSecMetaList-text{
		font-size:0.875rem;
	}
	
	.StationSecTitle-catetext:first-child{
		padding-right: calc(0.75rem + 1px);
		margin-right: 0.75rem;
	}
}

/*=========================================================
	PgSlogan
=========================================================*/
.PgSlogan{
	background-color:#000;
	position:relative;
	padding:15rem 0;
	z-index:1;
}

.PgSlogan-text{
	font-size:1rem;
	line-height:1.6;
	color:#fff;
	font-weight:500;
}

.PgSlogan-text + .PgSlogan-text{
	margin-top:0.5rem;
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.PgSlogan .SloganTitle-text{
		font-size: 15rem;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PgSlogan{
		padding: 9rem 0 9rem;
	}
	
	.SloganTitle-text{
		font-size: 9rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PgSlogan{
		padding: 5rem 0 5rem;
	}
	
	.PgSlogan .SloganTitle-text{
		font-size: 4rem;
	}
	
	.PgSlogan-text{
		font-size:0.875rem;
	}
}

/*=========================================================
	ToolsListFlex
=========================================================*/
.ToolsListFlex{
	margin-bottom:16.25rem;
}

.ToolsListFlex-inner{
	display:flex;
}

.ToolsListFlexTitle{
	width: 24%;
}

.ToolsListFlexList{
	flex:1;
	padding-left:9%;
}

.ToolsListFlexTitle-title{
	font-size:2rem;
	line-height:1.4;
	color:#000;
	font-weight:700;
	margin-bottom:1.5rem;
}

.ToolsListFlexTitle-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
}

.ToolsListFlexTitle-text:not(.BlueC){
	padding-left:1rem;
	position:relative;
}

.ToolsListFlexTitle-text:not(.BlueC):after{
	content:"·";
	position:absolute;
	top:0;
	left:0;
}

.ToolsListFlexTitle-text.BlueC{
	margin-top:1.5rem;
	font-weight:700;
}

.ToolsList-inner{
	display:flex;
	flex-wrap:wrap;
	margin:-2rem -0.375rem;
}

.ToolsList-item{
	width:50%;
	padding:2rem 0.375rem;
}

.ToolsPostThumbBg{
	position:relative;
	overflow:hidden;
}

.ToolsPostThumbBg:after{
	content:"";
	display:block;
}

.Horizontal .ToolsPostThumbBg:after{
	padding-bottom:131.783%;
}

.Horizontal.Small .ToolsPostThumbBg:after{
	padding-bottom:120.283%;
}

.Vertical .ToolsPostThumbBg:after{
	padding-bottom:93.023%;
}

.ToolsPostThumbBg-img{
	position:absolute;
	top:-20%;
	left:0;
	width:100%;
	height:120%;
	object-fit:cover;
}

.ToolsPost + .ToolsPost{
	margin-top:5rem;
}

.ToolsPost-title{
	font-size:3rem;
	color:#000;
	line-height:1;
	font-family: Anton;
	text-transform: uppercase;
	margin-top:2.5rem;
	margin-bottom:1.5rem;
}

.ToolsPost-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
}

.ToolsPost-text.BlueC{
	font-weight:700;
}

.ToolsPost-text + .ToolsPost-text{
	margin-top:0.5rem;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ToolsListFlex{
		margin-bottom:9rem;
	}
	
	.ToolsListFlex-inner{
		display:block;
	}
	
	.ToolsListFlexTitle{
		width:100%;
		margin-bottom:3rem;
	}
	
	.ToolsListFlexList{
		padding-left:0;
	}
	
	.ToolsPost-title{
		font-size:2.5rem;
	}
	
	.ToolsListFlexTitle-title{
		font-size:1.85rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.ToolsListFlex{
		margin-bottom:5rem;
	}
	
	.ToolsListFlex-inner{
		display:block;
	}
	
	.ToolsListFlexTitle{
		width:100%;
		margin-bottom:2.5rem;
	}
	
	.ToolsListFlexList{
		padding-left:0;
	}
	
	.ToolsPost-title{
		font-size:2rem;
		margin-top: 2rem;
		margin-bottom: 1.25rem;
	}
	
	.ToolsPost-text{
		font-size:0.875rem;
	}
	
	.ToolsListFlexTitle-title{
		font-size:1.25rem;
		margin-bottom:1.25rem;
	}
	
	.ToolsListFlexTitle-text{
		font-size:0.875rem;
	}
	
	.ToolsList-item{
		width:100%;
	}
	
	.ToolsPost + .ToolsPost{
		margin-top:4rem;
	}
	
	.ToolsPostThumb{
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
}

/*=========================================================
	StepPost
=========================================================*/
.StepPost{
	padding:15rem 0;
	position:relative;
	z-index;1;
}

.StepPost.Odd{
	background-color:#fff;
}

.StepPost.Even{
	background-color:#F1F3F6;
}

.StepPostFlex{
	display:flex;
	align-items:start;
}

.StepPostThumb{
	width:65.313rem;
	position:relative;
}

.StepPostThumb:after{
	content:"";
	display:block;
	padding-bottom:72.72%;
}

.StepPostThumb-caption{
	font-size:0.75rem;
	line-height:1.4;
	color:#000;
	opacity:0.4;
	position:absolute;
	display:block;
}

.StepPostCnt{
	flex:1;
	display:flex;
	flex-direction: column;
	justify-content:space-between;
}

.StepPostTitle.LineBar{
	position:relative;
}

.StepPostTitle-bar{
	position:absolute;
	bottom:1rem;
	height: 0.313rem;
	background-color:#000;
	transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: var(--ease-out-lerp);
    white-space: nowrap;
	transform:scaleX(0);
	transition-delay:0s;
	z-index:1;
}

.is-Ani.StepPostTitle-bar{
	transform:scaleX(1);
	transition-delay:0.1s;
}

.StepPostThumbBg{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.StepPostThumbBg-img{
	position:absolute;
	top:-20%;
	left:0;
	width:100%;
	height:120%;
	object-fit:cover;
}

.StepPostTitle-cate{
	display:block;
	font-family: Anton;
	font-size: 1.75rem;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom:1rem;
	color:#266DCA;
}

.StepPostTitle.LineBar{
	position:relative;
}

.LineBar .SmallPostTitle-text{
	display:inline-block;
	background-color:#fff;
	z-index:5;
}

.Even .LineBar .SmallPostTitle-text{
	background-color:#F1F3F6;
}

.SmallPostTitle-item{
	display:block;
	overflow:hidden;
	position:relative;
}

.SmallPostTitle-text{
	display:block;
	font-size: 3.75rem;
	line-height: 1.2;
	color: #000;
	font-weight:300;
	text-transform: uppercase;
	position:relative;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: var(--ease-out-lerp);
}

.SmallPostTitle-text.Bold{
	font-weight:700;
}

.is-Ani .SmallPostTitle-text{
	transform:translateY(0);
}

.StepPostMeta{
	margin-top:5rem;
}

.StepPostMetaTitle{
	margin-bottom:1.5rem;
	display:flex;
	align-items:center;
}

.StepPostMetaTitle-text{
	display:inline-block;
	font-size:1rem;
	line-height:1.6;
	color:#fff;
	font-weight:500;
	padding:0.25rem 0.75rem;
	background-color:#266DCA;
	margin-right:1.25rem;
}

.StepPostMetaTitle .StepPostMeta-text{
	margin-bottom:0;
	font-weight:600;
}

.Price.StepPostMetaTitle-text{
	font-size:2rem;
	padding:0 0.75rem;
}

.StepPostMeta-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:500; 
	margin-bottom:0.5rem;
}

.StepPostMeta-text.Big{
	font-size:1.25rem;
	font-weight:600;
}

.StepPostMeta-text.Last{
	margin-bottom:1.75rem;
}

.StepPostMeta-text.InBlock{
	text-align:right;
	display:inline-block;
}

.StepPostMeta-text.Right{
	text-align:right;
	display:inline-block;
}

.StepPostMetaBox{
	margin-bottom:1.75rem;
	border:solid 1px #DDD;
	background-color:#fff;
	padding:1rem 1.5rem;
}

.StepPostMetaBox:after{
	content:"";
	display:table;
	clear:both;
}

.StepPostMetaBoxTitle{
	display:block;
	float:left;
	margin-right:2.25rem;
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:700;
	position:relative;
}

.StepPostMetaBoxTitle:after{
	content:"";
	width:3.75rem;
	height:1px;
	background-color:#000;
	position:absolute;
	bottom:0;
	right:0;
}

.StepPostMetaBoxText{
	overflow:hidden;
	display:block;
	font-size:0;
	line-height:0;
}

.StepPostMetaBoxText-title{
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:600; 
	overflow:hidden;
}

/*Left*/
.Left .StepPostThumb{
	order:2;
}

.Left .SmallPostTitle-item{
	padding-right:19%;
}

.Left .StepPostMeta{
	padding-right:19%;
}

.Left .LineBar .SmallPostTitle-text{
	padding-right:0.875rem;
}

.Left .StepPostTitle-bar{
	left:0.625rem;
	right:-3.125rem;
	transform-origin:left center;
}

.Left .StepPostThumb-caption{
	transform-origin:left bottom;
	left:-0.75rem;
	bottom:0;
	transform: rotate(-90deg);
}

/*Right*/
.Right .SmallPostTitle-item{
	padding-left:calc(19% - 0.875rem);
}

.Right .LineBar .SmallPostTitle-text{
	display:block;
}

.Right .StepPostMeta{
	padding-left:19%;
}

.Right .LineBar .SmallPostTitle-text{
	padding-left:0.875rem;
}

.Right .StepPostTitle-bar{
	right:0.625rem;
	left:-3.125rem;
	transform-origin:right center;
}

.Right .StepPostThumb-caption{
	transform-origin:right bottom;
	right:-0.75rem;
	bottom:0;
	transform: rotate(-90deg) translateX(100%) translateY(100%);
}

.Right .StepPostTitle-cate{
	padding-left:19%;
}

@media screen and (min-width:1025px){
	.StepPostThumb{
		max-width:58%;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.StepPost{
		padding:9rem 0;
	}

	.StepPostThumb{
		width:37%;
	}
	
	.SlideTitle-bar{
		top: 3.35rem;
		right: calc(-3.75rem - 2.125rem);
	}
	
	.StepPostThumb:after{
		padding-bottom: 128.5%;
	}
	
	.SmallPostTitle-text{
		font-size:3.45rem;
	}
	
	.StepPostMeta{
		margin-top: 4rem;
	}
	
	.Price.StepPostMetaTitle-text{
		font-size:1.8rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.StepPost{
		padding:0 0 5rem;
	}
	
	.PgBnTitleSec + .StepPost{
		padding-top:5rem;
	}
	
	.StepPostFlex{
		display:block;
	}
	
	.StepPostThumb{
		width:auto !important;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.StepPostCnt{
		padding-right:0;
		margin-top:2.25rem;
		display:block;
	}

	.StepPostThumb-caption{
		position:relative;
		transform: rotate(0) !important;
		left:auto !important;
		right:auto !important;
		margin-top: 0.75rem;
		font-size:0.625rem;
		padding:0 1.25rem;
	}
	
	.StepPostThumb:after{
		display:none;
	}
	
	.StepPostThumbBg:after{
		content: "";
		display: block;
		padding-bottom: 107.7%;
	}
	
	.StepPostThumbBg{
		position:relative;
		bottom:auto;
	}
	
	.StepPostTitle-bar{
		top: 4.6rem;
		height:0.3rem;
		right:-1.25rem;
	}
	
	.StepPostTitle-cate{
		font-size: 1.25rem;
        margin-bottom: 1.35rem;
	}
	
	.SmallPostTitle-text{
		font-size:2.5rem;
	}
	
	.SmallPostTitle-item{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	.StepPostTitle-bar{
		display:none;
	}
	
	.StepPostMeta{
		margin-top:2rem;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	.StepPostMetaTitle-text{
		font-size:0.875rem;
	}
	
	.StepPostMeta-text{
		font-size:0.875rem;
	}
	
	.StepPostMetaBoxTitle{
		font-size:0.875rem;
	}
	
	.StepPostMetaBoxText-title{
		font-size:0.875rem;
	}
	
	.StepPostMetaBox{
		margin-bottom:1.25rem;
	}
	
	.StepPostMeta-text.Last{
		margin-bottom:1.25rem;
	}
	
	.Price.StepPostMetaTitle-text{
		font-size:1.25rem;
		padding: 0.25rem 0.75rem;
	}
	
	.LineBar .SmallPostTitle-text{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	.Right .StepPostTitle{
		text-align:left;
	}
	
	.StepPostMeta-text.InBlock,
	.StepPostMeta-text.Right{
		text-align:left;
	}
	
	.StepPostMeta-text.Big{
		font-size:1rem;
	}
	
	.Right .StepPostTitle-cate{
		padding-left:0;
	}
	
	.StepPostMetaTitle{
		margin-bottom:1.25rem;
	}
}

/*=========================================================
	ApplyEnd
=========================================================*/
.ApplyEnd{
	padding:7.5rem 0;
	background-color:#000;
	position:relative;
	z-index:1;
}

.ApplyEnd.Blue{
	background-color:#266DCA;
}

.ApplyEnd-cate{
	display: block;
    font-size: 1.75rem;
    line-height: 1;
	font-weight:600;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: #fff;
	opacity:0.4;
}

.ApplyEnd-item{
	display:block;
	position:relative;
}

.ApplyEnd-text{
	display:inline-block;
	font-size: 3.75rem;
	line-height: 1.2;
	color: #fff;
	font-weight:800;
	text-transform: uppercase;
	position:relative;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: var(--ease-out-lerp);
	white-space:nowrap;
	background-color:#000;
	padding-right: 0.875rem;
	z-index:1;
}

.Blue .ApplyEnd-text{
	background-color:#266DCA;
}

.is-Ani .ApplyEnd-text{
	transform:translateY(0);
}

.SyLine.ApplyEnd-item:after{
	content:"";
	position:absolute;
	bottom:1rem;
	left:0;
	right:-6rem;
	height: 0.313rem;
	background-color:#fff;
	transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: var(--ease-out-lerp);
	transition-delay:0s;
    white-space: nowrap;
	transform:scaleX(0);
	transform-origin:left center;
}

.is-Ani.SyLine.ApplyEnd-item:after{
	transform:scaleX(1);
	transition-delay:0.1s;
}

.ApplyEndList{
	margin-top:2.25rem;
	text-align:right;
}

.ApplyEndListFlex{
	display:inline-block;
	text-align:left;
	min-width:27.5rem;
	max-width:100%;
}

.ApplyEndList-item{
	font-size:1.25rem;
	line-height:1.6;
	color:#fff;
}

.ApplyEnd-sub{
	margin-top:1.75rem;
	font-size:1.75rem;
	line-height:1.6;
	color:#fff;
	font-weight:500;
}

.ApplyEnd .MoreBtn.NoIco{
	margin-top:1.75rem;
}

.MoreBtn.NoIco .MoreBtn-text{
	padding-right:0;
}

.MoreBtn.NoIco .MoreBtn-text:after{
	display:none;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ApplyEnd{
		padding: 7rem 0;
	}
	
	.ApplyEnd-text{
		font-size:3.45rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.ApplyEnd{
		padding: 4.5rem 0;
	}
	
	.ApplyEnd-cate{
		font-size: 1.25rem;
        margin-bottom: 1.35rem;
	}
	
	.ApplyEnd-text{
		font-size:2rem;
	}
	
	.ApplyEndList{
		margin-top: 2rem;
	}
	
	.ApplyEndList-item{
		font-size:0.875rem;
	}
	
	.ApplyEnd-sub{
		font-size:1rem;
		margin-top:1.25rem;
	}
	
	.SyLine.ApplyEnd-item:after{
		bottom: 0.6rem;
	}
	
	.ApplyEnd .MoreBtn.NoIco{
		margin-top:1.25rem;
	}
}

/*=========================================================
	PgFaq
=========================================================*/
.PgFaq{
	padding:15rem 0 12.5rem;
	overflow:hidden;
}

.PgFaqList{
	margin:0 -3.75rem;
	position:relative;
}

.PgFaqList-item:first-child{
	border-top: 1px solid #000;
}

.PgFaqList-item{
	border-bottom: 1px solid #000;
}

.PgFaqList-link{
	display:block;
	padding:2.25rem 3.75rem;
	position:relative;
}

.PgFaqPost{
	display:flex;
}

.PgFaqPostTitle{
	width:30%;
	padding-right:2.5rem;
}

.PgFaqPostCnt{
	flex:1; 
	position:relative;
	padding-right:calc(6.25rem +  23.75rem + 10%);
	padding-top:0.15rem;
	padding-bottom:0.15rem;
}

.PgFaqPostCnt:after{
	content:"";
	width:2.5rem;
	height:2.5rem;
	background-image:url(../../images/icon/ico_faq_plus.svg);
	background-size:100% 100%;
	position:absolute;
	top:-0.3rem;
	right:0;
}

.PgFaqPostTitle-text{
	font-size:1.125rem;
	line-height:1.6;
	color:#000;
	position:relative;
	padding-left:2.75rem;
}

.PgFaqPostTitle-text:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_faq_q.svg);
	background-size:100% 100%;
	position:absolute;
	top:0.1rem;
	left:0;
}

.PgFaqPostCnt-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
}

.PgFaqListThumb{
	width: 23.75rem;
	height: 30rem;
	position:absolute;
	top:50%;
	right:calc(6.25rem + 10%);
	transform:translateY(-50%);
	opacity:0;
	visibility:hidden;
	pointer-events: none;
	z-index:10;
}

.PgFaqListThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.PgFaqPostCnt-view{
	display:block;
}

.PgFaqPostCnt-hidden{
	display:none;
}

.is-Current .PgFaqList-link{
	background-color:#266DCA;
}

.is-Current .PgFaqPostCnt:after{
	background-image:url(../../images/icon/ico_faq_minus.svg);
}

.is-Current .PgFaqPostCnt-hidden{
	display:block;
}

.is-Current .PgFaqPostTitle-text{
	color:#fff;
}

.is-Current .PgFaqPostCnt-text{
	color:#fff;
}

@media screen and (min-width:1025px){
	.is-Current .PgFaqListThumb{
		opacity:1;
		visibility:visible;
	}
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.PgFaqListThumb{
		width: 20.75rem;
		height: 27rem;
		right: calc(6.25rem + 5%);
	}
	
	.PgFaqPostCnt{
		padding-right: calc(6.25rem + 20.75rem + 5%);
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PgFaq{
		padding:9rem 0;
	}
	
	.PgFaqList{
		margin:0 -2rem;
	}
	
	.PgFaqList-link{
		padding:2.25rem 2rem;
	}
	
	.PgFaqPostTitle{
		width: 41%;
	}
	
	.PgFaqPostCnt{
		padding-right:3rem;
	}
	
	.PgFaqPostCnt:after{
		width:2.2rem;
		height:2.2rem;
		top: -0.2rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PgFaq{
		padding:5rem 0;
	}
	
	.PgFaqList{
		margin:0 -1.25rem;
	}
	
	.PgFaqList-link{
		padding:1.875rem 1.25rem;
	}
	
	.PgFaqPost{
		display:block;
	}
	
	.PgFaqPostTitle{
		width:100%;
		padding-right:0;
	}
	
	.PgFaqPostCnt{
		padding-right:0;
		margin-top:1rem;
		padding-left: 2.25rem;
	}
	
	.PgFaqBtn{
		margin-top:2.5rem;
	}
	
	.PgFaqPostTitle-text{
		font-size:1rem;
		padding-left: 2.25rem;
		padding-right: 2.25rem;
	}
	
	.PgFaqPostCnt-text{
		font-size:0.875rem;
	}
	
	.PgFaqPostCnt:after{
		display:none;
	}

	.PgFaqPostTitle-text:after{
		content:"";
		width:1.6rem;
		height:1.6rem;
		background-image:url(../../images/icon/ico_faq_plus.svg);
		background-size:100% 100%;
		position:absolute;
		top:0;
		right:0;
	}
	
	.is-Current .PgFaqPostTitle-text:after{
		background-image:url(../../images/icon/ico_faq_minus.svg);
	}

}

/*=========================================================
	InquiryBanner
=========================================================*/
.InquiryBanner{
	background-color:#000;
	padding:6.5rem 0;
	position:relative;
	z-index:1;
}

.InquiryBanner .SmallPostTitle-text{
	color:#fff;
	font-weight: 900;
	font-family: Pretendard;
}

.InquiryBannerFlex{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.InquiryBannerBtn{
	font-size:1.75rem;
	line-height:1.6;
	color:#fff;
	font-weight:700;
	padding:calc(1.094rem - 2px) 1.25rem;
	background-color:#266DCA;
	border:solid 2px #266DCA;
	text-align:center;
	min-width:27.5rem;
	max-width:100%;
	display:block;
}

@media screen and (min-width:1025px){
	.InquiryBannerBtn:hover{
		background-color:#000;
		color:#266DCA;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.InquiryBanner{
		padding: 6rem 0;
	}
	
	.InquiryBannerBtn{
		min-width: 18.5rem;
		font-size:1.5rem;
	}
	
	.InquiryBanner .SmallPostTitle-text{
		font-size:2.75rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.InquiryBanner{
		padding: 4.5rem 0;
	}
	
	.InquiryBannerFlex{
		display:block;
	}
	
	.InquiryBanner .SmallPostTitle-text{
		font-size:1.95rem;
	}
	
	.InquiryBannerBtn{
		min-width:0;
	}
	
	.InquiryBannerBtn{
		font-size:1.25rem;
		padding: calc(1rem - 2px) 1.25rem;
		margin-top:2rem;
	}
}

/*=========================================================
	PgSpTopBanner
=========================================================*/
.PgSpTopBanner{
	background-color:#000;
	padding:12rem 0 3.75rem;
	min-height:100vh;
	min-height:100svh;
	display:flex;
	flex-direction: column;
	justify-content:end;
}

.PgSpTopBanner:before{
	content:"";
	width:100%;
	height:1000px;
	background-color:#000;
	position:absolute;
	top:-1000px;
	left:0;
}

.PgSpTopBannerTitle{
	margin-bottom:2.5rem;
}

.PgSpTopBanner-item{
	display:block;
	font-size:12.5rem;
	line-height:1;
	color:#fff;
	font-family: Anton;
	text-transform: uppercase;
}

.PgSpTopBanner-item.Blue{
	color:#266DCA;
}

.PgSpTopBanner-sub{
	font-size:3.75rem;
	line-height:1;
	color:#266DCA;
	font-family: Anton;
	text-transform: uppercase;
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.PgSpTopBanner-item{
		font-size: 11.5rem;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PgSpTopBanner-item{
		font-size: 10rem;
	}
	
	.PgSpTopBanner-sub{
		font-size:3.5rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PgSpTopBanner{
		padding: 8.5rem 0 3rem;
	}
	
	.PgSpTopBanner-item{
		font-size:4.5rem;
	}
	
	.PgSpTopBanner-sub{
		font-size:2rem;
	}
}

/*=========================================================
	SubjectForm
=========================================================*/
.SubjectForm{
	padding:15rem 0;
}

.FormSecFlex{
	display:flex;
	justify-content:space-between;
}

.FormSecFlexTitle{
	flex:1;
}

.FormSecFlexTitle-sub{
	font-size:1.5rem;
	line-height:1.6;
	color:#266DCA;
	font-weight:700;
	text-transform: uppercase;
	margin-top:1.25rem;
}

.FormSecFlexCnt{
	width:55.875rem;
}

.FormHeader{
	border-bottom: 2px solid #000;
	padding-bottom:0.5rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:1.75rem;
}

.FormHeader-title{
	font-size:1.25rem;
	line-height:1.6;
	color:#000;
	font-weight:700;
}

.FormHeader-sub{
	font-size:0.875rem;
	line-height:1.6;
	color:#266DCA;
	font-weight:500;
}

.FormItem + .FormItem{
	margin-top:1.25rem;
}

.FormItem-inner{
	display:flex;
}

.FormItemTitle{
	width:20%;
	padding-top:0.5rem;
}

.FormItemTitle-text{
	display:inline-block;
	position:relative;
	font-size:1rem;
	line-height:1.6;
	color:#000;
	font-weight:600;
	position:relative;
	margin-right:2.5rem;
}

.Required.FormItemTitle-text:after{
	content:"*";
	color:#266DCA;
}

.FormItemCont{
	flex:1;
}

body .InputBox-text{
	border: 1px solid #DDD;
	font-size:1rem;
	line-height:normal;
	color:#000;
	padding:0.75rem 1.25rem;
	width:100%;
	display:block;
}

body .InputBox-text::-webkit-input-placeholder {
	color:#999;
}
body .InputBox-text:-ms-input-placeholder {
	color:#999;
}

body textarea.InputBox-text{
	resize:none;
}

.FormSubmitItem{
	margin-top:10rem;
}

body .FormSubmit{
	background-color:#266DCA;
	font-size:1.75rem;
	line-height:1.6;
	color:#fff;
	font-weight:700;
	border:solid 2px #266DCA;
	padding:calc(2.125rem - 2px) 2.125rem;
	text-align:center;
	display:block;
	width:100%;
}

.EndMassage{
	margin-bottom:1.5rem;
	
	padding:2rem 2.5rem;
}

.EndMassage-title{
	font-size:1.25rem;
	line-height:1.6;
	color:#000;
	font-weight:600;
	margin-bottom:0.25rem;
}

.EndMassage-text{
	font-size:1rem;
	line-height:1.6;
	color:#000;
}

.Complete.EndMassage{
	border: 1px solid #DDD;
	background: #F1F3F6;
}

.Error.EndMassage{
	border: 1px solid #e10000;
}

.Error .EndMassage-title,
.Error .EndMassage-text{
	color:#e10000;
}

.ErrorMassage{
	margin-top:0.65rem;
	font-size:0.875rem;
	line-height:1.6;
	color:#e10000;
}

@media screen and (min-width:1025px){
	body .FormSubmit:hover{
		border-color:#000;
		color:#000;
		background-color:transparent;
	}
	
	body .InputBox-text:focus{
		border-color:#266DCA;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.SubjectForm{
		padding-top:9rem;
	}
	
	.FormSecFlexCnt{
		width: 31.875rem;
	}
	
	body .FormSubmit{
		font-size:1.65rem;
		padding: calc(1.75rem - 2px) 2.125rem;
	}
	
	.FormSubmitItem{
		margin-top: 7rem;
	}
	
	.FormSecFlexTitle-sub{
		font-size:1.3rem;
		margin-top:1rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.SubjectForm{
		padding-top:5rem;
	}
	
	.FormSecFlex{
		display:block;
	}
	
	.FormSecFlexCnt{
		width: 100%;
	}
	
	.FormSecFlexTitle{
		margin-bottom:2rem;
	}
	
	.FormSecFlexTitle-sub{
		font-size:1rem;
		margin-top:0.5rem;
	}
	
	.FormHeader{
		margin-bottom:1.5rem;
	}
	
	.FormHeader-title{
		font-size:1.125rem;
	}
	
	.FormHeader-sub{
		font-size:0.75rem;
	}
	
	.FormItem-inner{
		display:block;
	}
	
	.FormItemTitle{
		width:100%;
		margin-bottom:0.35rem;
	}
	
	.FormItemTitle-text{
		font-size:0.875rem;
		margin-right:0;
	}
	
	.ErrorMassage{
		font-size:0.75rem;
	}
	
	.FormSubmitItem{
		margin-top:4rem;
	}
	
	.EndMassage{
		padding:1.25rem 1.25rem;
	}
	
	.EndMassage-title{
		font-size:1rem;
	}
	
	.EndMassage-text{
		font-size:0.875rem;
	}
	
	body .FormSubmit{
		font-size:1.25rem;
		padding: 1.25rem 2.125rem;
	}
}