#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	background-size: px px;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

#dammy {
	position: absolute;
	left:0;
	bottom:0;
	content: '';
	width:0;
	height:6px;
	background-color: #FFF;
}

#dammy:last-child {
	margin-bottom:0;
}

/*
=================================== */
#wrapper {
	padding:0;
}

header {
	background-image: none;
}

header.show,
header.active {
	background: url('../images/common/bgbox.jpg') repeat center top;
	background-size: 100px 100px;
}

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

.wrap_block::before {
	position: absolute;
	top:0;
	left:0;
	content: '';
	background: url('../images/common/bgbox.jpg') repeat center top;
	background-size: 100px 100px;
	width:100vw;
	height:100%;
	box-shadow: 0 -5px 10px rgba(85, 85, 85, 0.1) inset;
	z-index: -10;
}

.kv_body {
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0 auto;
	padding:0;
	width:100vw;
	height:100vh;
	position: relative;
}

.bgbox {
	position: absolute;
	display: inline-block;
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -8;
}

.bgbox.bg1 {
	bottom:140px;
	right:calc(50% + 30px);
	background-image: url('../images/top/sp_kv_back1.png');
	background-size: auto 280px;
	width:165px;
	height:280px;
}

.bgbox.bg2 {
	top:-100px;
	left:calc(50% + 30px);
	background-image: url('../images/top/sp_kv_back2.png');
	background-size: auto 460px;
	width:340px;
	height:460px;
}

.kv_body h2 {
	display: none;
}

.kv_body .cnavi .logo {
	content: '';
	background: url('../images/top/kv_logo.png') no-repeat center center;
	background-size: auto 245px;
	margin:0 auto;
	width:262px;
	height:245px;
	opacity: 0;
	transform: translateY(50px);
	transition-duration: 0.5s;
}

.kv_body.action .cnavi .logo {
	opacity: 1;
	transform: translateY(0);
}

.kv_body .cnavi .logo.v2 {
	opacity: 0;
	transform: scale(0.9);
	transition-duration: 0.8s;
}

.kv_body.action .cnavi .logo.v2 {
	opacity: 1;
	transform: scale(1);
}

.kv_body .cnavi ul {
	display: none;
}

.kv_body .scroll {
	position: absolute;
	right:calc(50% - 10px);
	bottom:65px;
	background: url('../images/top/scroll_label.svg') no-repeat left top;
	background-size: 9px 43px;
	padding:0 0 0 14px;
	width:20px;
	height:55px;
}

.kv_body .scroll b {
	display: block;
	width:6px;
	height:55px;
	overflow: hidden;
	position: relative;
}

.kv_body .scroll b::before {
	position: absolute;
	top:-55px;
	left:0;
	content: '';
	background: url('../images/top/scroll_arrow.svg') no-repeat left top;
	background-size: 6px 55px;
	width:100%;
	height:55px;
	animation: scrollmove 2s ease-in-out infinite;
}

@keyframes scrollmove {
	0% {top:-55px;}
	50% {top:0;}
	100% {top:0;}
}

@keyframes scrollmove2 {
	0% {top:-110px;}
	50% {top:0;}
	100% {top:0;}
}

.doorbox {
	position: fixed;
	top:0;
	left:0;
	content: '';
	background: url('../images/top/kv_door.png') no-repeat center center;
	background-size: auto 350px;
	width:100vw;
	height:100vh;
	z-index: -5;
}

.top_area1 {
	background: url('../images/top/sp_area1_bgimage.png') no-repeat center bottom;
	background-size: auto 112px;
	position: relative;
}

.top_area1 .block1 {
	padding-top:100px;
	padding-bottom:165px;
}

.top_area1 .mlead {
	margin:0 0 70px;
	padding:0 0 0 10px;
}

.top_area1 .mlead p {
	margin:0 0 15px;
	line-height:1.0;
	color:#122a88;
	font-size:2.0rem;
	font-weight: 600;
	letter-spacing: 2px;
}

.top_area1 .mlead p:last-child {
	margin-bottom:0;
}

.top_area1 .ex_bock {
	padding:0 0 0 90px;
}

.top_area1 .ex_bock .ex1 {
	margin:0 0 30px;
}

.top_area1 .ex_bock p {
	margin:0 0 30px;
	line-height:2.0;
	text-align: justify;
	font-weight: 600;
	letter-spacing: 1px;
}

