@import url(https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,500);

#lp-sp-old { margin: auto; padding-bottom: 150px; width: 960px; line-height: 1.75;}
#lp-sp-old img { display: initial; max-width: 100%; vertical-align: middle;}

@media only screen and (max-width: 979px) {
    #lp-sp-old { width: 100%;}
}

#lp-sp-old .cfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ".";}
#lp-sp-old .cfix { min-height: 1px;}
#lp-sp-old .sp_main { overflow: hidden;}
#lp-sp-old #brand-main { text-align: center; letter-spacing: 0.05em; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;}
#lp-sp-old #brand-main .readtext { text-align: center; font-size: 16px; line-height: 1.7;}
#lp-sp-old #brand-main li { list-style: none;}
#lp-sp-old #brand-main h2 { margin-bottom: 2%; font-weight: bold; font-size: 24px;}
#lp-sp-old #brand-main h3 { margin: 100px auto 20px; font-weight: bold; font-size: 24px; line-height: 1.8;}
#lp-sp-old #brand-main .center a { margin: 0 auto !important; padding: 16px 0 14px; width: 38%; border: 1px solid #000; background-color: #fff; color: #000; font-size: 15px;}
#lp-sp-old #brand-main div.top_area { margin-bottom: 4%;}
#lp-sp-old #brand-main .top_img { margin-bottom: 5%;}
#lp-sp-old #brand-main div.sec_txt { margin: 0 auto;}
#lp-sp-old #brand-main ul.sec_txt { margin: 30px auto 0; width: 85%;}
#lp-sp-old #brand-main ul.sec_txt li { display: flex; margin-bottom: 0;}
#lp-sp-old #brand-main ul.sec_txt li p { text-align: center; font-size: 14px; line-height: 1.7;}
#lp-sp-old #brand-main ul.sec_txt .point { margin-right: 50px; color: #80344e; letter-spacing: 0.2em; font-size: 30px; font-family: Times New Roman;}
#lp-sp-old #brand-main ul.sec_txt .point span { font-size: 40px;}
#lp-sp-old #brand-main ul.sec_txt .poin_txt { padding-top: 12px; letter-spacing: 0.1em; font-size: 16px; line-height: 1.7; text-align: left; }
#lp-sp-old #brand-main div.item { margin-top: 40px;}
#lp-sp-old #brand-main .navi_area ul { display: flex; list-style: none; flex-wrap: wrap; justify-content: space-evenly;}
#lp-sp-old #brand-main .navi_area ul li { margin-right: 14px; width: calc((100% - 42px)/3);}
#lp-sp-old #brand-main .navi_area ul li:last-of-type { margin-right: 0;}
#lp-sp-old #brand-main .navi_area a { display: inline-block; padding: 20px 0; width: 100%; border: 1px solid #c8c8c8; color: #000; font-weight: bold; font-size: 18px; font-family: futura-pt, sans-serif;}
#lp-sp-old #brand-main .navi_area ul li img { margin-right: 12px; width: auto;}
#lp-sp-old #brand-main .sec_list li { margin-bottom: 50px;}
#lp-sp-old #brand-main .sec_list li:last-of-type { margin-bottom: 0;}
#lp-sp-old #brand-main .sec_list p { text-align: center; font-size: 16px; line-height: 1.7;}
#lp-sp-old #brand-main .sec_img { margin: 20px auto; width: auto;}
#lp-sp-old #brand-main .movie_area { margin: 0 auto 20px; max-width: 800px;}
#lp-sp-old #brand-main .movie { position: relative; padding-top: 56.25%; width: 100%; height: 0;}
#lp-sp-old #brand-main .movie iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
#lp-sp-old #HISTORY,
#lp-sp-old #PRODUCT,
#lp-sp-old #MAINTENANCE { margin-top: -30px; padding-top: 30px;}
#lp-sp-old #PRICE { margin-top: 0px; padding-top: 0px; padding-bottom: 80px;}
.vsm_area { margin: 20px 0;}
#lp-sp-old #brand-main .vsm_area h2 { display: none;}

@media only screen and (max-width: 767px) {
    #lp-sp-old #brand-main .readtext { letter-spacing: 0; font-size: 14px; line-height: 1.6;}
    #lp-sp-old #brand-main section { margin-bottom: 20px;}
    #lp-sp-old #brand-main h2 { margin-bottom: 20px; font-size: 18px;}
    #lp-sp-old #brand-main h3 { margin:40px auto 20px;  font-size: 18px;}
    #lp-sp-old #brand-main .center a { padding: 14px 0; width: 100%; font-size: 14px;}
    #lp-sp-old #brand-main div.top_area { margin-bottom: 30px;}
    #lp-sp-old #brand-main .top_img { margin-bottom: 30px;}
    #lp-sp-old #brand-main div.sec_txt { width: 100%;}
    #lp-sp-old #brand-main .sec_item_txt { margin: 20px auto 0; width: 95%;}
    #lp-sp-old #brand-main div.item { margin: 30px auto 0; width: 90%;}
    #lp-sp-old #brand-main .navi_area { margin-bottom: 50px;}
    #lp-sp-old #brand-main .navi_area ul { display: block; margin: 0 auto; width: 70%;}
    #lp-sp-old #brand-main .navi_area ul li { margin-bottom: 12px; width: 100%;}
    #lp-sp-old #brand-main .navi_area ul li:last-of-type { margin-bottom: 0;}
    #lp-sp-old #brand-main .navi_area a { padding: 16px 0; font-size: 18px;}
    #lp-sp-old #brand-main .sec_list li { margin-bottom: 50px;}
    #lp-sp-old #brand-main .sec_list p { font-size: 14px; margin: 0px auto 10px;}
    #lp-sp-old #brand-main .sec_img { width: 95%; margin: 0px auto 20px;}
    #lp-sp-old #brand-main ul.sec_txt li p { letter-spacing: 0; font-size: 12px; line-height: 1.6;}
    #lp-sp-old #brand-main ul.sec_txt { width: 90%;}
    #lp-sp-old #brand-main ul.sec_txt .point { margin-right: 20px; letter-spacing: 0.05em; font-size: 16px;}
    #lp-sp-old #brand-main ul.sec_txt .point span { font-size: 24px;}
    #lp-sp-old #brand-main ul.sec_txt .poin_txt { padding-top: 6px; letter-spacing: 0.1em; line-height: 1.5; font-size: 12px;}
    #lp-sp-old #HISTORY,
    #lp-sp-old #PRODUCT,
    #lp-sp-old #MAINTENANCE { margin-top: -100px; padding-top: 100px;}
    #lp-sp-old #PRICE { margin-top: 0px; padding-top: 5px; padding-bottom: 70px;}
}