@charset "utf-8";

h2,h3,p{
	letter-spacing: 0;
}

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

div#plan2{    
	left: 18%;
    position: relative;
    }

.main_title{
	font-size: 26px;
	font-size: 2.6rem;
	padding-bottom: 30px;
}

.sub_title{
	font-size: 26px;
	font-size: 2.6rem;
	padding-bottom: 20px;
	padding-top: 0px;
	letter-spacing: 0;
}

.section1{
	margin: 0 auto 20px;
	text-align: center;
}


.section2{
	width: 900px;
	margin: 40px auto 80px;
}

.section2 h3{
	text-align: center;
	padding-bottom: 30px;
}

.planbox{
	width: 33.3%;
	float: left;
	text-align: center;
	margin-right: 25%;
    margin-left: -10%;
}

.planbox.r{
	float: right;
}

.planbox .type{
	padding-top: 5px;
	height: 20px;
}

.planbox .type_info{
	border: 1px solid #333;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 12px;
	font-size: 1.2rem;
}

.planbox .type_sub{
	font-size: 12px;
	font-size: 1.2rem;
}


.section3{
	width: 890px;
	margin: 0 auto 80px;
}

.section3 .sub_title{
	padding-bottom: 10px;
}

.section3 p{
	padding-bottom: 15px;
}

.icon{
	margin-right: 10px;
	margin-bottom: 10px;
}

.icon img{
}

}


@media print{
.icon img{
	width: 95%;
	height: auto;
}
}



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

div#plan2{    
	left: 18%;
    position: relative;
    }

.section1{
	width: 94%;
}

.section2{
	width: 94%;
	margin: 0 auto 40px;
}

.planbox .type_info{
	margin-left: 5px;
	margin-right: 5px;
}

.section3{
	width: 94%;
	margin: 0 auto 40px;
	top: -30px;
}


.icon{
	margin-right: 10px;
	margin-bottom: 10px;
}



.caption_l{
	width: 92%;
}


}




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

.main_title{
	letter-spacing: 0;
	font-size: 20px;
	font-size: 2.0rem;
	padding-bottom: 20px;
}

.sub_title{
	width: 94%;
	padding-top: 30px;
	padding-bottom: 10px;
}

.section1{
	width: 92%;
	margin: 0 auto;
}

.section1 img{
	width: 100%;
	height: auto;
}

.section2{
	width: 92%;
	margin: 0 auto;
}

.section2 h3{
	text-align: center;
}

.planbox{
	width: 100%;
	margin: 20px auto 40px;
	text-align: center;
}

.planbox .type_img{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.planbox.a .type_img{
	background: url(../images/plan/plan_a_sp.jpg) center 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.planbox.bb .type_img{
	background: url(../images/plan/plan_b_sp.jpg) center 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.planbox.c .type_img{
	background: url(../images/plan/plan_c_sp.jpg) center 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.planbox .type{
	padding-top: 10px;
}

.planbox .type_info{
	border: 1px solid #333;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

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

.section3{
	width: 92%;
	margin: 0 auto 40px;
}

.section3 p{
	padding-bottom: 15px;
}

.section3 img{
	width: 100%;
	height: auto;
}

.icon{
	margin-bottom: 10px;
}

}