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



.title {
	position: relative;
	text-align: center;

}


.title__img{
  width:  100%;
  height:auto;
  overflow: hidden;
	}
.title__img img{
     width: 100%;
   }

.main_text_after {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 70%;
	padding:30px;
	background : rgba(0,0,0,0.5);
}


@media screen and (max-width: 992px){
	.main_text_after {

width: 80%;

}

.title__img{
  height: auto;
	  width: auto;
	}
}

.title__img img{
     width: 80%;
   }



.main_text_after h2 {
	  font-size:24px;
	  letter-spacing:2px;
	  margin-bottom:10px;
		  width:100%;

	    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
			  line-height:40px;
	color: #FFFFFF;

}
.main_text_after h6 {
	  font-size:16px;
	  letter-spacing:2px;
	  margin-bottom:24px;
		  width:100%;
line-height:20px;
	color: #fff;

}
.main_text_after p {
	  font-size:18px;
	  letter-spacing:1px;
	  line-height:40px;
	  width:100%;
	  margin-left:auto;
	  margin-right:auto;
	  text-align:center;	
		color: #FFFFFF;
	 font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}


@media screen and (max-width: 767px){
	.title__img img{
     width: 82%;
   }
	
	.main_text_after {
	
	width: 90%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
}
.main_text_after h2 {
	  font-size:20px;
		line-height:34px;

}
	
	.main_text_after p {
	  font-size:16px;
	  line-height:34px;
	  
}
}






/* ==========================================================================
plan
========================================================================== */

#plan{
	padding-bottom: 70px;
	padding-top: 70px;

  }


#plan h3{
	margin-top: 20px;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 600;
	text-align: center;

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

#plan h3{
	margin-top: 0px;
	
  }
	 }

#plan p {
	text-align:left;
	letter-spacing:0.5px;
	  font-size:14px;
	  line-height:24px;
	  margin-top:15px;
	  padding-left: 10px;
	  padding-right: 10px;
	color: #424242;
	margin-bottom: 20px;
}

#plan h6 {
	text-align:center;
	letter-spacing:0.5px;
	  font-size:14px;
	  line-height:14px;
	  padding-left: 10px;
	  padding-right: 10px;
	  color: #bca2a0;
	margin-bottom: 20px;
	padding-bottom: 20px;
}







.box_plan {
margin-bottom:30px;
	margin-top: 30px;
	float: left;
  }
 
  .box_plan img {
	  width:100%;
	  height:auto;
	  padding-left: 10px;
	  padding-right: 10px;

  }
  .plan_border {
	  margin-bottom: 30px;
	  padding-top: 50px;
	  width: 100%;
	  border-bottom: 2px solid #F3EBEC;
	  	clear: both;

  }