@charset "UTF-8";




/* CSS STYLE */

html {
	font-size: 10px;
}
@media screen and (max-width: 1180px) {
	html {
		font-size: 0.8474576vw;
	}
}
body {
	font-size: 1.6rem;
	line-height: 1.66;
	color:#2D2D2D;
	background:#071150;
	font-weight:400;
}

a:hover,
a:active {
	/*x
	color: var(--color-green);
	*/
	text-decoration: underline;
}

a,
a img,
a video {
	transition: 0.3s ease;
}
a:hover img {
	opacity: 0.6;
}

.pcnone {
	display: none !important;
}

iframe[src*="youtube.com"], iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}










/* SITEPARTS */

#warp {
	width: 100%;
	/*
	background: url(../img/body_bg_left.svg) left top repeat-y;
	background-size: 30rem auto;
*/
}

.inner {
	position: relative;
	width: 100%;
	max-width: 128rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 4rem;
	padding-right: 4rem;
	z-index: 1;
}
.inner-mid {
	position: relative;
	width: 100%;
	max-width: 110rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 4rem;
	padding-right: 4rem;
	z-index: 1;
}
.inner-sml {
	position: relative;
	width: 100%;
	max-width: 88rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 4rem;
	padding-right: 4rem;
	z-index: 1;
}

.head1 {
	margin-bottom: 2rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	span {
		display: block;
		margin-bottom: 1rem;
		font-family: var(--font-en);
		font-size: 1.5rem;
		font-weight: 700;
		letter-spacing: 0.02em;
		color: var(--color-green);
	}
	& + p {
		margin-bottom: 6rem;
		font-feature-settings: "palt" !important;
		font-size: 4.6rem;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: 0.05em;
		text-align: center;
		span {
			color: var(--color-green);
		}
	}
}

.btn {
	position: relative;
	line-height: 1;
	a, button {
		position: relative;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		border: none;
		border-radius: 7rem;
		background-color: var(--color-orange);
		width: 35rem;
		height: 7rem;
		margin: 0;
		padding: 0.8rem 3rem 1rem 1rem;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1;
		text-decoration: none;
		color: var(--color-w);
		transition: 0.3s ease;
		&:after {
			content: "";
			display: block;
			position: absolute;
			top: 50%;
			right: 2.2rem;
			background: url(../img/btn-ar.png) no-repeat center center / cover;
			width: 2.6rem;
			height: 2.6rem;
			margin-top: -1.3rem;
			transition: 0.3s ease;
		}
		&:hover {
			background-color: #ffb57f;
			&:after {
				right: 1.8rem;
			}
		}
	}
}

.big {
	font-size: 120%;
}
.sml {
	font-size: 85%;
}
.note {
	font-size: 85%;
}

.img-box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
	img {
		position: absolute;
		top: 0;
		left: 0;
		object-fit: cover;
		max-width: initial;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
.img-box a:hover img,
a:hover .img-box img {
	transform: scale(1.05,1.05);
}


/* FADE */

.fade {
	opacity: 0;
	transition: 0.8s linear;
}
.fade.active {
	opacity: 1;
}
.fade-l {
	position: relative;
	opacity: 0;
	transform: translate(-2rem, 0);
	transition: 0.8s ease-out;
}
.fade-l.active {
	opacity: 1;
	transform: translate(0, 0);
}
.fade-r {
	position: relative;
	opacity: 0;
	transform: translate(2rem, 0);
	transition: 0.8s ease-out;
}
.fade-r.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-t {
	position: relative;
	opacity: 0;
	transform: translate(0, -2rem);
	transition: 0.8s ease-out;
}
.fade-t.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-b {
	position: relative;
	opacity: 0;
	transform: translate(0, 2rem);
	transition: 0.8s ease-out;
}
.fade-b.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-w {
	transition: 0.8s ease-out;
	transform: scale(1.1,1.1);
	opacity: 0;
}
.fade-z {
	transition: 0.8s ease-out;
	transform: scale(0.9,0.9);
	opacity: 0;
}
.fade-w.active,
.fade-z.active {
	transform: scale(1,1);
	opacity: 1;
}
.blur {
	transition: 5s ease;
	filter: blur(10rem);
	transform: scale(1.5,1.5);
	opacity: 1;
}
.blur.active {
	filter: blur(0);
	transform: scale(1,1);
	opacity: 1;
}







.movie_blk{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -1;
}
.movie_blk video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.3;
}


