@charset "utf-8";
/* all
-------------------------------------------------------------------*/
#lp_content {
	background:#FFFFFF;
	color:#222;
	font-family: 'Noto Sans JP',  "游ゴシック Medium", "Yu Gothic Medium" ,"游ゴシック体", "Yu Gothic", YuGothic , 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height:1.4;
	width: 100%;
	font-weight:500;
	font-size: 18px;
	display: block;
	max-width:1180px;
	margin:0 auto;
	text-align:center;
}
#lp_content .sitewrap{
	width: 1180px;
	min-width:1180px;
	overflow:hidden;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#lp_content .visual{
	background: #ecf7ff;
	padding: 135px 0;
	position:relative;
	margin-bottom: 50px;
}
#lp_content .visual .site_text{
	max-width:1000px;
	margin:0 auto;
}
#lp_content .visual h1{
	font-size: 3.875rem;
	font-weight: 900;
	color: #211f5d;
	margin-bottom:30px;
}
#lp_content .visual h1 span{
	font-size:1.75rem;
	display:block;
	font-weight: bold;
}
#lp_content.visual p{
	font-size:1.25rem;
	line-height: 1.875rem;
	font-weight: 500;
}
#lp_content .visual p + p{
	margin-top:30px;
}
#lp_content .visual .image{
	position:absolute;
	right: -10%;
	top: -50px;
	bottom:0;
	margin:auto;
}
#lp_content .visual .image img{
	max-width: 80%;
}
@media screen and (max-width:1180px) {
	#lp_content .sitewrap{
		min-width:100%;
		width:100%;
	}
}