.top_area1 .ex_bock p:last-child {
	margin-bottom:0;
}

.top_area1 .ex_bock p b {
	background: linear-gradient(transparent 90%, #4557a0 0%);
	padding:0 1px 3px;
}

.top_area1 .bird {
	position: absolute;
	content: '';
	background-repeat: no-repeat;
	background-size: auto 15px;
	width:19px;
	height:15px;
	opacity: 0;
	transform: translateX(-30px) translateY(20px);
	transition-duration: 0.6s;
}

.top_area1 .bird.bird1 {
	left:calc(50% + 105px);
	bottom:70px;
	background-image: url('../images/top/bird1.png');
	background-size: auto 14px;
	width:11px;
	height:14px;
}

.top_area1 .bird.bird2 {
	left:calc(50% + 144px);
	bottom:54px;
	background-image: url('../images/top/bird2.png');
	background-size: auto 11px;
	width:15px;
	height:11px;
	transition-delay: 0.1s;
}

.top_area1 .bird.bird3 {
	display: none;
}

.top_area1 .bird.bird4 {
	left:calc(50% + 163px);
	bottom:97px;
	background-image: url('../images/top/bird4.png');
	transition-delay: 0.4s;
}

.top_area1 .bird.bird5 {
	left:calc(50% + 39px);
	bottom:52px;
	background-image: url('../images/top/bird5.png');
	transition-delay: 0.3s;
}

.top_area1 .bird.anim_action {
	opacity: 1;
	transform: translateX(0) translateY(0);
}

.top_area2 {
	position: relative;
}

.top_area2::before {
	position: absolute;
	top:0;
	left:0;
	content: '';
	background: url('../images/common/bgbox.jpg') repeat center top;
	background-size: 100px 100px;
	width:100vw;
	height:100%;
	z-index: -10;
}

.top_area2 .block1 {
	padding-top:100px;
	padding-bottom:45px;
}

.toparea_mtitle {
	margin:0 0 25px;
}

.toparea_mtitle p {
	margin:0 0 2px;
	line-height:1.0;
	font-size:5.0rem;
	font-weight: 700;
	font-family: 'Cinzel', serif;
	background: url('../images/common/textcover.png') no-repeat left -30px bottom;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	letter-spacing: 1px;
}

.toparea_mtitle h2 {
	line-height:1.0;
	font-size:1.4rem;
	letter-spacing: 1.3px;
}

.top_area2 .mex_line {
	margin:0 0 45px;
	color:#122a88;
}

.bblock_inblock {
	margin:0 0 30px;
}

.bblock_inblock .inblock {
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(85, 85, 85, 0.2);
}

.bblock_inblock:last-child {
	margin-bottom:0;
}

.bblock_inblock .mtitlebox {
	display: flex;
	align-items: center;
	background: url('../images/top/bblock_titlebox.png') no-repeat;
	background-size: auto 90px;
	padding:0 10px 10px 20px;
	height:90px;
}

.bblock_inblock .mtitlebox h3 {
	display: flex;
	align-items: baseline;
	padding:0 0 0 30px;
	color:#FFF;
	font-size:2.4rem;
	position: relative;
}

.bblock_inblock .mtitlebox h3 b {
	position: absolute;
	top:50%;
	left:0;
	font-size:2.8rem;
	text-shadow: 0 0 10px #162d8a;
	transform: translateY(-50%);
}

.bblock_inblock .mtitlebox h3 span {
	margin:0 0 0 10px;
	font-size:1.3rem;
}

.bblock_inblock .inbody {
	padding:20px 10px 30px;
}

.bblock_inblock .box_mex {
	margin:0 0 20px 10px;
}

.bblock_inblock .box_mex:last-child {
	margin-bottom:0;
}

.bblock_inblock .box_mex p {
	color:#122a88;
	font-size:1.6rem;
	font-weight: 600;
	letter-spacing: 1px;
}

.bblock_inblock .box_mex .sub {
	padding:6px 0 0;
	color:#000;
	font-size:1.4rem;
	letter-spacing: 0.6px;
}

.bblock_inblock .inbodybox {
	margin:0 0 25px 10px;
	padding:25px 0 0;
	border-top:1px solid #c2c3c4;
}

.bblock_inblock .inbodybox.flow {
	margin-left:0;
}

.bblock_inblock .inbodybox:last-child {
	margin-bottom:0;
}

.bblock_inblock .inbodybox h4 {
	margin:0 0 15px;
	color:#3d8bab;
	font-size:1.6rem;
}

.bblock_inblock .inbodybox.flow h4 {
	margin-left:10px;
}

.bblock_inblock .inbodybox .list1 li {
	background: url('../images/top/dot2.png') no-repeat left 3px top 10px;
	background-size: 6px 6px;
	margin:0 0 8px;
	padding:0 0 0 20px;
	line-height: 1.6;
	font-weight: 600;
	letter-spacing: 0.6px;
}

.bblock_inblock .inbodybox .list1 li:last-child {
	margin-bottom:0;
}

.bblock_inblock .inbodybox .list2 li {
	margin:0 0 8px;
	padding:0 0 0 38px;
	line-height: 1.6;
	font-weight: 600;
	position: relative;
}

.bblock_inblock .inbodybox .list2 li:last-child {
	margin-bottom:0;
}

.bblock_inblock .inbodybox .list2 li b {
	position: absolute;
	top:12px;
	left:5px;
	width:16px;
	text-align: center;
	color:#122a88;
	font-size:2.6rem;
	transform: translateY(-50%);
}

.flow_block {
	background: url('../images/top/bline.png') repeat-y left 62px top;
	background-size: 1px 50px;
}

.flowbox {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin:0 0 25px;
}

.flowbox:last-child {
	margin-bottom:0;
}

.flowbox .labelbox {
	display: flex;
	justify-content: center;
	align-items: center;
	padding:20px 10px 15px;
	width:125px;
	color:#FFF;
	background-color: #3d8bab;
	border-radius: 6px;
}

.flowbox .step {
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin:0 0 8px;
	line-height:1.0;
	text-align: center;
}

.flowbox .step .s {
	margin:0 3px 0 0;
	line-height:1.0;
	font-size:1.2rem;
	font-weight: 600;
	letter-spacing: 0.6px;
}

.flowbox .step .no {
	line-height:1.0;
	font-size:1.7rem;
	font-weight: 600;
}

.flowbox .labelbox h5 {
	line-height:1.6;
	text-align: center;
	font-size:1.6rem;
}

.flowbox .exbox {
	display: flex;
	align-items: center;
	width:calc(100% - 135px);
	line-height:1.5;
	font-weight: 600;
}


.bblock_inblock .exline {
	color:#122a88;
	font-weight: 600;
}

.area2_bblock .bgbox {
	display: none;
}

.bblock_navi {
	display: none;
}

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

.top_area3::before {
	position: absolute;
	top:0;
	left:-10px;
	content: '';
	background: url('../images/common/bgbox.jpg') repeat center top;
	background-size: 100px 100px;
	width:calc(100vw + 20px);
	height:100%;
	box-shadow: 0 -5px 10px rgba(85, 85, 85, 0.1) inset;
	z-index: -10;
}

.top_area3 .block1 {
	padding:30px 5px 60px;
}

.top_area3 .toparea_mtitle {
	margin:0 5px 35px;
}

.top_area3 .mex_line {
	margin:0 5px 25px;
}

@media screen and (min-width: 350px) {

	.top_area3 .toparea_mtitle {
		margin:0 10px 35px;
	}

	.top_area3 .mex_line {
		margin:0 10px 25px;
	}
}

.agreement_block {
	margin:0 0 20px;
}

.agreement_block:last-child {
	margin-bottom:0;
}

.agreement_block h3 {
	background: url('../images/top/icon_check.png') no-repeat left center;
	background-size: 25px 25px;
	margin:0 5px 15px;
	padding:0 0 0 35px;
	line-height:1.3;
	color:#3d8bab;
	font-size:1.6rem;
	letter-spacing: 1px;
}

.agreement_block:nth-child(2n) h3 {
	line-height:26px;
}

@media screen and (min-width: 350px) {

	.agreement_block h3 {
		margin:0 10px 15px;
	}
}

.agreement_block .databox {
	border-top:1px solid #b5b5b5;
	background-color: #FFF;
}

.agreement_block .databox .data_inblock {
	padding:15px 10px;
	border-bottom:1px solid #b5b5b5;
}

.agreement_block .databox .data_inblock h4 {
	margin:0 0 10px;
	padding:0 0 0 2px;
	color:#122a88;
	text-align: center;
	font-weight: 600;
	font-size:1.9rem;
	letter-spacing: 2px;
}

.agreement_block .databox .data_inblock .tbox_block {
	display: flex;
	align-items: center;
}

.agreement_block .databox .data_inblock .tbox {
	margin:0 4px 0 0;
	padding:8px 7px 0;
	width:calc(25% - 3px);
	height:115px;
	color:#FFF;
	text-align: center;
	font-weight: 600;
	background-color: #263d92;
	border-radius: 5px;
}

.agreement_block .databox .data_inblock .tbox.nc {
	padding:40px 7px 0;
	color:#919191;
	font-size:2.0rem;
	background-color: transparent;
}

.agreement_block .databox .data_inblock .tbox:last-child {
	margin-right:0;
}

.agreement_block .tbox .no {
	margin:0 0 5px;
	line-height:1.0;
	font-size:1.9rem;
	text-shadow: 0 0 5px #162d8a;
}

.agreement_block .tbox .label {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height:1.4;
	height:70px;
	font-size:1.6rem;
}

.agreement_block .tbox .labelbox {
	height:70px;
}

.agreement_block .tbox .labelbox .label {
	display: block;
	line-height:1.3;
	height:auto;
}

.agreement_block .tbox .labelbox .sub {
	line-height:1.2;
	font-size:1.3rem;
}

.top_area4 .exline {
	margin:0 0 20px;
	text-align: center;
	font-weight: 600;
}

.top_area4 .btnbox {
	margin:0 auto;
	width:280px;
	position: relative;
}

.top_area4 .btnbox::before,
.top_area4 .btnbox::after {
	position: absolute;
	content: '';
	background-repeat: no-repeat;
}

.top_area4 .btnbox::before {
	bottom:20px;
	left:-40px;
	background-image: url('../images/top/area4bgimage1.png');
	background-size: auto 39px;
	width:50px;
	height:39px;
	z-index: -1;
}

.top_area4 .btnbox::after {
	top:-5px;
	right:-40px;
	background-image: url('../images/top/area4bgimage2.png');
	background-size: auto 46px;
	width:38px;
	height:46px;
	z-index: -1;
}

.top_area4 .btnbox a {
	display: flex;
	justify-content: center;
	align-items: center;
	height:95px;
	text-align: center;
	color:#FFF;
	background-color: #3e8cab;
	border-radius: 7px;
}

.top_area4 .btnbox .inbox {
	display: inline-block;
	background: url('../images/top/icon_mail.png') no-repeat left center;
	background-size: auto 18px;
	padding:0 0 0 40px;
	letter-spacing: 2px;
}

.top_area4 .btnbox .btnline1 {
	padding:0 0 0 1px;
	line-height:1.2;
	font-size:1.2rem;
	font-weight: 700;
	font-family: 'Cinzel', serif;
	letter-spacing: 1px;
}

.top_area4 .btnbox .btnline2 {
	padding:0 0 0 3px;
	line-height:1.6;
	font-size:2.0rem;
	font-weight: 600;
	letter-spacing: 3px;
}


@media screen and (min-width: 768px) {

	/*
	=================================== */
	header {
		background-image: url('../images/common/bgbox.jpg');
		top:-90px;
	}

	header.show {
		background-size: 200px 200px;
		top:0;
	}

	.wrap_block::before {
		background-size: 200px 200px;
		min-width:1000px;
	}

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

	.kv_body {
		display: flex;
		justify-content: center;
		align-items: center;
		margin:0 auto;
		padding:0;
		width:1000px;
		height:100vh;
		min-height:830px;
		position: relative;
	}

	.bgbox.bg1 {
		bottom:0;
		right:calc(50% + 100px);
		background-image: url('../images/top/kv_back1.png');
		background-size: 504px 241px;
		width:504px;
		height:241px;
	}

	.bgbox.bg2 {
		top:0;
		left:calc(50% + 100px);
		background-image: url('../images/top/kv_back2.png');
		background-size: 444px 514px;
		width:444px;
		height:514px;
	}

	.kv_body h2 {
		display: block;
		position: absolute;
		top:60px;
		left:0;
		background: url('../images/common/logo.png') no-repeat left center;
		background-size: 50px 40px;
		padding:0 0 0 65px;
		line-height:40px;
		font-size:2.0rem;
		letter-spacing: 1px;
	}

	.kv_body h2 b {
		margin:0 0 0 2px;
		font-size:2.6rem;
	}

	.kv_body .cnavi {
		width:1000px;
		height:453px;
		position: relative;
	}

	.kv_body .cnavi .logo {
		background-size: 485px 453px;
		width:485px;
		height:453px;
	}

	.kv_body .cnavi ul {
		display: block;
		position: absolute;
		top:300px;
		left:0;
	}

	.kv_body .cnavi li {
		margin:0 0 20px;
		opacity: 0;
		transform: translateX(30px);
		transition-delay: 0.6s;
		transition-duration: 0.4s;
	}

	.kv_body .cnavi li:nth-child(2) {
		transition-delay: 0.8s;
	}

	.kv_body .cnavi li:nth-child(3) {
		transition-delay: 1.0s;
	}

	.kv_body.action .cnavi li {
		opacity: 1;
		transform: translateX(0);
	}

	.kv_body .cnavi li:last-child {
		margin-bottom:0;
	}

	.kv_body .cnavi li a {
		display: flex;
		align-items: baseline;
		color:#616161;
		font-size:1.2rem;
		font-weight: 600;
		letter-spacing: 1.3px;
	}

	.kv_body .cnavi li b {
		display: block;
		margin:0 10px 0 0;
		padding:0 0 0 1px;
		line-height:1.0;
		color:#122a88;
		font-size:2.0rem;
		font-weight: 700;
		font-family: 'Cinzel', serif;
		letter-spacing: 1px;
	}

	.kv_body .cnavi li a {
		font-size:1.2rem;
	}

	.kv_body .scroll {
		right:50px;
		padding:60px 0 0;
		width:12px;
		height:170px;
	}

	.kv_body .scroll b {
		width:12px;
		height:110px;
	}

	.kv_body .scroll b::before {
		top:-110px;
		background-size: 12px 110px;
		height:110px;
		animation: scrollmove2 2s ease-in-out infinite;
	}

	.doorbox {
		background-size: 373px 650px;
		min-height:830px;
	}

	.top_area1 {
		background: url('../images/top/area1_bgimage.png') no-repeat center bottom;
		background-size: 1405px 235px;
	}

	.top_area1 .block1 {
		padding-top:280px;
		padding-bottom:210px;
		position: relative;
	}

	.top_area1 .mlead {
		margin:0 0 100px;
		padding:0 0 0 120px;
	}

	.top_area1 .mlead p {
		margin:0 0 30px;
		font-size:3.2rem;
	}

	.top_area1 .ex_bock {
		padding:0 0 0 370px;
	}

	.top_area1 .ex_bock .ex1 {
		margin:0 0 45px;
	}

	.top_area1 .ex_bock p {
		margin:0;
		line-height:2.4;
	}

	.top_area1 .ex_bock p b {
		display: inline-block;
		background: none;
		padding:0;
		position: relative;
	}

	.top_area1 .ex_bock b::before {
		position: absolute;
		bottom:0;
		left:0;
		content: '';
		background: url('../images/top/area1bar1.png') no-repeat left top;
		background-size: 158px 5px;
		width:0;
		height:5px;
		transition-delay: 0.3s;
		transition-duration: 0.5s;
		z-index: -3;
	}

	.top_area1 .ex_bock .ex2 b::before {
		background-image: url('../images/top/area1bar2.png');
		background-size: 269px 6px;
		height:6px;
		transition-delay: 0.6s;
		transition-duration: 0.8s;
	}

	.top_area1 .ex_bock .anim_action b::before {
		width:100%;
	}

	.top_area1 .bird {
		background-size: 25px 20px;
		width:25px;
		height:20px;
	}

	.top_area1 .bird.bird1 {
		left:calc(50% - 293px);
		bottom:170px;
		background-size: 14px 18px;
		width:14px;
		height:18px;
	}

	.top_area1 .bird.bird2 {
		left:calc(50% - 236px);
		bottom:147px;
		background-size: 23px 17px;
		width:23px;
		height:17px;
	}

	.top_area1 .bird.bird3 {
		display: block;
		left:calc(50% + 466px);
		bottom:80px;
		background-image: url('../images/top/bird3.png');
		background-size: 25px 18px;
		width:25px;
		height:18px;
		transform: translateX(-40px) translateY(5px);
		transition-delay: 0.3s;
	}

	.top_area1 .bird.bird4 {
		left:calc(50% - 190px);
		bottom:210px;
	}

	.top_area1 .bird.bird5 {
		left:calc(50% - 395px);
		bottom:148px;
	}

	.top_area1 .bird.anim_action {
		opacity: 1;
		transform: translateX(0) translateY(0);
	}

	.top_area2::before {
		background-size: 200px 200px;
		min-width:1000px;
	}

	.top_area2 .block1 {
		padding-top:140px;
		padding-bottom:80px;
	}

	.toparea_mtitle {
		display: flex;
		align-items: baseline;
		margin:0 0 10px;
	}

	.toparea_mtitle p {
		margin:0 15px 0 0;
		font-size:8.0rem;
		letter-spacing: 2px;
	}

	.toparea_mtitle h2 {
		font-size:2.0rem;
		letter-spacing: 2px;
	}

	.top_area2 .mex_line {
		margin:0 0 85px;
		line-height:1.6;
		font-size:1.8rem;
	}

	.area2_bblock {
		padding:0 0 0 190px;
		position: relative;
	}

	.bblock_inblock {
		margin:0 0 40px;
	}

	.bblock_inblock .mtitlebox {
		background-size: 710px 121px;
		padding:0 30px 12px;
		height:121px;
	}

	.bblock_inblock .mtitlebox h3 {
		padding:0 0 0 35px;
		font-size:2.8rem;
	}

	.bblock_inblock .mtitlebox h3 b {
		font-size:3.6rem;
	}

	.bblock_inblock .mtitlebox h3 span {
		font-size:2.4rem;
	}

	.bblock_inblock .inbody {
		padding:30px;
	}

	.bblock_inblock .box_mex {
		margin:0 0 30px;
	}

	.bblock_inblock .box_mex p {
		font-size:2.0rem;
	}

	.bblock_inblock .box_mex .sub {
		font-size:1.6rem;
	}

	.bblock_inblock .inbodybox {
		margin:0 0 30px;
		padding:30px 0 0;
	}

	.bblock_inblock .inbodybox h4 {
		margin:0 0 10px;
		font-size:1.8rem;
	}

	.bblock_inblock .inbodybox h4.mb15 {
		margin:0 0 15px;
	}

	.bblock_inblock .inbodybox .list2 li {
		padding:0 0 0 45px;
	}

	.bblock_inblock .inbodybox .list2 li b {
		top:calc(50% - 2px);
		font-size:2.8rem;
	}

	.flow_block {
		background-position: left 165px top;
	}

	.flowbox {
		margin:0;
		height:105px;
	}

	.flowbox:last-child {
		height:70px;
	}

	.flowbox .labelbox {
		display: block;
		padding:0;
		width:280px;
		background-color: transparent;
	}

	.flowbox .labelbox .inbox {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin:0;
		width:280px;
		height:70px;
		line-height:1.8;
		text-align: left;
	}

	.flowbox .step {
		display: block;
		margin:0;
		width:45px;
		color:#3d8bab;
	}

	.flowbox .step .s {
		margin:0;
		font-size:1.0rem;
	}

	.flowbox .step .no {
		font-size:4.0rem;
	}

	.flowbox .labelbox h5 {
		display: flex;
		justify-content: center;
		align-items: center;
		width:235px;
		height:70px;
		color:#FFF;
		font-size:1.8rem;
		background-color: #3d8bab;
		border-radius: 6px;
	}

	.flowbox .labelbox h5 span {
		margin:0 2px;
		font-size:1.4rem;
	}

	.flowbox .exbox {
		display: block;
		text-align: left;
		width:350px;
		line-height:1.6;
		font-size:1.5rem;
	}

	.flowbox.flow2 .exbox,
	.flowbox.flow4 .exbox,
	.flowbox.flow6 .exbox {
		padding:12px 0 0;
	}

	.area2_bblock .bgbox {
		display: block;
		position: absolute;
		top:250px;
		content: '';
		background: url('../images/top/bblock_back.png') no-repeat;
		background-size: 466px 422px;
		width:466px;
		height:422px;
		transform: translateX(-320px);
		z-index: -5;
	}

	.bblock_navi {
		opacity: 0;
		display: block;
		position: absolute;
		top:0;
		width:150px;
		transform: translateX(-190px);
	}

	.bblock_navi li {
		line-height:1.4;
		border-bottom:1px solid #c8c8c8;
	}

	.bblock_navi li a {
		display: block;
		padding:12px 0;
		font-weight: 600;
		position: relative;
	}

	.bblock_navi li.on a,
	.bblock_navi li a:hover {
		color:#122a88;
	}

	.bblock_navi li a:before {
		transition-duration: 0.2s;
	}

	.bblock_navi li.on a:before,
	.bblock_navi li a:hover:before {
		position: absolute;
		top:19px;
		left:-15px;
		content: '';
		background: url('../images/top/dot.png') no-repeat;
		background-size: 9px 8px;
		width:9px;
		height:8px;
	}

	.bblock_navi li b {
		display: block;
	}

	.bblock_navi li span {
		font-size:1.4rem;
	}

	.top_area3::before {
		left:-20px;
		background-size: 200px 200px;
		width:calc(100vw + 40px);
		min-width:1040px;
	}

	.top_area3 .block1 {
		padding:50px 80px 110px;
	}

	.top_area3 .toparea_mtitle {
		margin:0 0 15px;
	}

	.top_area3 .toparea_mtitle p {
		font-size:5.0rem;
	}

	.top_area3 .mex_line {
		margin:0 0 60px;
	}

	.agreement_block {
		margin:0 0 60px;
	}

	.agreement_block h3 {
		background: url('../images/top/icon_check.png') no-repeat left center;
		background-size: 28px 28px;
		margin:0 0 10px;
		padding:0 0 0 38px;
		line-height:30px;
		color:#3d8bab;
		font-size:1.8rem;
		letter-spacing: 1px;
	}

	.agreement_block .databox .data_inblock {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding:15px 10px 15px 20px;
	}

	.agreement_block .databox .data_inblock h4 {
		margin:0 10px 0 0;
		padding:0;
		font-size:1.8rem;
		letter-spacing: 1px;
	}

	.agreement_block .databox .data_inblock .tbox {
		display: flex;
		justify-content: center;
		align-items: center;
		margin:0 10px 0 0;
		padding:0 10px;
		width:auto;
		height:60px;
		text-align: left;
	}

	.agreement_block .databox .data_inblock .tbox.tbox1 {
		width:162px;
	}

	.agreement_block .databox .data_inblock .tbox.tbox2 {
		width:214px;
	}

	.agreement_block .databox .data_inblock .tbox.nc {
		padding:0;
		font-size:1.8rem;
	}

	.agreement_block .tbox .no {
		margin:0 15px 0 0;
		font-size:2.6rem;
	}

	.agreement_block .tbox .label {
		display: block;
		line-height:1.0;
		height:auto;
	}

	.agreement_block .tbox .labelbox {
		text-align: left;
		height:auto;
	}

	.agreement_block .tbox .labelbox .label {
		margin:0 0 5px;
		line-height:1.0;
	}

	.agreement_block .tbox .labelbox .sub {
		font-size:1.4rem;
	}

	.top_area4 .exline {
		margin:0 0 30px;
		font-size:2.0rem;
	}

	.top_area4 .btnbox {
		width:560px;
	}

	.top_area4 .btnbox::before {
		top:-30px;
		bottom:auto;
		left:-75px;
		background-size: auto 61px;
		width:77px;
		height:61px;
	}

	.top_area4 .btnbox::after {
		top:auto;
		bottom:-20px;
		right:-70px;
		background-size: auto 73px;
		width:58px;
		height:73px;
	}

	.top_area4 .btnbox a {
		height:130px;
		border-radius: 10px;
	}

	.top_area4 .btnbox .inbox {
		background-size: auto 28px;
		padding:0 0 0 60px;
		letter-spacing: 4px;
	}

	.top_area4 .btnbox .btnline1 {
		font-size:2.0rem;
	}

	.top_area4 .btnbox .btnline2 {
		padding:0 0 0 5px;
		line-height:1.4;
		font-size:3.2rem;
		letter-spacing: 5px;
	}
}