@charset "utf-8";
/* CSS Document */

.pc_backgrond{
	background-image: url( "images/background.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 0;
}

.wrapper{
	width: 700px;
	margin: 0 auto;
	background-color: #FEFFF3;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 768px) {
	.wrapper{
	width: 100%;
		overflow: hidden;
}
}


/*======================
main
======================*/
.top_mv{
	background-image: url("images/mv_wave.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 88px;
}

.mv_sakura{
	position: absolute;
	top: 0;
	right: 0;
}
.mv_sakura img{
	width: 356px;
	height: auto;
}

.top_mv .mv_wrap{
	position: relative;
	padding-top: 48px;
	padding-bottom:80px;
	z-index: 1;
}

.mv_students{
	position: absolute;
	top: 40px;
	left: 10px;
	z-index: 1;
}
.mv_students img{
	width: 156px;
	height: auto;
}


.mv_goukaku{
	margin-left: 100px;
	margin-bottom: 28px;
}
.mv_goukaku img{
	width: 390px;
	height: auto;
}

.mv_hukidasi{
	margin-bottom: 20px;
}
.mv_hukidasi img{
	width: 408px;
	height: auto;
}

.mv_catchcopy img{
	width: 485px;
	height: auto;
}

@media only screen and (max-width: 767px) {
	.mv_students{
	top: 25px;
}
}
@media only screen and (max-width: 540px) {
.top_mv{
	margin-top: 80px;
	background-position: center;
}
	.top_mv .mv_wrap{
		padding-top: 40px;
	padding-bottom:60px;
}
	.mv_sakura img{
	width: 185px;
}
.mv_students{
	top: 20px;
	left: 0;
}
	.mv_students img{
	width: 100px;
}
	.mv_goukaku{
	margin-left: 70px;
		margin-bottom: 12px;
}
	.mv_hukidasi {
		margin-bottom: 15px;
	}
.mv_hukidasi img{
	width: 90%;
}
}



/*======================
section
======================*/
.section{
	padding-top: 65px;
	padding-bottom: 65px;
}

@media only screen and (max-width: 767px) {
	.section{
	padding-top: 45px;
	padding-bottom: 45px;
}
}


/*======================
main_head
======================*/
.main_head{
	margin-bottom: 40px;
}

.main_head .ttl_en{
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 2px;
}
.main_head .ttl{
	font-size: 36px;
	letter-spacing: 2px;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 16px;
	position: relative;
}
.main_head .ttl span{
	font-weight: 700;
}
.main_head img{
	width: 65px;
	height: auto;
}


@media only screen and (max-width: 540px) {
	.main_head{
	margin-bottom: 30px;
}
	.main_head .ttl_en{
	font-size: 14px;
}
.main_head .ttl{
	font-size: 26px;
	padding-bottom: 10px;
}
	.main_head img{
	width:55px;
}
}

@media only screen and (max-width: 320px) {
	.main_head .ttl{
	font-size: 24px;
}
}





/*======================
こんなお悩みありませんか
======================*/
.head_obi{
	background-color: #167B12;
	padding-top: 25px;
	padding-bottom: 25px;
	position: relative;
	z-index: 1;
}
.head_obi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 20px solid transparent;
  border-top: 15px solid #167B12;
}

.head_obi h2{
	font-size: 42px;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
.head_obi h2{
	font-size: 36px;
}
}
@media only screen and (max-width: 540px) {
.head_obi h2{
	font-size: 24px;
}
}


/*nayami_hukidasi_wrap*/
.nayami_hukidasi_wrap{
	position: relative;
	height: 500px;
	margin-top: 25px;
	padding-bottom: 30px;
	display: flex;
	justify-content: flex-end;
}

.nayami_hukidasi_wrap .hukidasi_left{
	width: 52%;
}

.nayami_hukidasi_wrap .hukidasi_right{
	width: 45%;
	padding-top: 54px;
}

.nayami_hukidasi_wrap .hukidasi_left{
	position: relative;
}
.nayami_hukidasi_wrap .hukidasi_left .nayami_student{
	width: 230px;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 15px;
	z-index: 1;
}

@media only screen and (max-width: 767px) {


}

@media only screen and (max-width: 540px) {
.nayami_hukidasi_wrap{
	height: 360px;
}
.nayami_hukidasi_wrap .hukidasi_left .nayami_student{
	width: 170px;
}
}


/*======================
そんなあなたの悩みを解決するのが~
======================*/
.solution_hukidasi {
	margin-top: -50px;
}
.solution_hukidasi img{
	width: 530px;
	height: auto;
}

.solution_wrap{
	padding-top: 75px;
	margin-top: -65px;
	padding-bottom: 65px;
}
.solution_wrap .head{
	font-size: 40px;
}
.solution_wrap .head img{
	width: 330px;
	height: auto;
	vertical-align: bottom;
}

.solution_wrap .txt_area{
	width: 540px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 40px 15px;
	border-radius: 6px;
}
.solution_wrap .txt_area .inner{
		position: relative;
}

.solution_wrap .txt_area .inner p:first-of-type{
	margin-bottom: 30px;
}

.solution_wrap .txt_area .inner .img_top {
	position: absolute;
	top: -6%;
    left: -17%;
}
.solution_wrap .txt_area .inner .img_top img{
	width: 102px;
	height: auto;
}

.solution_wrap .txt_area .inner .img_btm{
	position: absolute;
	    right: -7%;
    bottom: -10%;
}
.solution_wrap .txt_area .inner .img_btm img{
	width: 100px;
	height: auto;
}


@media only screen and (max-width: 767px) {
	.solution_wrap{
	    padding-top: 62px;
    margin-top: -45px;
	padding-bottom: 45px;
}
.solution_hukidasi {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: -45px;
}
	.solution_wrap .txt_area{
	width: 80%;
}
	.solution_wrap .txt_area .inner .img_top {
    left: -22%;
}
	
.solution_wrap .txt_area .inner .img_btm{
	    right: -12%;
}
}

@media only screen and (max-width: 540px) {
		.solution_hukidasi img{
	width: 390px;
	height: auto;
}
	.solution_wrap .head{
	font-size:26px;
}
.solution_wrap .head img{
	width: 220px;
}
	
	.solution_wrap .txt_area{
	width: 88%;
		padding: 30px 20px;
}
	.solution_wrap .txt_area .inner{
		margin-bottom: 20px;
	}
	
	.solution_wrap .txt_area .inner .img_top {
	top: -11%;
}
.solution_wrap .txt_area .inner .img_top img{
	width:55px;
}
	.solution_wrap .txt_area .inner .img_btm{
	    right: -13%;
}
.solution_wrap .txt_area .inner .img_btm img{
	width: 55px;
}
}

@media only screen and (max-width: 374px) {
		.solution_wrap .head{
	font-size:24px;
}
.solution_wrap .head img{
	width:180px;
}
	
}




/*======================
START3つの特徴
======================*/
.top_features{
	background-image: url("images/background_grid.png");
	background-repeat: repeat;
	background-size: 515px 390px;
	position: relative;
	z-index: 0;
}

.top_features .wave{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.top_features .wave img{
	width: 345px;
	height: auto;
}

@media only screen and (max-width: 767px) {
	.top_features .wave img{
	width: 220px;
}
}

@media only screen and (max-width: 540px) {
	.top_features{
	background-size: contain;
}
	.top_features .wave img{
	width: 180px;
}
}


/*======================
START3つの特徴
======================*/
.features_item{
	margin-bottom: 45px;
	position: relative;
}
.features_item:last-of-type{
	margin-bottom: 0;
}
.features_item .head_img{
	position: absolute;
	top: -10%;
	right: 0;
	z-index: 1;
}
.features_item01 .head_img{
	top: -15%;
}

.features_item01 .head_img img{
	width: 84px;
	height: auto;
}
.features_item02 .head_img img{
	width: 115px;
	height: auto;
}
.features_item03 .head_img img{
	width: 90px;
	height: auto;
}


.features_item .head_area{
position: relative;
}

.features_item .head_area .number{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.features_item .head_area .number img{
	width: 94px;
	height: auto;
}

.features_item .head_area .ttl_wrap{
	width: 500px;
	margin: 0 auto;
	min-height: 95px;
	display: flex;
	align-items: center;
	background-color: #F6EFD9;
	border-radius: 6px;
	padding-top: 16px;
	padding-bottom: 16px;
}
.features_item .head_area .ttl{
	display: inline-block;
	font-size: 30px;
	padding-left: 75px;
	text-align: left;
}

.features_item .txt_area{
	width: 500px;
	margin: 0 auto;
	border-radius: 6px;
	background-color: #FFF0E4;
	padding: 25px;
}


@media only screen and (max-width: 767px) {
	.features_item .head_area .ttl_wrap{
	      width: 94%;
			min-height: 80px;
}
		.features_item .head_area .number img{
	width: 75px;
}
		.features_item .head_area .ttl{
	font-size: 26px;
	padding-left: 70px;
		padding-right: 45px;
}
		.features_item .txt_area{
	width: 94%;
}
}

@media only screen and (max-width: 540px) {
	.features_item .head_area .number img{
	width: 65px;
}
	.features_item .head_area .ttl{
	font-size: 20px;
}

	
.features_item01 .head_img{
	top: -10%;
}	
	.features_item03 .head_img{
		top: -13%;
	}
	
.features_item01 .head_img img{
	width: 64px;
}
.features_item02 .head_img img{
	width: 76px;
}
.features_item03 .head_img img{
	width: 62px;
}
}


/*======================
合格のかぎ
======================*/
.top_key{
	padding-top: 65px;
	padding-bottom: 45px;
	position: relative;
}
.top_key .wave{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.top_key .wave img{
	width: 345px;
	height: auto;
}


.top_key .head_area{
	margin-bottom: 50px;
	position: relative;
}
.top_key .head_area .img_area{
	    position: absolute;
    top: 60%;
    right: 0;
    transform: translateY(-50%);
}
.top_key .head_area .img_area img{
	width: 96px;
	height: auto;
}

.top_key .head_area .ttl{
	font-size: 34px;
	font-weight: 700;
}
.top_key .head_area .strong{
	color: #fff;
	display: inline-block;
	background-color: #1D5BA1;
	line-height: 1;
	padding: 2px 7px 4px 7px;
	margin-left: 3px;
	margin-right: 3px;
}
.top_key .head_area .strong_blue{
	color: #1D5BA1;
	display: inline-block;
	line-height: 1;
	margin-left: -15px;
	font-size: 46px;
	vertical-align: text-top;
}

@media only screen and (max-width: 767px) {
	.top_key .head_area{
	margin-bottom: 30px;
}
}
@media only screen and (max-width: 540px) {
	.top_key{
	padding-top: 45px;
		padding-bottom: 30px;
}
.top_key .wave img{
	width: 250px;
}
	.top_key .head_area{
	margin-bottom: 34px;
}
	.top_key .head_area .ttl{
	font-size: 28px;
}
	.top_key .head_area .strong_blue{
	font-size: 36px;
}
	.top_key .head_area .img_area{
		right: 30px;
	}
}


/*key_interview_wrap*/
.key_head .ttl{
	font-size: 30px;
}

.key_interview_wrap .interview_item:first-of-type{
	margin-bottom: 50px;
}

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

.interview_item .img_area img{
	width: 120px;
	height: auto;
}


 .hukidasi{
	width: 74%;
	position: relative;
	background-color: #F6EFD9;
	border-radius: 12px;
	padding: 20px 30px;
	 font-size: 18px;
}
.hukidasi::before {
  content: "";
  position: absolute;
  top: 52px;
     left: -24px;
    margin-top: -10px;
    border: 10px solid transparent;
  border-right: 15px solid #F6EFD9;
}

@media only screen and (max-width: 767px) {
		 .hukidasi{
		 width: 70%;
}
}
@media only screen and (max-width: 540px) {
	.key_head .ttl{
	font-size: 26px;
}
	.key_interview_wrap .interview_item:first-of-type{
	margin-bottom: 35px;
}
	.interview_item {
		justify-content: center;
	}
.interview_item .img_area img{
	width: 90px;
}
	 .hukidasi{
		 width: 65%;
	padding: 20px;
		 font-size: 15px;
		 margin-left: 22px;
}
}


/*======================
 何もない状態からのスタート
======================*/
.top_key_2nd {
	position: relative;
	padding-top: 30px;
	padding-bottom: 15px;
}

.empty_wrap{
	position: relative;
	padding: 40px;
}
.empty_wrap .wave {
	position: absolute;
	top: 0;
	right: 0;
}
.empty_wrap .wave img{
	width: 220px;
	height: auto;
}

.empty_wrap .head_area{
	margin-bottom: 20px;
	position: relative;
}
.empty_wrap .head_area .img_area{
	position: absolute;
	top:65%;
	right: 0;
	transform: translateY(-50%);
}
.empty_wrap .head_area .img_area img{
	width: 105px;
	height: auto;
}

.empty_wrap .head_area .ttl{
	font-size: 26px;
}
.empty_wrap .head_area .ttl span{
	font-size: 30px;
}


@media only screen and (max-width: 540px) {
	.empty_wrap{
		padding: 40px 25px;
	}
.empty_wrap .wave img{
	width: 160px;
}
	.empty_wrap .head_area .img_area{
	top:42%;
}
	.empty_wrap .head_area .img_area img{
	width: 85px;
	height: auto;
}
	.empty_wrap .head_area .ttl{
	font-size: 22px;
}
.empty_wrap .head_area .ttl span{
	font-size: 26px;
}
}


/*txt_area*/
.empty_wrap .txt_area{
	margin-top: 25px;
	margin-bottom: 15px;
}
.empty_wrap .txt_area p:first-of-type{
	display: inline-block;
	font-size: 20px;
		position: relative;
	margin-left: 30px;
}
.empty_wrap .txt_area p:first-of-type::before{
	content: "";
	background-image: url("images/key_lamp.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 35px;
	position: absolute;
	    top: -20%;
    left: -12%;
}

.empty_wrap .txt_area p:last-of-type{
	font-size: 26px;
}
.empty_wrap .txt_area .marker{
	background: linear-gradient(transparent 64%, rgba(255, 227, 89, 1) 64%);
}

@media only screen and (max-width: 540px) {
.empty_wrap .txt_area p:first-of-type{
	font-size: 16px;
	margin-bottom: 5px;
	
}
		.empty_wrap .txt_area p:first-of-type::before{
	    top: -38%;
    left: -16%;
}
	.empty_wrap .txt_area p:last-of-type{
	font-size: 22px;
}

}


/*======================
私が実践したガクチカの作り方
======================*/
.top_key_3rd{
	position: relative;
	padding-top: 85px;
	padding-bottom: 65px;
}
.top_key_3rd::before{
	content: "";
	background-color: #F6EFD9;
	width: 100%;
	height: 52px;
	position: absolute;
	top: -1px;
	left: 0;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.top_key_3rd .txt_area_wrap{
	position: relative;
	margin-bottom: 40px;
}
.top_key_3rd .txt_area_wrap .txt_area{
	width: 465px;
	padding: 20px 30px;
	margin-left: 20px;
}
.top_key_3rd .txt_area_wrap .img_area{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.top_key_3rd .txt_area_wrap .img_area img{
	width: 134px;
	height: auto;
}

@media only screen and (max-width: 767px) {
	.top_key_3rd .txt_area_wrap .txt_area{
	width: 75%;
	padding: 20px;
	margin-left: inherit;
}
}
@media only screen and (max-width: 540px) {
	.top_key_3rd{
	padding-bottom: 45px;
}
	.top_key_3rd .txt_area_wrap .img_area img{
	width: 110px;
}
	.top_key_3rd .txt_area_wrap{
	margin-bottom: 30px;
}
}


/*======================
ガクチカグラフ
======================*/
.top_graph{
	padding-top: 45px;
	background-color: #FFF8E1;
	position: relative;
}

.top_graph .wave {
	position: absolute;
	top: 0;
	right: 0;
}
.top_graph .wave img{
	width: 345px;
	height: auto;
}


.top_graph .head_area{
	margin-bottom: 30px;
	position: relative;
}
.top_graph .head_area .img_area{
position: absolute;
	top: -15px;
	right: -15px;
}
.top_graph .head_area .img_area img{
	width: 145px;
	height: auto;
}

.top_graph .head_area .ttl{
	font-size: 30px;
}
.top_graph .head_area .ttl span{
	font-size: 54px;
	margin-left: -15px;
}

@media only screen and (max-width: 767px) {
	.top_graph .head_area .img_area img{
	width: 130px;
	height: auto;
}
}

@media only screen and (max-width: 540px) {
.top_graph .wave img{
	width: 200px;
}
	.top_graph .head_area{
	margin-bottom: 22px;
}
	.top_graph .head_area .img_area{
position: absolute;
	top: -30px;
	right: 0;
}
	.top_graph .head_area .img_area img{
	width: 90px;
	height: auto;
}
	.top_graph .head_area .ttl{
	font-size: 20px;
}
.top_graph .head_area .ttl span{
	font-size: 36px;
}
}


/*graph_wrap*/
.graph_wrap{
	padding-top: 40px;
}

.graph_item {
	margin-bottom: 40px;
}
.graph_item:last-of-type {
	margin-bottom: 0;
}

.graph_head{
	width: 100%;
	padding: 20px;
	display: table;
	background-color: #F3E9C9;
}
.graph_head .question{
	display: inline-block;
	width: 74px;
	height: 74px;
	line-height: 74px;
	border-radius: 50px;
	background-color: #fff;
	color: #1D5BA1;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
}
.graph_head .ttl{
	font-size: 26px;
	padding-left: 25px;
	display: table-cell;
	vertical-align: middle;
}

.graph_item .img_area img{
	width: 570px;
	height: auto;
}

@media only screen and (max-width: 540px) {
	.graph_item {
	margin-bottom: 30px;
}
	.graph_head{
	padding: 15px 20px;
}
.graph_head .question{
	width: 55px;
	height: 55px;
	line-height: 55px;
	font-size: 32px;
}
	.graph_head .ttl{
	font-size: 20px;
	padding-left: 15px;
}
	.graph_item .img_area img{
	width: 100%;
}

}


/*btm_txt_area*/
.btm_txt_area{
background-image: url("images/background_grid.png");
	background-repeat: repeat;
	background-size: 515px 390px;
	position: relative;
	padding-top: 85px;
	padding-bottom: 50px;
}
.btm_txt_area::before{
	content: "";
	background-color: #FFF8E1;
	width: 100%;
	height: 52px;
	position: absolute;
	top: -1px;
	left: 0;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.btm_txt_area .txt_area{
	font-size: 22px;
	position: relative;
}
.btm_txt_area .txt_area .strong{
	font-size: 28px;
	display: inline-block;
	background: linear-gradient(transparent 65%, rgba(255,227,89,1) 65%);
}
.btm_txt_area .txt_area .strong span{
	font-size:38px;
}
.btm_txt_area .txt_area .strong span:first-of-type{
	margin-right: -10px;
}
.btm_txt_area .txt_area .strong span:last-of-type{
	margin-right: 5px;
	margin-left: 5px;
}


.btm_txt_area .txt_area .img_area{
	position: absolute;
}
.btm_txt_area .txt_area .img_area img{
	width: 90px;
	height: auto;
}

.btm_txt_area .txt_area .img_left{
top: 50%;
	left: 0;
		transform: translateY(-50%);
}
.btm_txt_area .txt_area .img_right{
top: 50%;
	right: 0;
	transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
		.btm_txt_area .txt_area .img_left{
	left: -18px;
}
.btm_txt_area .txt_area .img_right{
	right:-18px;
}
}
@media only screen and (max-width: 540px) {
.btm_txt_area{
	background-size: contain;
	padding-bottom: 40px;
}
	.btm_txt_area .txt_area{
	font-size: 16px;
	position: relative;
}
.btm_txt_area .txt_area .strong{
	font-size: 20px;
}
.btm_txt_area .txt_area .strong span{
	font-size:26px;
}
	.btm_txt_area .txt_area .strong span:last-of-type{
	margin-right: 0;
	margin-left: 0;
}
	
	.btm_txt_area .txt_area .img_area img{
	width: 60px;
	height: auto;
}

	
}



/*======================
ガクチカを作るのに悩んでいる あなたへ
======================*/
.support_wrap{
	padding: 40px 45px;
}
.support_wrap .main_head {
	margin-bottom: 30px;
}
.support_wrap .main_head .ttl{
	font-size: 30px;
}

.support_wrap .head_txt_area p:first-of-type{
	font-size: 22px;
}


.support_message_area .img_area{
	text-align: center;
	margin-left: 56px;
}
.support_message_area .img_area img{
	width: 335px;
	height: auto;
}

.support_message_area .txt_area{
	padding: 30px;
	padding-top: 20px;
}
.support_message_area .txt_area p:first-of-type{
	font-size: 22px;
}

@media only screen and (max-width: 767px) {
	.support_wrap{
	padding: 40px 25px;
}
}
@media only screen and (max-width: 540px) {
.support_wrap .main_head .ttl{
	font-size: 26px;
}
.support_wrap .head_txt_area p:first-of-type{
	font-size: 18px;
}
	.support_message_area .img_area{
	margin-left: 36px;
}
.support_message_area .img_area img{
	width: 100%;
}
	.support_message_area .txt_area p:first-of-type{
	font-size: 18px;
}
}


/*======================
一歩踏み出して みませんか
======================*/
.top_message{
	background-image: url("images/background_grid.png");
	background-repeat: repeat;
	background-size: 515px 390px;
	position: relative;
	padding-top: 65px;
	padding-bottom: 40px;
	z-index: 0;
}

.top_message .wave_top{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.top_message .wave_btm{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.top_message .wave img{
	width: 220px;
	height: auto;
}

.top_message .head_area_wrap{
	margin-bottom: 20px;
}
.top_message .head_area{
	display: inline-block;
	position: relative;
}
.top_message .head_area .img_hukidasi{
	position: absolute;
       top: -4%;
    left: -26%;
    transform: translate(-50%, -50%);
}
.top_message .head_area .img_hukidasi img{
	width: 116px;
	height: auto;
}

.top_message .head_area .img_students{
	position: absolute;
   top: 0;
    right: -84%;
    transform: translate(-50%, -50%);
}
.top_message .head_area .img_students img{
	width: 145px;
	height: auto;
}

@media only screen and (max-width: 767px) {
.top_message{
	background-size:contain;
}
.top_message .head_area .img_hukidasi img{
	width: 95px;
}
	.top_message .head_area .img_students img{
	width: 110px;
}
}

@media only screen and (max-width: 540px) {
	.top_message .head_area_wrap{
	margin-bottom: 10px;
}
	.top_message .wave img{
	width: 180px;
	height: auto;
}
	.top_message .head_area .img_hukidasi{
     top: -26%;
        left: -18px;
}
	.top_message .head_area .img_hukidasi img{
	width: 75px;
}
	.top_message .head_area .img_students{
		top: -15px;
		right: -72%;
	}
	.top_message .head_area .img_students img{
	width: 80px;
}
}


.top_message .head_area .ttl{
	font-size: 40px;
	display: inline-block;
	text-align: center;
	position: relative;
}
.top_message .head_area .ttl::before,
.top_message .head_area .ttl::after{
	    background-color: #1D5BA1;
    content: "";
    height: 3px;
    width: 36px;
	border-radius: 50px;
}

.top_message .head_area .ttl::before{
	position: absolute;
    left: -30px;
    bottom: 24px;
    transform: rotate(65deg);
}
.top_message .head_area .ttl::after{
	position: absolute;
    right: -26px;
    bottom: 24px;
    transform: rotate(-65deg);
}

@media only screen and (max-width: 767px) {
.top_message .head_area .ttl{
	font-size: 32px;
}
}

@media only screen and (max-width: 540px) {
.top_message .head_area .ttl{
	font-size: 26px;
}
}


/*message_wrap*/
.message_item .flex_area{
	display: flex;
	align-items: flex-end;
}
.message_item .img_area img{
	width: 275px;
	height: auto;
	position: relative;
	z-index: 1;
}

.message_item  .hukidasi{
	width: 325px;
	padding: 20px ;
	margin-left: -13px;
	font-size: 18px;
}

@media only screen and (max-width: 767px) {
.message_item  .hukidasi{
	width: 65%;
	font-size: 16px;
}
}
@media only screen and (max-width: 540px) {
.message_item .flex_area{
	display: block;
}
	.message_item .img_area{
		text-align: center;
		margin-right: 30px;
	}
	.message_item .img_area img{
	width: 200px;
}
	.message_item  .hukidasi{
		width: 100%;
	padding: 20px 15px;
		font-size: 14px;
		margin-left: inherit;
		margin-top: -35px;
		z-index: 1;
}
	.message_item  .hukidasi::before{
		content: none;
	}
}



/*======================
料金プラン
======================*/
.top_plan{
	background-color: #F8EEE2;
}


.price_wrap{
	padding: 40px 35px;
	margin-bottom: 60px;
}

.price_item{
	margin-bottom: 40px;
}
.price_item dl{
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #F6EFD9;
	border-radius: 6px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.price_item dt{
	width: 50%;
	border-right: 1px solid #707070;
	font-size: 28px;
	padding-left: 55px;
}

.price_item dd{
	width: 50%;
	font-size: 36px;
	padding-left:50px;
}
.price_item dd span{
	font-size: 24px;
}

@media only screen and (max-width: 767px) {
	.price_item dt{
	padding-left: 40px;
}
.price_item dd{
	padding-left:35px;
}
}

@media only screen and (max-width: 540px) {
.price_wrap{
	padding: 30px 20px;
	margin-bottom: 40px;
}
	.price_item{
	margin-bottom: 30px;
}
	.price_item dl{
	padding-top: 15px;
	padding-bottom: 15px;
}
	.price_item dt{
	font-size: 20px;
	padding-left: 20px;
}
	.price_item dd{
	font-size: 20px;
	padding-left:25px;
}
	.price_item dd span{
	font-size: 18px;
}
}


/*campaign*/
.campaign_item .head_area img{
	width: 440px;
	height: auto;
}
.campaign_item .head_area .ttl{
	font-size: 26px;
	position: relative;
	display: inline-block;
	margin-top: -20px;
	line-height: 1.4;
}
.campaign_item .head_area .ttl::before,
.campaign_item .head_area .ttl::after{
	    background-color: #1D5BA1;
    content: "";
    height: 3px;
    width: 28px;
	border-radius: 50px;
}

.campaign_item .head_area .ttl::before{
	position: absolute;
    left: -30px;
    bottom: 18px;
    transform: rotate(72deg);
}
.campaign_item .head_area .ttl::after{
	position: absolute;
    right: -36px;
    bottom: 18px;
    transform: rotate(-72deg);
}

.campaign_price{
	padding: 20px;
	position: relative;
}
.campaign_price::after{
	content: "";
	background-image: url("images/campaign_megaphone.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 70px;
	height: 74px;
	position: absolute;
top: 50%;
	right: -15px;
	transform: translateY(-50%);
}
.campaign_price img{
	width: 80%;
	height: auto;
}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 540px) {
.campaign_item .head_area .ttl{
	font-size: 20px;
	margin-top: -6px;
}
	.campaign_price{
	padding: 20px 15px;
}
	.campaign_price img{
	width: 94%;
}
.campaign_price::after{
	width: 50px;
	height: 54px;
top: 16px;
}
}


/*plan_item*/
.plan_item .head_area{
	padding-top: 25px;
	padding-bottom: 25px;
	border-radius: 6px 6px 0 0;
}
.plan_item .head_area .ttl{
	font-size: 32px;
	letter-spacing: 2px;
}

.plan_standard{
	margin-bottom: 60px;
}
.plan_standard .head_area{
	background-color: #1F8C7A;
}
.plan_option .head_area{
	background-color: #1F6F8C;
}

.plan_item .contents_area{
	padding: 45px 25px;
	border-radius: 0 0 6px 6px;
}

.plan_table{
	width: 100%;
}
.plan_table th{
	width: 40%;
	font-size: 20px;
	background-color: #F6EFD9;
	border: 1px solid #C9C9C9;
	text-align: left;
	padding: 25px;
	vertical-align: middle;
}
.plan_table td{
	width: 60%;
	font-size: 20px;
	background-color: #fff;
	border: 1px solid #C9C9C9;
	text-align: left;
	padding: 25px;
	vertical-align: middle;
}


.plan_option .pack_item{
	margin-bottom: 40px;
}
.plan_option .pack_item:last-of-type{
	margin-bottom: 50px;
}


@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 540px) {
.plan_item .head_area{
	padding-top: 20px;
	padding-bottom: 20px;
}
.plan_item .head_area .ttl{
	font-size: 24px;
}
	.plan_standard{
	margin-bottom: 40px;
}
	
	.plan_item .contents_area{
	padding: 30px 25px;
}
	.plan_table th{
	width: 100%;
		display: block;
	font-size: 18px;
	padding: 15px;
		text-align: center;
}
.plan_table td{
	width: 100%;
		display: block;
	font-size: 16px;
	padding: 15px;
}
	
	.plan_option .pack_item{
	margin-bottom: 30px;
}
}


/*plan_mix_wrap*/
.plan_mix_wrap .head .ttl{
	width: 300px;
	margin: 0 auto;
	background-color: #1D5BA1;
	border-radius: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 20px;
	text-align: center;
}

.mix_item{
	padding: 30px;
}
.mix_item img{
	width: 56px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.mix_item p:first-of-type{
	font-size: 22px;
}
.mix_item p:last-of-type{
	font-size: 26px;
}

@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 540px) {
.plan_mix_wrap .head .ttl{
	width: 100%;
	max-width: 300px;
	font-size: 18px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.mix_item{
	padding: 20px;
}
	.mix_item img{
	width: 40px;
		margin-bottom: 5px;
}
	.mix_item p:first-of-type{
	font-size: 18px;
}
.mix_item p:last-of-type{
	font-size: 22px;
}
}


/*======================
お申し込み～授業開始までの流れ
======================*/
.flow_item{
	position: relative;
}
.flow_item .img_area{
	position: absolute;
	top: 0;
	right: 0;
}
.flow_item .img_area img{
	width: 122px;
	height: auto;
}

.flow_item .number img{
	width: 78px;
	height: auto;
}

.flow_item .contents_area{
	width: 510px;
	margin: 0 auto;
	padding: 35px 45px;
	padding-top: 50px;
	margin-top: -35px;
		background-color: #F6F2E4;
}
.flow_item .contents_area .ttl{
	font-size: 22px;
}

.flow_wrap .arrow_btm{
	margin-top: 25px;
	margin-bottom: 25px;
}
.flow_wrap .arrow_btm img{
	width: 46px;
	height: auto;
}

@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 540px) {
.flow_item .contents_area{
	width: 100%;
	padding: 25px;
	padding-top: 50px;
	margin-top: -35px;
}
	.flow_item .number img{
	width: 65px;
}
	.flow_item .contents_area .ttl{
	font-size: 20px;
}
	.flow_item .img_area{
	top: -15px;
}
	.flow_item .img_area img{
	width: 100px;
}
}


/*flow_item03*/
.flow_item03 .contents_area{
	background-color: #FCF0CA;
	padding: 30px 45px;
	padding-top: 50px;
	position: relative;
	z-index: -1;
}
.flow_item03 .contents_area .ttl{
	font-size: 30px;
}

.flow_item03 .contents_area .img_left {
	position: absolute;
	bottom: 10px;
	left: 0;
}
.flow_item03 .contents_area .img_left img{
	width: 182px;
	height: auto;
}

.flow_item03 .contents_area .img_right img{
	width: 156px;
	height: auto;
}
.flow_item03 .contents_area .img_right {
	position: absolute;
	bottom: 10px;
	right: 0;
}


@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 540px) {
	.flow_item03 .contents_area{
	padding: 25px;
		padding-top: 50px;
}
	.flow_item03 .contents_area .img_left {
	left:-12px;
}
.flow_item03 .contents_area .img_left img{
	width: 142px;
	height: auto;
}
	.flow_item03 .contents_area .img_right {
	right: -12px;
}
	.flow_item03 .contents_area .img_right img{
	width: 112px;
	height: auto;
}
}



/*======================
利用者様の声
======================*/
.top_voice{
	padding-bottom: 65px;
	padding-left: 15px;
	padding-right: 15px;
}

.voice_wrap .head .ttl{
	display: inline-block;
	padding: 15px 60px;
	border-radius: 50px;
	font-size: 26px;
	background-color: #E2EFE4;
}
.voice_students_wrap{
	background-color: #E2EFE4;
	padding: 58px 45px;
	padding-bottom: 50px;
	margin-top: -40px;
}

@media only screen and (max-width: 768px) {
	.voice_wrap{
		max-width: 570px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	.top_voice{
	padding-bottom: 45px;
}
}

@media only screen and (max-width: 540px) {
.voice_wrap .head .ttl{
	font-size: 22px;
}
	.voice_students_wrap{
	padding: 45px 25px;
	margin-top: -35px;
}
}



/*students_item*/
.students_item{
	padding: 25px 35px;
	margin-bottom: 40px;
}
.students_item:last-of-type{
	margin-bottom: 0;
}

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

.students_item .data_area .img_area{
	width: 120px;
}
.students_item .data_area .img_area .name{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	background-color: #6EA66C;
	border-radius: 50px;
	  margin-top: -20px;
    z-index: 1;
    position: relative;
}

.students_item .data_list{
	width: 360px;
}
.students_item .data_list dl{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C9C9C9;
	font-size: 18px;
	display: flex;
	width: 100%;
}
.students_item .data_list dl:first-of-type{
	border-top: 1px solid #C9C9C9;
}
.students_item .data_list dt{
	margin-right: 30px;
}


@media only screen and (max-width: 768px) {
	.students_item .data_list{
	width: 64%;
}
}

@media only screen and (max-width: 767px) {
	.students_item .data_area{
	display: block;
}
	.students_item .data_area .img_area{
margin:  0 auto;
		margin-bottom: 20px;
}
.students_item .data_list{
	width: 100%;
	max-width: 360px;
	margin:  0 auto;
}
}

@media only screen and (max-width: 540px) {
	.students_item{
	padding: 25px 20px;
}
	.students_item .data_list dl{
	font-size: 16px;
}
	.students_item .data_list dt{
	margin-right: 20px;
}
}


.students_item .message_area{
	padding: 25px;
	padding-top: 15px;
}
.students_item .message_area .head{
	font-size: 16px;
	padding-bottom: 12px;
	position: relative;
	margin-bottom: 20px;
}
.students_item .message_area .head::after{
	content: "";
	width: 22px;
	height: 2px;
	background-color: #167B12;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.students_item .hanamaru{
	width: 38px;
	height: auto;
}

@media only screen and (max-width: 767px) {

}


/*親御様の声*/
.voice_parent {
	margin-top: 40px;
}
.voice_parent .head .ttl{
	background-color: #E2EFED;
}
.voice_parent_wrap{
	background-color: #E2EFED;
	padding: 58px 45px;
	padding-bottom: 50px;
	margin-top: -40px;
}

.parent_item{
	display: flex;
	justify-content: space-between;
	padding: 30px;
	margin-bottom: 40px;
}
.parent_item:last-of-type{
	margin-bottom: 0;
}
.parent_item .img_area img{
	width: 120px;
	height: auto;
}
.parent_item .txt_area{
	width: 360px;
}

@media only screen and (max-width: 768px) {
	.parent_item .txt_area{
	width: 64%;
}
}
@media only screen and (max-width: 767px) {
.parent_item{
	display: block;
	padding: 25px 20px;
}
	.parent_item .img_area{
		text-align: center;
		margin-bottom: 15px;
	}
	.parent_item .txt_area{
	width: 100%;
}
}
@media only screen and (max-width: 540px) {
.voice_parent_wrap{
	padding: 45px 25px;
	margin-top: -35px;
}
}


/*======================
STARTの理念
======================*/
.top_philosophy{
	background-color: #FFF0E4;
	position: relative;
}
.top_philosophy .img_sakura {
	position: absolute;
	top: 15px;
	right: 15px;
}
.top_philosophy .img_sakura img{
	width: 220px;
	height: auto;
}

.philosophy_wrap{
	padding: 45px 35px;
}

.top_philosophy .head_area{
	background-color: #F6EFD9;
	padding: 30px;
	margin-bottom: 30px;
}
.top_philosophy .head_area img{
	width: auto;
	height: 30px;
	object-fit: contain;
}

.philosophy_wrap .img_students{
	padding-left: 20px;
	margin-top: 15px;
}

@media only screen and (max-width: 767px) {
.top_philosophy .img_sakura img{
	width: 190px;
}
	.philosophy_wrap .img_students{
	padding-left: 0;
}
}
@media only screen and (max-width: 540px) {
.top_philosophy .img_sakura img{
	width: 135px;
}
	.philosophy_wrap{
	padding: 35px 25px;
}
	.top_philosophy .head_area{
	padding: 25px;
	margin-bottom: 20px;
}
	.top_philosophy .head_area img{
	height: 24px;
}
}


/*======================
講師ブログ TOP
======================*/
.top_blog{
	background-image: url("images/background_grid.png");
	background-repeat: repeat;
	background-size: 515px 390px;
	position: relative;
}

.article_wrap{
	padding: 40px 30px;
	border: 1px solid  #707070;
	background-color: #fff;
	border-radius: 12px;
}
.article_list > li{
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #C9C9C9;
}
.article_list > li:first-child{
	border-top: 1px solid #C9C9C9;
}

.article_list a{
	display: block;
}

.article_list .flex_area{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.article_list  .img_area img{
width: 185px;
	height: 128px;
	object-fit: cover;
	border-radius: 6px;
}


.article_list  .datail_area{
	width: 290px;
}
 .datail_area .date_area{
	display: flex;
	 align-items: baseline;
	 flex-wrap: wrap;
}
 .datail_area .date_area .date{
	font-size: 16px;
	margin-right: 12px;
	color: #707070;
	font-weight: 700;
}
  .category_list{
	display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}
.category_list li:last-of-type{
	margin-left: 0;
}
 .category_list span{
	    background-color:#1D5BA1;
    font-size: 13px;
    color: #fff;
    padding: 2px 15px;
    border-image: initial;
    border-radius: 50px;
}

.category_list a{
	 background-color:#1D5BA1;
    font-size: 13px;
    color: #fff;
    padding: 2px 15px;
    border-image: initial;
    border-radius: 50px;
}

.article_wrap .more_btn{
	margin-top: 40px;
}


@media only screen and (max-width: 767px) {
	.top_blog{
	background-size: contain;
}
	.article_list  .datail_area{
	width: 54%;
}
}

@media only screen and (max-width:540px) {
	.article_wrap{
	padding: 35px 25px;
}
.article_list .flex_area{
	display: block;
}
	.article_list  .img_area{
		margin-bottom: 20px;
	}
	.article_list  .img_area img{
width: 100%;
	height: 180px;
}
	.article_list  .datail_area{
	width: 100%;
}
  .datail_area .date_area{
		margin-bottom: 5px;
	}
.article_wrap .more_btn{
	margin-top: 30px;
}
}


/*======================
よくある質問
======================*/
.top_faq{
	padding-top: 65px;
}

.faq_wrap{
	background-color: #F1EDE0;
	padding-top: 40px;
	padding-bottom: 65px;
}

.faq_item{
	margin-bottom: 40px;
}
.faq_item:last-of-type{
	margin-bottom: 0;
}

.faq_item .question_area{
	padding: 20px;
	padding-right: 25px;
	display: table;
}
 .question_area .question{
	width: 58px;
	height: 58px;
	line-height: 58px;
	font-size: 32px;
	background-color: #1F8C7A;
	border-radius: 100%;
	text-align: center;
}
 .question_area .ttl{
	 width: 100%;
	font-size: 26px;
	padding-left: 20px;
	 display: table-cell;
	 vertical-align: middle;
}

@media only screen and (max-width: 767px) {
	.faq_wrap{
	padding-bottom: 45px;
}
.top_faq{
	padding-top: 45px;
}
}

@media only screen and (max-width: 540px) {
.faq_item{
	margin-bottom: 30px;
}
	 .question_area .question{
	width: 55px;
	height: 55px;
	line-height: 55px;
	font-size: 32px;
}
	 .question_area .ttl{
	font-size: 20px;
	padding-left: 15px;
}
}



.answer_area{
	padding: 20px;
	display: table;
}
.answer_area .answer{
	width: 58px;
	height: 58px;
	line-height: 58px;
	font-size: 32px;
	background-color: #CFAA42;
	border-radius: 100%;
	text-align: center;
}
.answer_area .txt{
	width: 100%;
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
}

.answer_area .inner{
	background-color: #F6F3EB;
	padding: 30px;
}
.answer_area .inner .faq_list > li{
	margin-bottom: 25px;
}
.answer_area .inner .faq_list > li:last-of-type{
	margin-bottom: 0;
}
.answer_area .inner .faq_list .txt{
	padding-left: 24px;
	position: relative;
}
.answer_area .inner .faq_list .txt::before{
	content: "";
	background-image: url("images/faq_arrow_right.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0.4em; 
	left: 0;
}


.faq_wrap .txt_btm{
	margin-top: 40px;
	font-size: 28px;
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 540px) {
.answer_area .answer{
	width: 55px;
	height: 55px;
	line-height: 55px;
}
	.answer_area .inner{
	padding: 20px;
}
	.answer_area .inner .faq_list .txt::before{
	width: 13px;
	height: 13px;
}
	.faq_wrap .txt_btm{
	margin-top: 30px;
	font-size: 20px;
}
}



/*======================
お問い合わせ
======================*/
.top_contact{
	padding-top: 65px;
}
.top_contact .main_head{
	margin-bottom: 20px;
}

.top_contact  .head_txt{
	padding-bottom: 50px;
}

.line_btn a{
	width: 440px;
	height: 98px;
	margin: 0 auto;
	background-color: #4D8F1B;
	border-radius: 12px;
	font-size: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 20px;
	font-weight: 600;
	box-shadow: 0 8px 0 #0E5F0B;
	transition: .3s;
}
.line_btn a:hover{
	transform: translateY(8px);
  box-shadow: 0 0 0 #0E5F0B;
}

.line_btn a img{
	width: 55px;
	height: auto;
	margin-right: 15px;
}

.form_wrap{
	padding-top: 50px;
	padding-bottom: 65px;
}

@media only screen and (max-width: 767px) {
	.top_contact{
	padding-top: 45px;
}
	.line_btn a{
		 width: 328px;
        height: 74px;
        font-size: 22px;
        box-shadow: 0 5px 0 #0E5F0B;
	}
	.line_btn a img{
	width: 32px;
}
}



/*======================
下層ここから
======================*/
/*======================
blog_archive
======================*/
.back_grid{
	background-image: url("images/background_grid.png");
	background-repeat: repeat;
	background-size: 515px 390px;
	position: relative;
}

.blog_archive{
	margin-top: 88px;
	padding-top: 30px;
	padding-bottom: 65px;
}

.under_ttl_wrap{
	background-color: #F6EFD9;
	border-radius: 70px;
	padding: 20px 60px;
	margin-bottom: 35px;
	position: relative;
}
.under_ttl .ttl_en{
	font-size: 16px;
	font-weight: 800;
}
.under_ttl .ttl{
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
}
.pankuzu_list{
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	font-weight: 600;
}

.under_ttl_wrap .img_area{
	position: absolute;
	bottom: 15px;
	right:55px;
}
.under_ttl_wrap .img_area img{
	width: 130px;
	height: auto;
}

.blog_archive .article_wrap{
	margin-bottom: 50px;
}


@media only screen and (max-width: 767px) {
	.back_grid{
	background-size: contain;
}
}

@media only screen and (max-width: 540px) {
	.blog_archive{
	margin-top: 80px;
}
	.blog_archive .article_wrap{
	margin-bottom: 40px;
}

	.under_ttl_wrap{
	padding: 20px 40px;
}
	.under_ttl .ttl_en{
	font-size: 14px;
}
.under_ttl .ttl{
	font-size: 26px;
}
	.under_ttl_wrap .img_area{
	position: absolute;
	top: -15px;
	right:24px;
		bottom: inherit;
}
	.under_ttl_wrap .img_area img{
	width: 100px;
	height: auto;
}

}



/*category_wrap*/
.category_wrap{
	    padding: 40px 30px;
    border: 1px solid #707070;
    background-color: #fff;
    border-radius: 12px;
}
.category_wrap .main_head .ttl_en{
	font-size: 12px;
}
.category_wrap .main_head .ttl{
	font-size: 26px;
	padding-bottom: 6px;
}
.category_wrap .main_head img{
	width: 42px;
	height: auto;
}


.article_cat_list {
	max-width: 430px;
	margin: 0 auto;
}
.article_cat_list li{
		border-bottom: 1px solid #C9C9C9;
}
.article_cat_list li:first-child{
		border-top: 1px solid #C9C9C9;
}

.article_cat_list a{
	font-family: "Zen Kaku Gothic New", sans-serif;
	display: block;
	font-size: 20px;
	font-weight: 700;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
		transition: all .3s;
}
.article_cat_list a::after{
	content: "";
	background-image: url("images/icon/arrow_right_circle.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 24px;
	height: 24px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.article_cat_list a:hover{
	color: #1D5BA1;
}

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 540px) {
	.category_wrap .main_head .ttl{
	font-size: 22px;
}
	.category_wrap{
	    padding: 35px 25px;
}
	.article_cat_list a{
	font-size: 18px;
}
	.article_cat_list a::after{
	width: 18px;
	height: 18px;
}
}


/*======================
single
======================*/
.datail_wrap{
	margin-top: 30px;
}
.datail_wrap .article_ttl{
	margin-top: 10px;
}
.datail_wrap .article_ttl h1{
	font-size: 24px;
}

/*datail_body*/
.datail_body{
	padding-top: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #C9C9C9;
}

.datail_body .eyecatch_area{
	margin-bottom: 40px;
}
.datail_body .eyecatch_area img{
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.datail_body p{
	font-size: 18px;
	margin-bottom: 30px;
}

.datail_body ul{
	padding-left: 25px;
	margin-bottom: 30px;
}
.datail_body ul li{
	list-style: disc;
	font-size: 18px;
}

.datail_body a{
	word-break: break-all;
	 color: #2259C7;
	text-decoration: underline;
}
.datail_body a:hover{
	text-decoration: none;
}

.datail_body table{
	font-size: 18px;
}

.datail_body figure img{
	margin-bottom: 30px;
	width: 100%;
}

.datail_body h2{
	font-size: 24px;
	font-weight: 700;
	margin-top: 60px;
	margin-bottom: 20px;
	padding: 20px 25px;
	border-radius: 6px;
	background-color: #F6EFD9;
}

.datail_body h3{
	font-size: 22px;
	font-weight: 700;
	color: #1D5BA1;
	border-left: 4px solid 	#1D5BA1;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 25px;
}

.article_btn a{
	display: block;
	width: 255px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 2px;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 50px;
	text-align: center;
	background-color: #4E4E4E;
	border: 1px solid #4E4E4E;
	transition: .3s;
}

@media only screen and (max-width: 540px) {
	.datail_wrap .article_ttl h1{
	font-size: 20px;
}
	.datail_body .eyecatch_area{
	margin-bottom: 30px;
}
	.datail_body p{
	font-size: 14px;
		margin-bottom: 20px;
}
	.datail_body h2{
	font-size: 20px;
	margin-top: 40px;
	padding: 15px 20px;
}
	.datail_body h3{
	font-size: 18px;
		padding-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.article_btn a{
	font-size: 14px;
}
	.datail_body ul{
		margin-bottom: 20px;
	}
	.datail_body ul li{
	font-size: 14px;
}
	
	.datail_body table{
	font-size: 14px;
}
}



/*======================
thanks
======================*/
.thanks{
	padding-top: 180px;
	padding-bottom: 120px;
}
.thanks_wrap h2{
	font-size: 36px;
	margin-bottom: 40px;
}
.thanks_wrap .txt_area{
	margin-bottom: 40px;
}

.thanks_wrap a{
	width: 300px;
	padding: 20px;
}

@media only screen and (max-width: 540px) {
	.thanks{
		padding-top: 140px;
		padding-bottom: 80px;
}

.thanks h2{
	font-size: 26px;
}
.thanks .txt{
	margin-bottom: 30px;
}

}


/*======================
footer
======================*/
.footer{
	background-color: #14315C;
	padding-top: 46px;
	padding-bottom: 46px;
}

.footer .inner_wrap{
	max-width: 245px;
	margin: 0 auto;
}

.footer .inner_wrap .footer_logo{
	margin-bottom: 30px;
}
.footer .inner_wrap .footer_logo img{
	width: 140px;
	height: auto;
}

.footer .inner_wrap .footer_info p{
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 10px;
}
.footer .inner_wrap .footer_info p:last-of-type{
	margin-bottom: 0;
}

.copy{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #639ADF;
}

@media only screen and (max-width: 767px) {

}


@media only screen and (max-width: 540px) {
.footer .inner_wrap .footer_logo img{
	width: 100px;
	height: auto;
}
}