/* HEADER */

#header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 7rem;
	padding: 2rem 5rem 0 5rem;
	font-size: 1.5rem;
	line-height: 1;
	transition: 0.2s ease;
	z-index: 1000;
	ul {
		display: flex;
		align-items: center;
		li {
			white-space: nowrap;
			font-weight: 500;
			padding: 0 0 0.5rem 0;

			/*
			&:after {
				content: "\30FB";
				margin: 0 1.2rem;
				font-weight: 700;
				line-height: 1;
				color: var(--color-green);
			}
			&:nth-last-of-type(-n+2) {
				&:after {
					display: none;
				}
			}
		*/
			a{
				color:#FFF;
				font-size: 1.5rem;
				margin-left:3rem;
			}
			a[target="_blank"]{
				background: url(../img/header_icon_02.svg) right top 0.7rem no-repeat;
				background-size: 1.57rem 0.852rem;
				padding:0 2.2rem 0 0;
			}
		}
		.btn {
			margin-left: 4rem;
  		padding: 0;
			a {
				margin:0;
				width: auto;
				padding:0 3rem 0 4rem;
				height: 5rem;
				font-size: 1.5rem;
				display: flex;
				border-radius: 0;
				background: linear-gradient(90deg, rgb(227, 189, 44), rgb(248, 218, 107));
				color:#000;
				border-radius: 10rem;
				span{
					background: url(../img/header_icon_01.svg) right center no-repeat;
					background-size: 2.1rem 2.1rem;
					display: flex;
					padding: 1.5rem 3rem 1.5rem 0;
					font-size: 1.8rem;
					font-weight: 700;
				}
				&:after {
					display: none;
				}
			}
			a:hover{
				opacity: 0.7;
			}
		}
	}
	/*
	&.active {
		box-shadow: 0 0 1rem rgba(0,0,0,0.2);
	}
	*/
	.spBtn , .spMenu{
		display: none;
	}
}










/* CONTENTS */


