@media screen and (max-width:  767px) {
body{padding: 0px; width: 100%; min-width: 100%; overflow-x: hidden; word-wrap: break-word;}
.pc-none{display: block !important;}
.sp-none{display: none !important;}
img {width: 100%; margin: 0; padding: 0; vertical-align: bottom;}
.font_b2 {font-size: 1.3em;}
/* =========================================================
		KV
========================================================= */
.kv_area_base{position: relative; background: none;}
.kv_area{padding:0 0 0; max-width: inherit; width: 100%; margin: 0 auto; height: inherit;}
.kv_area .kv_logo{width: 100%; padding: 0;}
.kv_maincopy{padding: 12px 0; letter-spacing: 1px;}
.kv_maincopy h3{font-size: 20px;}


	
	
/* =========================================================
		ibj_package
========================================================= */
.contents{width: 90%; max-width: inherit; margin: 0 auto; padding: 10% 0 10%;}
#ibj_package .m_copy1{font-size: 20px; line-height: 1.7; padding-bottom: 7%;}
#ibj_package .m_copy2{font-size: 24px; line-height: 1.7; display: table; margin: 7% auto 9%; padding-top: 6%; padding-left: 0; letter-spacing: 0.5px;}
#ibj_package .m_copy2:before {
    background-image: url("../img/IBJlogo.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 32px;
    left: 37.5%;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    width: 25%;
}

.pack_point_con{display: block;}
.pack_point_con .pack_point1{width: 94%; margin: 0 auto 7%; border: 2px solid #114786; border-radius: 20px; height: auto;}
.pack_point_con .pack_point1 .ttl{background: #114786; padding: 12px 0;  border-radius: 18px 18px 0 0;}
.pack_point_con .pack_point1 .ttl img{width: 62%; padding-left: 4%;}
.pack_point_con .pack_point1 .price1{width: 92%; margin: 15px auto 15px;}
.pack_point_con .pack_point1 .price1_copy{font-size: 16px;}
.pack_point_con .pack_point1 .price1_copy span{font-size: 1.25em; color: #e31e23;letter-spacing: 0; line-height: 1.4;}
.pack_point_con .pack_point1 .price1_att{font-size: 12px; padding: 8px 0 5%; letter-spacing: 0;}
.pack_point_con .pack_point1 .point_icon{width: 24%; position: absolute; top: -15px; left: -20px;}

.pack_point_con .pack_point1.line{border: 2px solid #2dad38;}
.pack_point_con .pack_point1.line .ttl{background: #2dad38;}
.pack_point_con .pack_point1.line .line_copy{font-size: 20px; line-height: 1.45; text-align: center; padding: 12px 0 12px;}
.pack_point1.line .linemenu{ width: 88%; margin: 0 auto 7%; display: flex; justify-content: space-between;}
.pack_point1.line .linemenu .l_copy{font-size: 15px; line-height: 1.7; width: 58%;}
.pack_point1.line .linemenu .l_copy span{color: #2dad38;}
.pack_point1.line .linemenu .l_menu_pic{width: 40%;}

.pack_sub_copy1{font-size: 18px; line-height: 1.7; padding: 1% 0 5%; text-align: center;}
.pack_sub_copy1 span{font-size: 1.15em; color: #e31e23;}
.pack_sub_ttl{display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 1.3;
font-size: 14px;
margin-bottom: 10px;
	text-align: center;}
.pack_sub_ttl::before,.pack_sub_ttl::after {
  width: 1px;
  height: 33px;
  content: "";
  background-color: #444;
font-weight: 600;
}

.pack_sub_ttl::before {
  margin-right: 0.9em;
  transform: rotate(-30deg);
}

.pack_sub_ttl::after {
  margin-left: 0.9em;
  transform: rotate(30deg);
}


.pack_link{margin: 0 auto 5%;}



/* =========================================================
		price
========================================================= */
#price h2 {font-size: 22px; padding-bottom: 6%;}
#price .contents{padding: 10% 0 10%; max-width: inherit;}

.price_area{ background: #fff; border-radius: 20px; padding: 8% 8%; }
.pricemenu_min{font-size: 20px; display: block;}
	
.pricemenu_min dt {width: 100%; font-size: 20px; padding-bottom: 3%;}
.pricemenu_min dd{width: 100%;}
.pricemenu_min dt span{font-size: 0.9em; letter-spacing: 0;}
.pricemenu_min dd {position: relative; font-size: 14px;}
.pricemenu_min dd span{font-size: 2.5em; letter-spacing: -1px; line-height: 1;}
.pricemenu_min dd::after {display: none;}
.regular_price{font-size: 12px; letter-spacing: 0;}
.price_copy{font-size: 15px;padding: 10px 0 3px;}
.price_att{font-size: 11px; letter-spacing: 0;}
.price_con1{margin: 0 auto 8%; padding-bottom: 8%; border-bottom: 1px solid #ccc;}
.years_price{font-size: 14px; padding: 5px 0; line-height: 1.4;}
.years_price span{font-size: 1.6em !important;}
.years_att{font-size: 11px;}



.price_mcopy{font-size: 18px; line-height: 1.7; padding: 8% 0 0; letter-spacing: 0.5px;}
.price_mcopy span{font-size: 1.1em;}
	


/* =========================================================
		contact
========================================================= */
#contact{padding-bottom: 0;}
#contact h2{font-size: 22px; padding-bottom: 8%;}

.contact_txt1{font-size: 15px; padding-bottom:7px}
.contact_txt2{font-size: 15px; padding-bottom:7px}
.contact_link, .faq_link{margin: 0 auto 7%;}
.btn1{
    padding: 12px 0;
	width: 100%;
	font-size: 18px;
	line-height: 1.4;
	transition: all .3s;
	position: relative;
    }
.contact_link .btn1:after{
	    content: "";
    width: 10px;
    height: 10px;
    border-bottom-style: initial;
    border-left-style: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 9%;
    margin-top: -5px;
    border-width: 2px 2px 0px 0px;
    border-image: initial;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.faq_link a{display: block;
    padding: 18px 0 18px 28px;
    width: 54%;
    text-align: center;
    background: #333;
    color: #FFF;
    text-decoration: none;
	font-size: 22px;
	border-radius: 4em;
	margin: 0 auto;
	font-weight: 600;
	line-height: 1;
	transition: all .3s;
	position: relative;}

.ibj_link {
    margin-bottom: 9%;
}
.ibj_link a{background: #164a8c; width: 82%; padding: 12px 0 12px 18%;}
.ibj_link a span{padding-left: 0;}	
.ibj_link a:before{
	    background-image: url("../img/ibj_logo_w.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 36px;
    left: 14%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 58px;
	
}

	.preparation{font-size: 36px; text-align: center; margin: 100px auto 60px; width: 90%;}
.preparation_link a{width: 70%; margin-bottom: 100px; font-size: 18px; padding: 18px 0;}
.preparation_link a:before{display: none;}	
/*========- footer ================*/
footer{padding: 8% 0;}
.footer_inner{max-width: inherit; width: 90%; margin: 0 auto; display: block;}
.footer_txt{font-size: 11px; line-height: 1.5;}
.footer_inner .f_logo{width: 90px; margin:20px auto 0;}

.copyr{font-size: 11px; text-align: center; letter-spacing: 0; padding-top: 20px;}
	
/*========- sp beside================*/	
@media (orientation: landscape){
	#ibj_package .m_copy2 {padding-left: 15%;}
.ibj_link a:before{left: 33%;}
	.faq_link a:before{ left: 34%;}
	}

	
	
	
}	
	
	
	