@media screen and (max-width:1150px) {
	#lp_content .visual .image{
		right: 5%;
		top: 15%;
		bottom:0;
	}
	#lp_content .visual .image img{
		max-width:50%;
		margin-left: auto;
	}
}
@media screen and (max-width:950px) {
	#lp_content .visual .image{
		right: 5%;
	}
}
@media screen and (max-width:850px) {
	#lp_content .visual{
		padding:135px 10px;
	}
	#lp_content .visual .image{
		right: 0;
		top: 0;
	}
	#lp_content .visual .image img{
		max-width: 53%;
	}
}
@media screen and (max-width:767px) {
	#lp_content .visual{
		background: #ecf7ff;
		padding: 62vw 10px 45px;
		position:relative;
		margin-bottom: 30px;
	}
	#lp_content .visual .image{
		right: 0;
		top: 0%;
	}
	#lp_content .visual .image img{
		max-width: 84vw;
		margin-left: auto;
	}
	#lp_content .visual h1{
		font-size: 2.45rem;
		margin-bottom:15px;
	}
	#lp_content .visual h1 span{
		font-size:1.42857142857rem;
	}
	#lp_content .visual p{
		font-size: 1.1rem;
		line-height: 1.75rem;
	}
	#lp_content #lp_content .visual p + p{
		margin-top:15px;
	}
}
#lp_content .text_blue{
	color:#2d69ad;
}
#lp_content .bace_btn{
	margin-bottom:50px;
	position:relative;
}
#lp_content .bace_btn a{
	width:100%;
	max-width: 564px;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	background: #2d69ad;
	color: #fff;
	text-align: center;
	height: 122px;
	transition:.5s transform;
}
#lp_content .bace_btn a span{
	font-size: 1.5rem;
	font-weight: 500;
	position:relative;
}
#lp_content .bace_btn a span:before{
	content:"\03e";
	width: 20px;
	height: 45px;
	font-size: 2rem;
	position:absolute;
	right: -12%;
	top: 0px;
	bottom: 0;
	margin: auto;
}
#lp_content .bace_btn a:hover{
	text-decoration:none;
	transform:translateY(10px);
}
#lp_content .section01{
	position:relative;
	margin-bottom: 80px;
}
#lp_content .section01 .title{
	margin-bottom:45px;
}
#lp_content .section01 .title p{
	font-size:2rem;
	font-weight:bold;
	text-align:center;
	margin-bottom: 20px;
}
#lp_content .section01 .title h2{
	font-size: 3.25rem;
	font-weight:bold;
	text-align:center;
}
#lp_content .section01 .col{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	max-width: 1100px;
	margin: 0 auto 60px;
}
#lp_content .section01 .col .items{
	width: 31%;
	border:1px solid #211f5d;
	box-shadow:0 0 15px rgba(0,0,0,0.3);
	border-radius:5px;
}
#lp_content .section01 .col .items h3{
	text-align:center;
	padding: 16px 0;
	background: #211f5d;
	color:#fff;
	font-size: 1.5rem;
	font-weight: bold;
}
#lp_content .section01 .col .items .item{
	padding: 28px;
}
#lp_content .section01 .col .items .item .img{
	margin-bottom: 28px;
}
#lp_content .section01 .col .items .item .img img{
	max-width:100%;
	margin: 0 auto;
}
#lp_content .section01 .col .items .item p{
	font-size:1.25rem;
	line-height:1.875rem;
	text-align: center;
	font-weight: 500;
}
#lp_content .section01 .list{
	padding: 50px;
	background: #ecf7ff;
	max-width: 1100px;
	margin: 0 auto 55px;
}
#lp_content .section01 .list .list_col ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	height: 450px;
	gap: 2px;
}
#lp_content .section01 .list .list_col ul li{
	width:48%;
	height: 80px;
	padding-left: 45px;
	position:relative;
}
#lp_content .section01 .list .list_col ul li:before{
	content:"";
	width:29px;
	height:26px;
	background-image:url(check.png);
	position:absolute;
	left:0;
	top: 3px;
}
#lp_content .section01 .list .list_col ul li .tit{
	font-size:1.25rem;
	font-weight:bold;
	color:#333;
	margin-bottom: 5px;
}
#lp_content .section01 .list .list_col ul li span{
	font-size:1rem;
	font-weight:400;
}
#lp_content .section01 .list .list_col ul li p{
	color:#211f5d;
}
#lp_content .section01 .image_col{
	display:flex;
	justify-content:center;
	align-items:stretch;
}
#lp_content .section01 .image_col .img{
	width:33%;
}
#lp_content .section01 .image_col .img img{
	max-width:100%;
	margin-bottom: 10px;
}
#lp_content .section01 .big_img{
	position:relative;
	max-width: 1100px;
	margin: 0 auto;
}
#lp_content .section01 .big_img img{
	max-width:100%;
	margin: 0 auto;
}
@media screen and (max-width:850px) {
	#lp_content .section01 .list .list_col ul li .tit{
		font-size:1.125rem;
	}
}
@media screen and (max-width:767px) {
	#lp_content .section01 .title{
		margin-bottom:45px;
	}
	#lp_content .section01 .title p{
		font-size:1.5rem;
		margin-bottom: 10px;
	}
	#lp_content .section01 .title h2{
		font-size: 2rem;
	}
	#lp_content .section01 .col{
		flex-wrap:wrap;
		padding: 0;
	}
	#lp_content .section01 .col .items{
		width: 100%;
		margin-bottom:20px;
	}
	#lp_content .section01 .col .items:last-child{
		margin-bottom:0;
	}
	#lp_content .section01 .col .items .item{
		padding: 20px 10px;
	}
	#lp_content .section01 .col .items .item .img{
		margin-bottom: 15px;
		text-align:center;
	}
	#lp_content .section01 .col .items .item .img img{
		margin: 0 auto;
	}
	#lp_content .section01 .list .list_col ul{
		height: auto;
		margin-bottom: 30px;
	}
	#lp_content .section01 .list .list_col ul li{
		width:100%;
		height: auto;
		padding-left: 40px;
		margin-bottom:20px;
	}
	#lp_content .section01 .list{
		padding: 20px 10px;
		margin-bottom: 25px;
	}
	#lp_content .section01{
		padding:0 10px;
		margin-bottom: 40px;
	}
	#lp_content .section01 .image_col{
		flex-wrap:wrap;
	}
	#lp_content .section01 .image_col .img{
		width:100%;
		margin-bottom:25px;
		text-align: center;
	}
	#lp_content .section01 .image_col .img span{
		display:block;
		text-align:left;
		font-size: 1rem;
	}
	#lp_content .section01 .list .list_col ul li:before{
		top: 0px;
	}
	#lp_content.bace_btn{
		padding:0;
	}
	#lp_content .section01 .big_img{
		padding:0;
	}
	#lp_content .section01 .col .items h3{
		font-size: 1.25rem;
		padding:8px 0px;
	}
	#lp_content .section01 .col .items .item p{
		font-size:1rem;
		line-height:1.5rem;
	}
	#lp_content .section01 .col .items:first-child .item p{
		text-align:left;
	}
}
#lp_content .section02 {
	margin-bottom:80px;
}

