@charset "utf-8";
/* ========================================
   BAGUS Framework 2.0
======================================== */

/* Common */
h4.content-detail,h4.rental-title,h4.service-title,h4.sitemap-title,h4.legal-title,h4.step-title,h4.selection-point,h4.bagus-title,h4.litaheart-title,h4.manual-title{font-size:1.4rem;font-weight:500;line-height:1.6;margin:60px 0 25px;padding:0 0 0 24px;position:relative}
h4.content-detail:before,h4.rental-title:before,h4.service-title:before,h4.sitemap-title:before,h4.legal-title:before,h4.step-title:before,h4.selection-point:before,h4.bagus-title:before,h4.litaheart-title:before,h4.manual-title:before{content:"";width:4px;height:36px;position:absolute;left:0;background:linear-gradient(#333 0% 70%,#bbb 70% 100%);border-radius:4px}
h4.bagus-title:before{background:linear-gradient(#8b6d46 0% 70%,#bbb 70% 100%)}

/* Standard Heading */
h4.content-detail,h4.sitemap-title{border-bottom:1px solid #ddd;padding:18px 0 14px 22px}
h4.content-detail:before,h4.sitemap-title:before{top:50%;transform:translateY(-50%)}

/* Numbered Heading Common */
h4.rental-title,h4.service-title,h4.sitemap-title,h4.legal-title,h4.step-title,h4.selection-point,h4.bagus-title,h4.litaheart-title,h4.manual-title{border-bottom:1px solid #ddd;padding:22px 0 14px 22px}
h4.rental-title:before,h4.service-title:before,h4.sitemap-title:before,h4.legal-title:before,h4.step-title:before,h4.selection-point:before,h4.bagus-title:before,h4.litaheart-title:before,h4.manual-title:before{top:20px;transform:none}
h4.rental-title:after,h4.service-title:after,h4.sitemap-title:after,h4.legal-title:after,h4.step-title:after,h4.selection-point:after,h4.bagus-title:after,h4.litaheart-title:after,h4.manual-title:after{font-family:Arial,sans-serif;font-size:.65rem;font-weight:400;position:absolute;top:0;left:24px;letter-spacing:.1em;color:#999}
h4.bagus-title:after{color:#8b6d46}

/* RENTAL */
#OnlineServices{counter-reset:rental}
h4.rental-title{counter-increment:rental}
h4.rental-title:after{content:"RENTAL " counter(rental,decimal-leading-zero)}

/* SERVICE */
.service-section{counter-reset:service}
h4.service-title{counter-increment:service;text-align:left}
h4.service-title:after{content:"SERVICE " counter(service,decimal-leading-zero)}

/* SITEMAP */
.sitemap_tree{counter-reset:category}
h4.sitemap-title{counter-increment:category}
h4.sitemap-title:after{content:"CATEGORY " counter(category,decimal-leading-zero)}

/* LEGAL */
.legal-matters{counter-reset:legal}
h4.legal-title{counter-increment:legal}
h4.legal-title:after{content:"LEGAL " counter(legal,decimal-leading-zero)}

/* STEP */
.step-section{counter-reset:step}
h4.step-title{counter-increment:step}
h4.step-title:after{content:"STEP " counter(step,decimal-leading-zero)}

/* POINT */
.selection{counter-reset:point}
h4.selection-point{counter-increment:point}
h4.selection-point:after{content:"POINT " counter(point,decimal-leading-zero)}

/* MANUAL */
.manual-guide{counter-reset:manual}
h4.manual-title{counter-increment:manual}
h4.manual-title:after{content:"MANUAL " counter(manual,decimal-leading-zero)}

/* Lita Heart */
h4.litaheart-title:after{content:"Lita Heart International"}

/* BAGUS */
h4.bagus-title:after{content:"正規取次店 BAGUS Inc."}

/*     Desktop 1440px
----------------------------------------*/
@media screen and (max-width:1440px){

h4.litaheart-title,h4.bagus-title{font-size:1.35rem}

}

/*     Tablet 1023px
----------------------------------------*/
@media screen and (max-width:1023px){

h4.litaheart-title,h4.bagus-title{font-size:1.4rem}

}

/*     Tablet 834px
----------------------------------------*/
@media screen and (max-width:834px){

/* Product Services */
#ProductServices h4{font-size:1.15rem;text-align:center}

h4.litaheart-title,h4.bagus-title{font-size:1.35rem}

}

/*     Breakpoint 640px
----------------------------------------*/
@media screen and (max-width:640px){

h4.litaheart-title,h4.bagus-title{font-size:1.4rem}

}

/*     Smartphone 440px
----------------------------------------*/
@media screen and (max-width:440px){

/* Common */
h4.content-detail,h4.rental-title,h4.service-title,h4.sitemap-title,h4.legal-title,h4.step-title,h4.selection-point,h4.litaheart-title,h4.bagus-title,h4.manual-title{font-size:1.25rem;padding-left:16px}

/* Numbered Heading Common */
h4.rental-title:after,h4.service-title:after,h4.sitemap-title:after,h4.legal-title:after,h4.step-title:after,h4.selection-point:after,h4.litaheart-title:after,h4.bagus-title:after{left:16px}

}

/*     Smartphone 375px
----------------------------------------*/
@media screen and (max-width:375px){

/* Common */
h4.content-detail,h4.rental-title,h4.service-title,h4.sitemap-title,h4.legal-title,h4.step-title,h4.selection-point,h4.litaheart-title,h4.bagus-title,h4.manual-title{font-size:1.2rem}

}

/*     Smartphone 360px
----------------------------------------*/
@media screen and (max-width:360px){

/* Common */
h4.content-detail,h4.rental-title,h4.service-title,h4.sitemap-title,h4.legal-title,h4.step-title,h4.selection-point,h4.litaheart-title,h4.bagus-title,h4.manual-title{font-size:1.1rem}

}

/*     Smartphone 320px
----------------------------------------*/
@media screen and (max-width:320px){

/* Common */
h4.content-detail,h4.rental-title,h4.service-title,h4.sitemap-title,h4.legal-title,h4.step-title,h4.selection-point,h4.litaheart-title,h4.bagus-title,h4.manual-title{font-size:1rem}

}