@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
#plan_detail { padding: 50px 0; }
#plan_detail .inner { max-width: 1000px; }
#plan_detail .planDetail_inner .planDetail_specs_box { width: 50%; padding-right: 5%; padding-top: 50px; }
#plan_detail .planDetail_inner .planDetail_drawing_box { width: 50%; }
#plan_detail .planDetail_inner .plan_info { color: #007A90; }
#plan_detail .planDetail_inner .plan_info .type_name { width: 100px; border-right: 1px solid #D6D6D6; font-size: 16px; line-height: 1.2; text-align: center; }
#plan_detail .planDetail_inner .plan_info .type_name b { font-size: 47px; font-weight: 400; line-height: 1; text-align: center; display: block; }
#plan_detail .planDetail_inner .plan_info .area_number { width: calc(100% - 100px); padding-left: 25px; }
#plan_detail .planDetail_inner .plan_info .number_01 { font-size: 20px; }
#plan_detail .planDetail_inner .plan_info .number_01 b { font-size: 33px; font-weight: 400; line-height: 1.2; }
#plan_detail .planDetail_inner .plan_info .number_02 { font-size: 14px; }
#plan_detail .planDetail_inner .plan_info .number_02 span { font-size: 24px; line-height: 1.2; }
#plan_detail .planDetail_inner .plan_info .number_02 span b { font-size: 33px; font-weight: 400; }
#plan_detail .page_back { max-width: 250px; width: 100%; margin: 50px auto 0; }
#plan_detail .page_back a { display: block; background: #fff; color: #007A90; text-align: center; padding: 10px 0; }
@media only screen and (max-width: 767px) { #plan_detail { padding: 30px 0; }
  #plan_detail .planDetail_inner .planDetail_specs_box { width: 100%; padding-right: 0; padding-top: 0; }
  #plan_detail .planDetail_inner .planDetail_drawing_box { width: 100%; margin-top: 20px; } }