.mv-area {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	z-index: 1;
	/*
	background: url(../img/main_bg_img_pc.webp) center center no-repeat;
	background-size: 240rem auto;
	*/
	color:#FFF;
	.main_block{
		width: 110rem;
		margin:auto;
		padding:8rem 0rem 8rem 0rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.main_left{
			width: 49rem;
		}
		.main_right{
			width:55rem;
		}
		.subttl{
			width: 48rem;
			background: url(../img/header_bg_img_01.svg) left center no-repeat;
			background-size: 48rem 6.1rem;
			color:#FFF;
			height:6.1rem;
			font-weight: 700;
			padding: .7rem 0 0 0;
			text-align: center;
			font-size: 2rem;
			span{
				color:#F3FF46;
			}
		}
		h1{
			display:flex;
			align-items: center;
			/*
			justify-content: center;
			width: 60.5rem;
			flex-wrap: wrap;
			*/
			font-size: 8rem;
			font-weight: 700;
			line-height: 1;
			span{
				font-family: 'Satoshi', sans-serif;
				font-size: 11.9rem;
				font-weight: bold;
			}
			span:nth-of-type(2){
				color:#3D4B7E;
			}
			img{
				width: 14rem;
			}
		}
		.big_ttl{
			position: relative;
			/*
			background: url(../img/header_bg_img_02.svg) center bottom no-repeat;
			background-size: 60.5rem 0.5rem;
			width: 60.5rem;
			padding:0 0 1rem 0;
			*/
			.textleft{
				position: absolute;
				bottom:-1rem;
				color:#343D4B;
				font-size: 1.6rem;
				font-weight: 700;
				left:5rem;
			}
			.textright{
				position: absolute;
				bottom:-1rem;
				color:#3D4B7E;
				font-size: 1.6rem;
				font-weight: 700;
				right:5rem;
			}
		}
		ul{
			display: flex;
			width:60.5rem;
			margin:2rem 0 0 0;
			li{
				margin-right:0.5rem;
				width: 15rem;
				border-radius: 0.4rem;
				background-image: linear-gradient(0deg, #dadaf8, #ffffff);
				font-size: 1.1rem;
				text-align: center;
				color:#1A2885;
				padding:1rem 0;
				font-weight: bold;
				em{
					font-size: 1.4rem;
				}
			}
		}
		p{
			font-size: 1.7rem;
			margin:2rem 0 2.5rem 0;
			span{
				/*
				border-bottom:1px solid #FFF347;
				*/
				color:#F2FF37;
			}
		}
		.main_btn{
			a{
				border-radius: 10rem;
				width: 38rem;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight:700;
				background: linear-gradient(90deg, rgb(227, 189, 44), rgb(248, 218, 107));
				height:7rem;
				box-shadow:0.2rem 0.2rem 0 rgba(181,149,26,1);
				color:#000;
				span{
					background: url(../img/main_icon_01.svg) right center no-repeat;
					background-size: 3.5rem 3.5rem;
					display: flex;
					padding: 1.5rem 9rem 1.5rem 7rem;
					font-size: 2.4rem;
					font-weight: 700;
				}
			}
			a:hover{
				opacity: 0.7;
				text-decoration: none;
			}
		}
	}
}










/*
.contents {
	position: relative;
	border-radius: 4rem 4rem 0 0;
	background-color: var(--color-w);
	width: 100%;
	margin-top: -4rem;
	padding-top: 1rem;
	overflow: hidden;
	z-index: 2;
	&.active {
		overflow: inherit;
	}
}
*/

.reason_block{
	background:#343D4B;
	position: relative;
	width: calc(100% - 5rem);
	width:110rem;
	margin:auto;
	background-image: linear-gradient(108deg, #adb6f2, #202a6b);
	border-radius: 1rem;
	.inr{
		padding:7rem;
		width: 110rem;
		margin:auto;
		color:#FFF;
		position: relative;
		.subttl{
			position: absolute;
			left:0;
			right:0;
			margin:auto;
			top:-7rem;
			background: url(../img/reason_bg.svg) center center no-repeat;
			background-size:11.8rem 11.8rem;
			width:11.8rem;
			height:11.8rem;
			font-size: 1.8rem;
			display: flex;
			justify-content: center;
			align-items: center;
			color:#343D4B;
			font-family: 'Satoshi', sans-serif;
			font-weight: bold;
			padding: 0.5rem 0 0 0;
		}
		.h2_sub{
			font-family: 'Satoshi', sans-serif;
			font-weight: bold;
			text-align: center;
			font-size: 1.3rem;
		}
		h2{
			font-size: 4rem;
			text-align: center;
			margin-bottom:4rem;
		}
	}
	.about_area{
		display: flex;
		justify-content:space-between;
		.left_area{
			width:62rem ;
			.ttl{
				font-size: 2.8rem;
				font-weight:400;
				line-height:1.5;
				margin:0 0 2rem 0;
			}
			p{
				span{
					color:#F2FF37;
				}
			}
		}
		.right_area{
			width: 28rem;
		}
	}
	.rag_text{
		margin-top:4rem;
		border:1px solid #FFF;
		border-radius: 1rem;
		padding:1.5rem;
		font-size: 2.1rem;
		font-weight:500;
		text-align: center;
		sup{
			font-size: 1rem;
		}
	}
	small{
		text-align: right;
		color:#DCD3EE;
		font-size: 1.3rem;
		display: block;
		margin-top:0.5rem;
	}
}


.reason_block_bottom {
	position: relative;
	width: calc(100% - 5rem);
	width:110rem;
	margin:8rem auto 0;
	.inr{
		padding:0rem;
		width: 110rem;
		margin:auto;
		color:#FFF;
		position: relative;
		text-align: center;
		.subttl{
			font-size: 2.4rem;
		}
		h2{
			font-size: 4rem;
			background: url(../img/h2_bg.svg) left center no-repeat , url(../img/h2_bg.svg) right center no-repeat;
			background-size:7rem 0.1rem , 7rem 0.1rem;
			padding:0 0 0 0rem;
			em{
				color:#F2FF37;
				font-style: normal;
			}
		}
		.fbox{
			display: flex;
			justify-content: space-between;
			width: 100rem;
			margin:5rem auto 0;
			.fbox_left{
				width: 35rem;
			}
			.fbox_right{
				width: 57rem;
				text-align: left;
				div{
					font-size: 2.8rem;
					font-weight: 400;
					line-height: 1.5;
					margin: 0 0 0rem 0;
				}
				p{
					margin:2rem 0 0rem 0;
				}
			}
		}
	}
}




.feature_block{
	background:rgba(1,6,35,0.6);
	padding:8rem 0;
	margin:8rem 0;
	.inr{
		width:110rem;
		margin:0rem auto 0;
		h2{
			color:#FFF;
			text-align: center;
			font-size: 4rem;
			span{
				font-size: 1.4rem;
			}
			em{
				display: inline-block;
				position: relative;
			}
			em:before{
				content:"";
				background:#FFF;
				width: 4rem;
				height:0.2rem;
				left: -6rem;
				top: 3.5rem;
				display: block;
				position: absolute;
			}
			em:after{
				content:"";
				background:#FFF;
				width: 4rem;
				height:0.2rem;
				right: -6rem;
				top: 3.5rem;
				display: block;
				position: absolute;
			}
		}
		.feature_area{
			display: flex;
			justify-content: space-between;
			color:#FFF;
			margin-top:5rem;
			padding:0 0 5rem 0;
			position: relative;
			background-image : linear-gradient(to right, #FFF 0.2rem, transparent 0.2rem);
			background-size: 1rem 0.2rem;
			background-repeat: repeat-x; 
			background-position: left bottom;
			.left_area{
				width: 60rem;
				h3{
					font-size: 3rem;
					font-weight: 500;
					margin-bottom:3rem;
					line-height:1.5;
				}
				h3.feature01{
					background: url(../img/feature_icon_01.svg) left center no-repeat;
					background-size:8.4rem 8.9rem;
					padding:0 0 0 11rem;
				}
				h3.feature02{
					background: url(../img/feature_icon_02.svg) left center no-repeat;
					background-size:6.5rem 7.3rem;
					padding:0 0 0 11rem;
				}
				h3.feature03{
					background: url(../img/feature_icon_03.svg) left center no-repeat;
					background-size:6.7rem 6.7rem;
					padding:0 0 0 11rem;
				}
				h3.feature04{
					background: url(../img/feature_icon_04.svg) left center no-repeat;
					background-size:6.6rem 8.9rem;
					padding:0 0 0 11rem;
				}
				h3.feature05{
					background: url(../img/feature_icon_05.svg) left center no-repeat;
					background-size:7.1rem 7.6rem;
					padding:0 0 0 11rem;
				}
			}
			.right_area{
				width:44rem;
			}
		}
		.feature_area.nob{
			background-image:none;
		}
	}
}



.table_block{
	position: relative;
	width: calc(100% - 5rem);
	margin: auto;
	border-radius: 1rem;
  background-image: linear-gradient(0deg, #d4d9fb, #ffffff);
	margin:6rem auto 0;
	.inr{
		padding: 6rem 0rem 8rem 0rem;
		width: 110rem;
		margin: auto;
		text-align: center;
		position: relative;
		h2{
			color:#1A2885;
			text-align: center;
			font-size: 4rem;
			margin:0 0 2rem 0;
			span{
				font-size: 1.4rem;
			}
			em{
				display: inline-block;
				position: relative;
			}
			em:before{
				content:"";
				background:#121E6C;
				width: 4rem;
				height:0.2rem;
				left: -6rem;
				top: 3.5rem;
				display: block;
				position: absolute;
			}
			em:after{
				content:"";
				background:#121E6C;
				width: 4rem;
				height:0.2rem;
				right: -6rem;
				top: 3.5rem;
				display: block;
				position: absolute;
			}
		}
	}
	table{
		margin:3rem 0 0 0;
		width: 100%;
		th{
			width:14.5rem;
			background:#ECECEC;
			border:1px solid #343434;
			padding:2rem;
		}
		td{
			width: 48.75rem;
			border:1px solid #343434;
			padding:2rem;
			background:#FFF;
		}
		td.befores{
			background:#919191;
			color:#FFF;
			padding:3rem;
			div{
				font-weight:bold;
				text-align: center;
				font-size: 2.1rem;
			}
			p{
				margin-top:2rem;
				text-align: left;
			}
		}
		td.afters{
			background:#1A2885;
			color:#FFF;
			border-top:1rem solid #FDD331;
			border-left:1rem solid #FDD331;
			border-right:1rem solid #FDD331;
			padding:3rem;
			div{
				font-weight:bold;
				text-align: center;
				font-size: 2.1rem;
				color:#FFEE51;
			}
			p{
				margin-top:2rem;
				text-align: left;
			}
		}
		td.extra{
			font-weight: bold;
			color:#1A2885;
			border-left:1rem solid #FDD331;
			border-right:1rem solid #FDD331;
		}
		td.extra.last{
			border-bottom:1rem solid #FDD331;
		}
	}
}






.images_block{
	width:110rem;
	margin:10rem auto 0;
	.s_ttl{
		text-align: center;
		font-size: 2.4rem;
		color:#FFF;
		margin:2rem 0 0 0;
		em{
			color: #F2FF37;
		}
	}
	.b_text{
		margin:2rem 0 0 0;
		font-size: 2.8rem;
				text-align: center;
		em{
			color:#F2FF37;
		}
	}
	p{
		text-align: center;
		margin:2rem 0 0 0;
	}
	h2{
		color:#FFF;
		text-align: center;
		font-size: 4rem;
		span{
			font-size: 1.4rem;
		}
		em{
			display: inline-block;
			position: relative;
		}
		em:before{
			content:"";
			background:#FFF;
			width: 4rem;
			height:0.2rem;
			left: -6rem;
			top: 3.5rem;
			display: block;
			position: absolute;
		}
		em:after{
			content:"";
			background:#FFF;
			width: 4rem;
			height:0.2rem;
			right: -6rem;
			top: 3.5rem;
			display: block;
			position: absolute;
		}
	}
	.feature_area{
		display: flex;
		justify-content: space-between;
		color:#FFF;
		margin-top:5rem;
		padding:0 0 0rem 0;
		position: relative;

		.left_area{
			width: 55rem;
			div{
				font-size: 2.8rem;
				font-weight: 400;
				line-height: 1.5;
				margin:0 0 2rem 0;
				em{
					color:#F2FF37;
				}
			}
			p{
				margin:0 0 2rem 0;
				text-align: left;
			}
		}
		.right_area{
			width:48.8rem;
		}
	}
	.images_block_bottom{
		background-image: linear-gradient(108deg, #adb6f2, #202a6b);
        border-radius: 1rem;
		padding:4rem;
		margin:5rem auto 0;
		text-align: center;
	}
}
.images_block.first{
	color:#FFF;
}







.price_block{
	background:#343D4B;
	position: relative;
	width: calc(100% - 5rem);
	width:110rem;
	margin:10rem auto 0;
	background-image: linear-gradient(0deg, #d4d9fb, #ffffff);
	border-radius: 1rem;
	text-align: center;
	.inr{
		padding:4rem 7rem 7rem 7rem;
		width: 110rem;
		margin:auto;
		position: relative;
		h2{
			color:#1A2885;
			text-align: center;
			font-size: 4rem;
			margin:0 0 2rem 0;
			span{
				font-size: 1.4rem;
			}
			em{
				display: inline-block;
				position: relative;
			}
			em:before{
				content:"";
				background:#121E6C;
				width: 4rem;
				height:0.2rem;
				left: -6rem;
				top: 3.5rem;
				display: block;
				position: absolute;
			}
			em:after{
				content:"";
				background:#121E6C;
				width: 4rem;
				height:0.2rem;
				right: -6rem;
				top: 3.5rem;
				display: block;
				position: absolute;
			}
		}
		p em{
			color:#F61D58;
			font-weight: 700;
		}
		.fboxs{
			display: flex;
			justify-content: space-between;
			margin:5.5rem auto 0;
			.price_left{
				width: 22rem;
				border:0.4rem solid #FFF;
				background:#FFF;
				position: relative;
				box-shadow: 0.5rem 0.5rem 2rem 0 rgba(220, 223, 241, 1);
				display: flex;
				justify-content: center;
				align-items: center;
				.p_ttl{
					display: inline-block;
					background:#878787;
					color:#FFF;
					text-align: center;
					border-radius: 10rem;
					padding:1rem 2rem;
					font-weight: 700;
					position: absolute;
					top:-2.5rem;
					left:0;
					right:0;
					margin:auto;
					width: 19rem;
				}
				.p_left_main{
					text-align: center;
					font-size: 1.8rem;
					color:#878787;
					font-weight: 700;
					line-height:1.5;
					div{
						color:#000;
						display: flex;
						align-items: baseline;
						justify-content: center;
						em{
							font-size: 3rem;
							line-height: 1;
							padding:0 0.2rem;
						}
					}
					small{
						font-weight: 400;
						font-size: 1.2rem;
						display: block;
					}
				}
			}
			.price_right{
				width: 73rem;
				border:0.4rem solid #1A2885;
				background:#FFF;
				position: relative;
				box-shadow: 0.5rem 0.5rem 2rem 0 rgba(206, 211, 241, 1);
				display: flex;
				flex-wrap: wrap;
				padding:3.5rem 1.5rem 1.5rem 1.5rem;
				gap:0.4rem;
				.p_ttl{
					display: inline-block;
					background:#1A2885;
					color:#FFF;
					text-align: center;
					border-radius: 10rem;
					padding:1rem 2rem;
					font-weight: 700;
					position: absolute;
					top:-2.5rem;
					left:0;
					right:0;
					margin:auto;
					width: 19rem;
				}
				.first_p{
					width: 100%;
					background:#EBEEFF;
					display: flex;
					align-items:baseline;
					justify-content: center;
					color:#1A2885;
					font-weight: 700;
					padding:1rem 0;
					font-size: 1.8rem;
					margin:0 0 1rem 0;
					em{
						font-size: 4.9rem;
						line-height:1;
					}
					span{
						font-weight: 500;
						font-size: 1.5rem;
						color:#000;
					}
				}
				.other_p{
					width:17rem;
					background:#EBEEFF;
					font-size: 1.4rem;
					color:#1A2885;
					font-weight: 700;
					padding:0 0 1rem 0;
					div{
						background:#1A2885;
						color:#FFF;
						text-align: center;
						padding:0.5rem;
						font-size: 1.5rem;
						font-weight: 700;
						margin:0 0 1rem 0;
					}
					em{
						font-size: 3.9rem;
						color:#1A2885;
						line-height:1;
					}
					small{
						font-weight: 500;
						color:#000;
						line-height: 1;
					}
				}
			}
		}
	}
}


.com_ttl{
	margin:10rem 0 7rem 0;
	text-align: center;
	span{
		display: inline-block;
		position: relative;
		font-size: 4rem;
		color:#FFF;
		font-weight: bold;
		background: url(../img/com_ttl_left.svg) left bottom no-repeat , url(../img/com_ttl_right.svg) right bottom no-repeat;
		background-size: 4rem 4.9rem , 4rem 4.9rem;
		padding:0 6rem;
	}
}

.com_block{
	position: relative;
	width: calc(100% - 5rem);
	margin: auto;
	border-radius: 1rem;
	background-image: linear-gradient(333deg, #fdd331, #ffe377);
	margin: 4.5rem auto 0;
	.inr {
		padding: 5rem 0rem 3rem 0rem;
		width: 100rem;
		margin: auto;
		text-align: center;
		position: relative;
		.com_area{
			display: flex;
			justify-content:space-between;
			.left_area{
				width:52rem;
				.subttl{
					font-size: 2.5rem;
					font-weight: 700;
					color:#000;
					text-align: left;
				}
				.big_ttl{
					position: relative;
					margin:0.5rem 0 2rem 0;
					div{
						display: flex;
						align-items: center;
						font-size: 8rem;
						font-weight: 700;
						line-height: 1;
						color:#000000;
						img{
							width: 14rem;
						}
					}
				}
				.main_btn{
					a{
						border-radius: 10rem;
						width: 38rem;
						display: flex;
						align-items: center;
						justify-content: center;
						font-weight:700;
						background-image: linear-gradient(90deg, #564fb4, #6a6cd7);
						height:7rem;
						box-shadow:0.2rem 0.2rem 0 rgba(0,0,0,1);
						color:#FFF;
						span{
							background: url(../img/main_icon_01.svg) right center no-repeat;
							background-size: 3.5rem 3.5rem;
							display: flex;
							padding: 1.5rem 9rem 1.5rem 7rem;
							font-size: 2.4rem;
							font-weight: 700;
						}
					}
					a:hover{
						opacity: 0.7;
						text-decoration: none;
					}
				}
			}
			.right_area{
				width:52.2rem;
				img{
					margin-top:-8rem;
				}
			}
		}
	}
}

.conditions_block{
	background:rgba(1,6,35,0.6);
	padding: 8rem 0 6rem 0;
    margin: 8rem 0 0 0;
	.inr{
		width: 110rem;
        margin: 0rem auto 0;
			font-size: 1.2rem;
			color:#DCDEEB;
		dl{
			margin:0 0 2rem 0;
			dt{
				font-weight: 700;
			}
			dd{
				font-weight: 400;
				text-indent: -1rem;
				padding-left: 1rem;
			}
			.indent_none{
				text-indent: 0rem;
				padding-left:0rem;
			}
		}
	}
}













/* FOOTER */

#footer {
	position: relative;
	width: 100%;
	padding: 4rem 0rem;
	line-height: 1;
	z-index: 2;
	background:#FFF;
	margin:0rem 0 0 0;
	.copy {
		margin-top: 0rem;
		font-size: 1.2rem;
		font-weight: 400;
		text-align: center;
	}
	.footer_area{
		width: 110rem;
		padding:0 5rem;
		margin:auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		ul{
			display: flex;
			li{
				margin-right:2rem;
				font-size: 1.3rem;
			}
		}
	}
	a[target="_blank"] {
		background: url(../img/footer_icon.svg) right top 0.7rem no-repeat;
		background-size: 1.4rem 1.1rem;
		padding: 0 2.2rem 0 0;
	}
}


.pagetop {
    display: none;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
	z-index: 11;
}
.pagetop a {
    display: block;
    background-color: #FFF;
    text-align: center;
    color: #222;
    font-size: 1.5;
    text-decoration: none;
    display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10rem;
	width: 5rem;
	height:5rem;
	position: relative;
	box-shadow: 0.5rem 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);
}
.pagetop a:before{

}
.pagetop a:hover {
	opacity: 0.7;
}