#lp_content .title02{
	width:100%;
	height:189px;
	background:#211f5d;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom: 50px;
}
#lp_content .title02 h2{
	color:#fff;
	font-size:3.125rem;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.03em
}
#lp_content .title02 h2 span{
	display:block;
	font-size:1.25rem;
	font-weight:400;
}

#lp_content .section02 .exam{
	position:relative;
}
#lp_content .section02 .exam h3{
	font-size: 1.875rem;
	font-weight: bold;
	color:#211f5d;
	border-bottom:2px solid #211f5d;
	margin-bottom: 45px;
}
#lp_content .section02 .exam h3 span{
	width:252px;
	height:59px;
	background:#211f5d;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	margin-right:20px;
	font-size: 1.5rem;
}
#lp_content .section02 .exam{
	max-width: 1100px;
	margin: 0 auto 60px;
}
#lp_content .section02 .exam{
	margin-bottom:60px;
}
#lp_content .section02 .exam .col{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
	margin-bottom: 30px;
}
#lp_content .section02 .exam .col .text{
	width:49%;
}
#lp_content .section02 .exam .col .text > ul li{
	margin-bottom: 9px;
}
#lp_content .section02 .exam .col .text ul li p{
	font-size:1.25rem;
	font-weight:bold;
}
#lp_content .section02 .exam .col .text ul li p span{
	font-size:1.5rem;
	color:#211f5d;
}
#lp_content .section02 .exam .col .text li .list{
	margin-top:10px;
	margin-bottom: 25px;
}
#lp_content .section02 .exam .col .text li .list li{
	font-size:1.25rem;
	font-weight:500;
	margin-bottom: 5px;
}
#lp_content .section02 .exam .star{
	background: #ecf7ff;
	padding: 25px 30px;
}
#lp_content .section02 .exam .star li{
	font-size: 1.25rem;
	font-weight: 500;
}
#lp_content .section02 .exam .col .img{
	width:48%;
}
#lp_content .section02 .exam .col .img img{
	max-width:100%;
}
#lp_content .section02 .exam .money{
	background:#2d69ad;
	border-radius:10px;
	padding:35px 0
}
#lp_content .section02 .exam .money .col{
	justify-content:center;
	align-items: center;
	margin-bottom: 0;
}
#lp_content .section02 .exam .money .col .left_area{
	display:flex;
	align-items: center;
	justify-content: flex-start;
}
#lp_content .section02 .exam .money .col .left_area .cat{
	width:115px;
	font-size:1.95125rem;
	background:#fff;
	color:#2d69ad;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 15px 0;
	margin-right:15px;
}
#lp_content .section02 .exam .money .col .left_area p{
	font-size:1.95125rem;
	font-weight:bold;
	color:#fff;
}
#lp_content .section02 .exam .money .col .left_area p span{
	font-size:3.5125rem;
	color:#fff600;
}
#lp_content .section02 .exam .money .col .left_area + .right_area{
	margin-left:35px;
	padding-left:25px;
	border-left:2px solid #fff;
}
#lp_content .section02 .exam .money .col .right_area p{
	font-size:1.25rem;
	color:#fff;
	font-weight:500;
}
#lp_content .section02 .exam .money .col .right_area p span{
	font-size:2.25rem;
	color:#fff600;
	font-weight:bold;
}
@media screen and (max-width:767px) {
	#lp_content .title02{
		height: 120px;
		margin-bottom: 20px;
	}
	#lp_content .title02 h2{
		font-size: 1.75rem;
	}
	#lp_content .title02 h2 span{
		font-size:1.125rem;
	}
	#lp_content .section02 {
		margin-bottom:40px;
		padding:0 10px;
	}
	#lp_content .section02 .exam{
		padding:0;
		margin-bottom: 0;
	}
	#lp_content .section02 .exam01{
		margin: 0 auto 30px;
		padding: 0;
	}
	#lp_content .section02 .exam h3{
		font-size: 1.5rem;
		margin-bottom: 25px;
	}
	#lp_content .section02 .exam h3 span{
		width:25%;
		height: 39px;
		font-size: 1.5rem;
		display: flex;
		margin-bottom: 15px;
	}
	#lp_content .section02 .exam .col .text{
		width:100%;
		margin-bottom:15px;
	}
	#lp_content .section02 .exam .col .img{
		width:100%;
	}
	#lp_content .section02 .exam .money .col .left_area .cat{
		width:25%;
		padding: 5px 0;
		margin-right:15px;
	}
	#lp_content .section02 .exam .money .col .left_area p{
		font-size: 1.5rem;
		font-weight:bold;
		color:#fff;
	}
	#lp_content .section02 .exam .money .col .left_area p span{
		font-size:2.5rem;
		color:#fff600;
	}
	#lp_content .section02 .exam .money .col .left_area + .right_area{
		margin-left:0px;
		padding-left:0px;
		border-left:none;
		margin-top:20px;
		padding-top:10px;
		border-top:2px solid #fff;
	}
	#lp_content .section02 .exam .money .col .right_area p{
		font-size:1.25rem;
		color:#fff;
		font-weight:500;
	}
	#lp_content .section02 .exam .money .col .right_area p:first-child{
		margin-right:20px;
	}
	#lp_content .section02 .exam .money{
		padding:20px 0
	}
	#lp_content .section02 .exam .money .col{
		padding:0 10px;
	}
	#lp_content .section02 .exam .money .col .left_area{
		width:100%;
		padding:0 10px;
		justify-content: center;
	}
	#lp_content .section02 .exam .money .col .right_area{
		display:flex;
		justify-content:center;
		align-items:flex-end;
		width:100%;
	}
	#lp_content .section02 .exam .star{
		padding: 20px 10px;
	}
	#lp_content .section02 .exam .col .text ul li p{
		font-size:1rem;
	}
	#lp_content .section02 .exam .col .text ul li p span{
		font-size:1.25rem;
	}
	#lp_content .section02 .exam .col .text li .list li{
		font-size:1rem;
	}
	#lp_content .section02 .exam .star li{
		font-size: 1rem;
	}
}
#lp_content .section03{
	position:relative;
}
#lp_content .section03 .use{
	max-width:1100px;
	margin:0 auto;
}
#lp_content .section03 .use .item{
	border:1px solid #211f5d;
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	padding: 40px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#lp_content .section03 .bg{
	background: #f9f9fa;
	padding: 0 0 80px;
}
#lp_content .section03 .use .item + .item{
	margin-top:20px;
}
#lp_content .section03 .use .item .img{
	margin-right:45px;
	width: 338px;
}
#lp_content .section03 .use .item .img img{
	max-width:100%;
}
#lp_content .section03 .use .item .text{
	width:calc(100% - 378px);
}
#lp_content .section03 .use .item .text h3{
	padding: 15px 0;
	font-size: 1.5rem;
	font-weight: bold;
	color: #211f5d;
}
#lp_content .section03 .use .item .text p{
	font-size:1.25rem;
	font-weight: 500;
}
@media screen and (max-width:767px) {
	.section03{
		padding:0 10px;
	}
	#lp_content .section03 .bg{
		padding-bottom: 40px;
	}
	#lp_content .section03 .use .item{
		padding: 20px 10px;
		flex-wrap:wrap;
	}
	#lp_content .section03 .use .item .img{
		margin-right:0px;
		width: 100%;
	}
	#lp_content .section03 .use .item .text{
		width:100%;
	}
	#lp_content .section03 .use .item .text h3{
		padding: 10px 0 15px;
		font-size: 1.25rem;
	}
	#lp_content .section03 .use .item .text p{
		font-size:1rem;
	}
	#lp_content .section03 .use{
		padding:0;
	}
}
#lp_content .section04 {
	position:relative;
	margin-bottom:80px;
	padding:0 10px;
}
#lp_content .section04  .col{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	max-width:1100px;
	margin: 0 auto;
}
#lp_content .section04  .col .access{
	position:relative;
	width: calc(100% - 424px);
}
#lp_content .section04  .col .access .list{
	margin-bottom:50px;
}
#lp_content .section04  .col .access .list:nth-child(3){
	margin-bottom: 30px;
}
#lp_content .section04  .col .access .list h3{
	font-size:1.5rem;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:2px solid #cccccc;
	padding-left: 1em;
	position:relative;
}
#lp_content .section04  .col .access .list h3:before{
	content:"";
	width:8px;
	height:8px;
	background-image:url(list_style01.png);
	position:absolute;
	left:0;
	top:-7px;
	bottom:0;
	margin:auto;
}
#lp_content .section04  .col .access .list p{
	font-size:1.25rem;
	font-weight:500;
	line-height: 2.125rem;
}
#lp_content .section04  .red_text{
	font-size: 1.5rem;
	font-weight: bold;
	color: #ed0b0b;
}
#lp_content .section04  .red_text span{
	font-size: 1rem;
}
#lp_content .section04  .col .img{
	width:354px;
}
#lp_content .section04  .col .img img{
	max-width:100%;
}

