@charset "UTF-8";
section#approach{
	background: #fff;
}
#approach .co_red {
	color: #d9001b
}
#approach .co_gray {
	color: #444849
}
#approach .bg_gradation {
	background: #d0def0;
	background: -moz-linear-gradient(left, #d0def0 0%, #dfe8f4 100%);
	background: -webkit-linear-gradient(left, #d0def0 0%, #dfe8f4 100%);
	background: linear-gradient(to right, #d0def0 0%, #dfe8f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0def0', endColorstr='#dfe8f4', GradientType=1)
}
#approach .bg_white {
	background: #fff
}
#approach .bg_circle {
	position: relative
}
#approach .bg_circle:after {
	position: absolute;
	width: 850px;
	height: 850px;
	content: "";
	border-radius: 100%;
	-webkit-filter: blur(50px);
	-moz-filter: blur(50px);
	-ms-filter: blur(50px);
	filter: blur(50px);
	opacity: .45;
	z-index: -2
}
#approach .bg_circle.pink:after {
	background: #FFE1ED
}
#approach .bg_circle.blue:after {
	background: #CDDFF8;
	opacity: .75
}
#approach .bg_blur {
	position: relative;
	padding: 0 80px;
	z-index: 2
}
#approach .bg_blur:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: calc(50% + 50vw);
	height: 100%;
	background: rgba(255, 255, 255, .2);
	box-shadow: 0 0 30px rgba(188, 212, 229, .2);
	border-radius: 100px 0 0 100px;
	backdrop-filter: blur(25px);
	z-index: -1
}
#approach .center_ttl {
	margin-bottom: 1.5em;
	text-align: center;
	line-height: 1.4;
	color: #274574;
	font-size: 2.5rem
}
#approach .center_ttl .en {
	letter-spacing: .1em;
	color: inherit;
	font-size: 2.4em;
	font-weight: 400;
}
#approach .center_ttl .en small {
	display: block;
	font-size: .4em;
	font-weight: 400
}
#approach .center_ttl .jp {
	display: block;
	margin-top: .3em;
	letter-spacing: .1em;
	color: inherit;
	font-size: 1em
}
#approach .open_ttl {
	position: relative
}
#approach .open_ttl:after {
	position: absolute;
	top: 0;
	right: 0;
	content: "+";
	color: #274574;
	font-weight: 700
}
#approach .open_ttl.active:after {
	content: "ー"
}
#approach .buy_btn {
	text-align: center
}
#approach .buy_btn a {
	display: inline-block;
	min-width: 300px;
	padding: 1.2em;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 5px 10px rgba(181, 202, 217, .35);
	letter-spacing: .1em;
	color: #274574;
	font-size: 2rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}
#approach .buy_btn a span {
	color: inherit;
	font-size: 1em
}
#approach .buy_btn a span:before {
	display: inline-block;
	position: relative;
	top: 3px;
	content: "";
	width: 20px;
	height: 20px;
	margin-right: .3em;
	background: url(../img/common/ico-buy.svg) no-repeat center/contain;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}
#approach .buy_btn a:hover {
	background: #274574;
	color: #fff
}
#approach .buy_btn a:hover span:before {
	background: url(../img/common/ico-buy-white.svg) no-repeat center/contain
}
#approach .border_btn {
	text-align: center
}
#approach .border_btn a {
	display: inline-block;
	min-width: 240px;
	padding: 1em;
	margin-bottom: 100px;
	border-radius: 60px;
	border: solid 1px #001C4A;
	letter-spacing: .05em;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}
#approach .border_btn a:hover {
	background: #001C4A;
	color: #fff
}
#approach .object_fit {
	position: relative
}
#approach .object_fit:after {
	content: "";
	display: block;
	padding-top: 100%
}
#approach .object_fit img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
#approach a.expansion_img {
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}
#approach a.expansion_img img {
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}
#approach a.expansion_img:hover img {
	transform: scale(1.1)
}
#cosmion .sct-teiki .container{
	padding-bottom: 40px;
}
@media screen and (max-width:1024px) {
	#approach .bg_circle:after {
		width: 450px;
		height: 450px;
		-webkit-filter: blur(30px);
		-moz-filter: blur(30px);
		-ms-filter: blur(30px);
		filter: blur(30px)
	}
}
@media screen and (max-width:767px) {
	#cosmion .sct-mainimg{
		background: #fff;
	}
	#approach .center_ttl {
		font-size: 1.5rem
	}
	#approach .bg_circle:after {
		width: 300px;
		height: 300px;
		-webkit-filter: blur(15px);
		-moz-filter: blur(15px);
		-ms-filter: blur(15px);
		filter: blur(15px)
	}
	#approach .bg_blur {
		padding: 0 20px
	}
	#approach .bg_blur:before {
		left: -10px;
		width: calc(50% + 50vw + 10px);
		border-radius: 35px 0 0 35px
	}
	#approach .buy_btn a {
		width: 300px;
		max-width: 100%;
		min-width: 0;
		font-size: 1.7rem
	}
	#cosmion .sct-teiki .container{
		padding-bottom: 20px;
	}
}

section.sct-point{
	padding-top: 90px;
}