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

/* Table (Horizontal Scrolling) */
.TableGuide-wrap{position:relative;margin-bottom:70px;-webkit-overflow-scrolling:touch;overflow-x:auto}
.TableGuide-wrap .table-price,.TableGuide-wrap .table-explanatory{min-width:720px;margin:0 0 30px}
.TableGuide-wrap:after{content:"左右にスクロールしてご覧ください。";text-align:center;color:#8b6b00;font-size:.9rem;display:none}

/* Common */
.table-base{width:100%;margin:0;border-collapse:collapse;background:#fff;border-top:2px solid #8b6d46;border-bottom:2px solid #8b6d46}
.table-base th,.table-base td{font-size:1rem;line-height:1.8;border-bottom:1px solid #e6e0d8}
.table-base tbody tr:last-child th,.table-base tbody tr:last-child td{border-bottom:none}
.table-base thead th{font-size:1rem;font-weight:500;text-align:center;color:#8b6d46;background:#f8f5f1}

/* Price Table */
.table-price th,.table-price td{padding:24px}
.table-price thead th{padding:24px 0}
.table-price tbody th{width:auto;font-weight:500;text-align:center;background:#fcfaf7}
.table-price tbody td{font-weight:500;text-align:right;padding-left:0;padding-right:0}
.table-price strong{font-size:2rem;font-weight:500;letter-spacing:.02em;margin-right:-8px;color:#e85d24}
.table-price span{font-size:.9rem;margin-left:.2em;color:#666}

/* Explanatory Table */
.table-explanatory{margin-bottom:20px}
.table-explanatory th{text-align:center;padding:24px 0}
.table-explanatory tbody th{width:auto;font-weight:500;text-align:left;padding:24px;background:#fcfaf7}
.table-explanatory tbody td{padding:24px 0 24px 24px;font-weight:500}
.table-explanatory #CEO,.table-explanatory #SMD,.table-explanatory #E-mail{display:inline}
.table-explanatory .circle{margin:0 0 -10px}

/* 2 Columns */
.table-2col tbody th{width:30%}
.table-2col tbody td{width:70%}

/* 3 Columns */
.table-3col th,.table-3col td{width:33.333%}

/*  Scroll */
.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}

/* ----------------------------------
   Each Page
---------------------------------- */

/* Table Price (Common) */
#fee .table-price tbody th{width:160px}

/* Application */
#application .table-explanatory tbody th{width:160px}

/* Cancellation */
#Cancellation .table-explanatory th,#Return .table-explanatory th{width:150px;padding:24px 0;text-align:center}
#Cancellation .table-explanatory td,#Return .table-explanatory td{font-weight:400}
#Cancellation .key-points,#Return .key-points{margin-bottom:20px}
.contact-method,.addition-etc{margin:20px auto 0}
.contact-method li,.addition-etc li{position:relative;margin-bottom:15px;padding-left:32px;line-height:1.8;background-repeat:no-repeat;background-position:0 .2em;background-size:24px}
.contact-method .TEL{background-image:url("../images/icon_TEL.webp")}
.contact-method .FAX{background-image:url("../images/icon_FAX.webp")}
.contact-method .WEB{background-image:url("../images/icon_WEB.webp")}
.addition-etc .YEN{background-image:url("../images/icon_YEN.webp")}
.contact-method a:hover{text-decoration:underline} 
#RentalPurchaseComparison .table-explanatory,#RentalPurchaseComparison .table-explanatory tbody th{text-align:center}
#RentalPurchaseComparison tbody th{width:100px;padding:24px 0}
#RentalPurchaseComparison tbody td.YEN{text-align:left;padding-left:24px}
#RentalPurchaseComparison .circle{font-weight:400}
#RentalPurchaseComparison .table-explanatory td{padding:24px 10px;border-left:1px solid #e6e0d8}
#RentalPurchaseComparison strong{font-size:1.4rem;font-weight:500}
#RentalPurchaseComparison .red{display:block;font-size:.9rem;margin-top:5px}
#RentalPurchaseComparison .addition-etc .YEN{font-weight:500;margin:0 0 10px -9px;padding-left:27px;color:#d9a600}
#RentalPurchaseComparison .addition-etc .YEN:before{background:none}
#RentalPurchaseComparison .addition-etc li{margin-bottom:5px;padding-left:18px}
#RentalPurchaseComparison .TableGuide-wrap:after{display:none}
#RentalPurchaseComparison .TableGuide-wrap .table-explanatory{min-width:560px}

/* Company */
#overview .table-explanatory tbody th{width:115px}
#history .table-explanatory tbody th{width:135px;text-align:center}

/* Delivery */
#DeliveryArea .table-explanatory tbody th{width:135px;padding-right:0}
#DeliveryArea .table-explanatory td{padding-bottom:0}
.area-mark .day01{background-image:url("../images/day01.webp")}
.area-mark .day02{background-image:url("../images/day02.webp")}
.area-mark .day03{background-image:url("../images/day03.webp")}
.area-mark .day01{color:#36aee7}
.area-mark .day02{color:#7fbd26}
.area-mark .day03{color:#ec5e9e}
.area-mark{font-weight:400;margin:0;padding-bottom:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
.area-mark li{position:relative;margin-bottom:15px;padding-left:32px;line-height:1.8;background-repeat:no-repeat;background-position:0 .2em;background-size:24px}
.area-mark .area-title{text-decoration:underline;grid-column:1/-1}
.area-mark .day01,.area-mark .day02,.area-mark .day03{font-weight:500;margin:0 0 10px -9px;padding-left:27px}
.area-mark .day01:before,.area-mark .day02:before,.area-mark .day03:before{background:none}
.area-mark .prefecture{margin-bottom:5px;padding-left:18px}
.area-mark.area-single .prefecture{grid-column:1/-1}
.area-mark.area-single .prefecture .red{font-size:.9rem}

/* Function */
#function-specification .table-explanatory tbody th{width:174px;padding-right:0}
.table-parts tbody th{width:220px}
.table-parts td img{vertical-align:middle;width:120px;height:auto;transition:transform .6s cubic-bezier(.22,1,.36,1);transform:scale(1)}
.table-parts td img:hover{transform:scale(1.15)}

/* Law */
.legal-matters .table-explanatory tbody th{width:140px;padding-right:0}
#AmountDetails .table-explanatory tbody th{text-align:center;padding:24px 0}
#AmountDetails .table-explanatory .refer{display:block}
#for-litaseries tbody th,#for-research tbody th{width:235px;text-align:left;padding-right:0}
#for-medical tbody th{width:235px;padding:0}
#for-litaseries .first,#for-litaseries .second,#for-research .third,#for-medical .second{font-size:1rem;color:#333}

/* Purified Water */
.purified-water .table-explanatory tbody th{width:115px;text-align:center}
#PurchasePrice tbody th{width:195px;padding-right:0}
#PurchasePrice .refer{margin-bottom:70px}

/* Product */
#ProductSpecifications .table-explanatory{margin-top:75px}
#ProductSpecifications .table-explanatory tbody th{width:125px;padding-right:0}

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

/* Table (Horizontal Scrolling) */
.TableGuide-wrap:after{display:block}

/* Function */
.table-parts tbody th{width:160px}
.table-parts .first{display:block}

}

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

/* Company */
#overview .first{display:block}

}

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

/* Cancellation */
#RentalPurchaseComparison .TableGuide-wrap:after{display:block}

/* Function */
#function-specification .br{display:block;margin-left:-8px}

/* Law */
#for-litaseries .first{display:block}
#for-litaseries tbody th,#for-research tbody th,#for-medical tbody th{width:225px}

}

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

/* Table (Horizontal Scrolling) */
.TableGuide-wrap:after,#RentalPurchaseComparison .TableGuide-wrap:after{display:none}

/* Function */
#function-specification .br{display:inline;margin-left:0}
.table-parts tbody th{width:220px}
.table-parts .first{display:inline}

/* Law */
#for-litaseries .first{display:inline}
#for-litaseries tbody th,#for-research tbody th,#for-medical tbody th{width:235px}

/* Company */
#overview .first{display:inline}
#history .table-explanatory tbody th{width:120px;padding:20px 0}

}

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

/* Table (Horizontal Scrolling) */
.TableGuide-wrap:after{display:block}

/* Function */
.table-parts tbody th{width:145px}
.table-parts .first,.table-parts .second,.table-parts .refer{display:block}

}

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

/* Company */
#overview .first{display:block}

}

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

/* Table (Horizontal Scrolling) */
.TableGuide-wrap .table-price{min-width:560px}

/* Common */
.table-price th,.table-price td{padding:20px}
.table-price thead th{padding:18px 20px}
.table-price tbody td{padding-right:0}
.table-explanatory th{padding:20px 0}
.table-explanatory tbody th{padding:20px}
.table-explanatory tbody td{padding:20px 0 20px 20px}
.table-price strong{font-size:1.6rem}

/* Table Price (Common) */
#fee .table-price tbody th{padding:20px 0}

/* Application */
#application .table-explanatory tbody th{width:150px;padding-right:0}

/* Cancellation */
#Cancellation .table-explanatory th,#Return .table-explanatory th{width:100px;padding:20px 0 20px 20px;text-align:left}
#Cancellation .br,#Return .br{display:block}
#RentalPurchaseComparison .TableGuide-wrap:after{display:block}
#RentalPurchaseComparison .TableGuide-wrap .table-explanatory{min-width:480px}
#RentalPurchaseComparison tbody th{width:90px;padding:20px 0}

/* Company */
#overview .first{display:inline}
#overview .table-explanatory tbody th{width:105px;padding-right:0}
#overview .table-explanatory .br{display:block;margin-left:-8px}

/* Delivery */
#DeliveryArea .table-explanatory tbody th{width:90px;padding:20px 0;text-align:center}
#DeliveryArea .table-explanatory .br{display:block;font-size:.8rem}

/* Function */
#function-specification .table-explanatory tbody th{width:102px;padding-right:0}
#function-specification .first{display:block}
.table-parts tbody th{width:135px;padding-right:0}

/* Law */
.legal-matters .table-explanatory tbody th,#for-litaseries tbody th,#for-research tbody th,#for-medical tbody th{width:135px}
#for-litaseries .second,#for-research .third,#for-medical .second{display:block}
#for-litaseries .second,#for-medical .second{margin-left:0}
#for-research .third{margin-left:-8px}

/* Purified Water */
#purified-water .table-explanatory tbody th{width:105px}
#PurchasePrice tbody th{width:190px}

/* Price Table (Campaign) */
#Simultaneous .table-price{min-width:560px}
#Simultaneous .table-price tbody th{width:185px}

}

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

/* Table (Horizontal Scrolling) */
.TableGuide-wrap .table-price{min-width:540px}

/* Common */
.table-price strong{font-size:1.5rem}

/* Top Page */
#fee .table-price tbody th{width:135px}

/* Price Table (Medical) */
#fee .medical-table tbody th{width:125px}

/* Cancellation */
#RentalPurchaseComparison strong{font-size:1.3rem}

/* Function */
#function-specification .br{display:block;margin-left:-8px}

/* Law */
.legal-matters .br{display:block;margin-left:-8px}

/* Purified Water */
#purified-water .table-explanatory tbody th{width:75px}
#purified-water .table-explanatory .br{display:block}
#PurchasePrice thead th{padding:18px 0}
#PurchasePrice tbody th{width:115px}
#PurchasePrice .br{display:block;margin-left:-8px}

/* Price Table (Campaign) */
#Simultaneous .table-price{min-width:520px}
#Simultaneous .table-price tbody th{width:180px}

/* Company */
#overview .second{display:block;margin-left:-12px}

}

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

/* Table (Horizontal Scrolling) */
.TableGuide-wrap .table-price{min-width:520px}

/* Common */
.table-price strong{font-size:1.4rem}

/* Delivery */
#DeliveryArea .table-explanatory tbody th{width:80px}
#DeliveryArea .table-explanatory td{font-size:.95rem}

/* Company */
#overview .first{display:block}

}

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

/* Table (Horizontal Scrolling) */
.TableGuide-wrap .table-price{min-width:520px}

/* Common */
.table-base th,.table-base td,.table-base thead th,#for-litaseries .second,#for-research .third,#for-medical .second{font-size:.9rem}
.table-price th,.table-price td{padding:15px}
.table-price thead th{padding:18px 15px}
.table-price tbody td{padding-right:0}
.table-price strong{font-size:1.3rem}
.table-price span{font-size:.85rem}
.table-explanatory th{padding:15px 0}
.table-explanatory tbody th{padding:15px}
.table-explanatory tbody td{padding:15px 0 15px 15px}

/* Table Price (Common) */
#fee .table-price tbody th{width:130px}

/* Price Table (Medical) */
#fee .medical-table tbody th{width:110px}

/* Application */
#application .table-explanatory tbody th{width:130px}

/* Cancellation */
#Cancellation .table-explanatory th,#Return .table-explanatory th{width:85px;padding:15px 0 15px 15px}
#RentalPurchaseComparison .TableGuide-wrap .table-explanatory{min-width:440px}
#RentalPurchaseComparison tbody th{width:80px;padding:15px 0}

/* Company */
#overview .table-explanatory tbody th{width:87px}
#history .table-explanatory tbody th{width:105px}

/* Delivery */
#DeliveryArea .table-explanatory tbody th{width:75px}
#DeliveryArea .table-explanatory td{font-size:.9rem}
.area-mark{margin:0 0 10px}

/* Function */
#function-specification .table-explanatory tbody th{width:87px}
.table-parts tbody th{width:115px;padding-right:0}

/* Law */
.legal-matters .table-explanatory tbody th{width:115px}
#for-litaseries tbody th,#for-research tbody th,#for-medical tbody th{width:116px}

/* Purified Water */
#purified-water .table-explanatory tbody th{width:65px}
#purified-water .table-explanatory .br{display:block}
#PurchasePrice thead th{padding:15px 0}
#PurchasePrice tbody th{width:105px}

/* Price Table (Campaign) */
#Simultaneous .table-price tbody th{width:170px}

}

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

/* Table (Horizontal Scrolling) */
.TableGuide-wrap .table-price{min-width:400px}

/* Common */
.table-base th,.table-base td,.table-base thead th,#for-litaseries .first,#for-litaseries .second,#for-research .third,#for-medical .second,.table-price span,#RentalPurchaseComparison .red,#DeliveryArea .table-explanatory td,.area-mark.area-single .prefecture .red{font-size:.85rem}
.table-price strong{font-size:1.1rem}
.table-price span{font-size:.8rem}

/* Table Price (Common) */
#fee .table-price tbody th{width:110px}

/* Application */
#application .table-explanatory tbody th{width:125px}

/* Cancellation */
#Cancellation .table-explanatory th,#Return .table-explanatory th{width:80px}

/* Delivery */
#DeliveryArea .table-explanatory tbody th{width:70px}
#DeliveryArea .table-explanatory .br{font-size:.75rem}
.area-mark{margin:0 0 10px}

/* Function */
#function-specification .table-explanatory tbody th{width:83px}
.table-parts tbody th{width:110px}

/* Law */
.legal-matters .table-explanatory  tbody th{width:112px}
.TableGuide-wrap #for-litaseries,.TableGuide-wrap #for-research,.TableGuide-wrap #for-medical{min-width:480px}
#for-litaseries tbody th,#for-research tbody th,#for-medical tbody th{width:112px}

}