@media screen and (max-width:767px) {
	#lp_content .section04 {
		margin-bottom:40px;
		padding:0 10px;
	}
	#lp_content .section04  .col{
		flex-wrap:wrap;
		margin-bottom: 0;
		padding: 0;
	}
	#lp_content .section04  .col .access{
		width: 100%;
		margin-bottom: 30px;
	}
	#lp_content .section04  .col .img{
		width:100%;
	}
	#lp_content .section04  .col .access .list{
		margin-bottom:25px;
	}
	#lp_content .section04  .col .access .list h3{
		font-size:1.25rem;
		padding-bottom:5px;
		margin-bottom:10px;
	}
	#lp_content .section04  .col .access .list p{
		font-size:1rem;;
		line-height: 1.875rem;
	}
}
#lp_content .flow{
	margin-bottom:80px;
}
#lp_content .flow .flow_wrap{
	max-width:1100px;
	margin:0 auto;
}
#lp_content .flow .flow_wrap dl{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	position:relative;
}
#lp_content .flow .flow_wrap dl:before{
	content:"";
	width:5px;
	height:100%;
	background:#2d69ad;
	position:absolute;
	left:30px;
	top:0;
}
#lp_content .flow .flow_wrap dl:last-child:before{
	display:none;
}
#lp_content .flow .flow_wrap dt{
	width: 100px;
	position:relative;
}
#lp_content .flow .flow_wrap dd{
	width: calc(100% - 100px);
	max-width: 880px;
	margin-right: auto;
}
#lp_content .flow .flow_wrap dd .col{
	display:flex;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px dotted #ada5a5;
	justify-content: space-between;
	align-items: center;
}
#lp_content .flow .flow_wrap dl:first-child dd .col{
	align-items: flex-start;
}
#lp_content .flow .flow_wrap dd .col .icon{
	width: 155px;
	text-align:center;
}
#lp_content .flow .flow_wrap dd .col .icon img{
	max-width:100%;
}
#lp_content .flow .flow_wrap dd .col .text{
	width: calc(100% - 165px);
}
#lp_content .flow .flow_wrap dd .col .text p{
	font-size:1.25rem;
}
#lp_content .flow .flow_wrap dd .col .text .ann{
	padding: 20px 40px;
	background: #f9f9fa;
	border-radius: 5px;
	margin-top: 15px;
}
#lp_content .flow .flow_wrap dd .col .text .ann a{
	font-size:1.75rem;
	font-weight:bold;
	color:#2d69ad;
	border-bottom:1px solid transparent;
	transition:.5s border-color;
}
#lp_content .flow .flow_wrap dd .col .text .ann p span{
	font-size:1rem;
	margin-left:0.5em;
}
#lp_content .flow .flow_wrap dd .col .text .ann a:hover{
	border-color:#2d69ad;
	text-decoration:none;
}
@media screen and (max-width:767px) {
	#lp_content .flow{
		margin-bottom:40px;
		padding:0 10px;
	}
	#lp_content .flow .flow_wrap{
		padding:0;
	}
	#lp_content .flow .flow_wrap dt{
		width: 15%;
		position:relative;
		margin-right: 10px;
	}
	#lp_content .flow .flow_wrap dt img{
		max-width:100%;
	}
	#lp_content .flow .flow_wrap dd{
		width: 75%;
	}
	#lp_content .flow .flow_wrap dd .col .icon{
		width: 15%;
		text-align:center;
		margin-right:10px;
	}
	#lp_content .flow .flow_wrap dd .col .icon img{
		max-width:100%;
	}
	#lp_content .flow .flow_wrap dd .col .text{
		width: 80%;
	}
	#lp_content .flow .flow_wrap dd .col .text p{
		font-size:1rem;
	}
	#lp_content .flow .flow_wrap dd .col .text .ann{
		padding: 20px 10px;
		margin-top: 10px;
	}
	#lp_content .flow .flow_wrap dd .col .text .ann a{
		font-size:1.25rem;
	}
	#lp_content .flow .flow_wrap dd .col .text .ann p span{
		display:block;
		
	}
	#lp_content .flow .flow_wrap dl:before{
		left:6.5%;
		top:2px;
	}
}
@media screen and (max-width:1200px) {
	#lp_content .section02,
	#lp_content .section03,
	#lp_content #lp_content .section04 ,
	#lp_content .flow{
		padding:0 10px;
	}
	#lp_content .section03 .use{
		padding:0 10px 80px;
	}
}
@media screen and (max-width:850px) {
	#lp_content .section01{
		padding:0 10px;
	}
}