@charset "UTF-8";
/* Desktop image balance, 2026-09-18. Mobile rules remain unchanged. */
@media screen and (min-width: 960px) {
  .page-id-44 .article-body {
    width: calc(100% - 64px);
    max-width: 1100px;
    margin: 48px auto;
    display: flow-root;
  }
  .page-id-44 .article-body > h2 {
    font-size: 22px;
    line-height: 1.9;
  }
  .page-id-44 .article-body > h2 img {
    display: block;
    margin: 0 auto 32px;
  }
  .page-id-44 .article-body > h3,
  .page-id-44 .article-body > h4 {
    clear: both;
    padding-top: 32px;
  }
  .page-id-44 .article-body img.alignleft {
    margin: 0 32px 24px 0;
  }
  .woocommerce-shop .woocommerce-products-header,
  .woocommerce-shop .woocommerce-notices-wrapper,
  .woocommerce-shop .woocommerce-result-count,
  .woocommerce-shop .woocommerce-ordering,
  .woocommerce-shop ul.products,
  .woocommerce-shop aside.sidebar {
    width: calc(100% - 64px);
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
  }
  .woocommerce-shop .woocommerce-products-header {
    padding: 163px 0 24px;
  }
  .woocommerce-shop .woocommerce-ordering select {
    min-height: 44px;
    line-height: 1.5;
  }
  .woocommerce-shop ul.products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    padding: 32px 0;
  }
  .woocommerce-shop ul.products::before,
  .woocommerce-shop ul.products::after {
    display: none;
  }
  .woocommerce-shop ul.products li.product {
    display: block;
    width: auto;
    float: none;
    margin: 0;
    padding: 24px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
  }
  .woocommerce-shop ul.products li.product a.woocommerce-loop-product__link {
    display: block;
    width: 100%;
  }
  .woocommerce-shop ul.products li.product img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0 0 20px;
  }
  .woocommerce-shop ul.products li.product .button {
    display: inline-block;
    width: auto;
    white-space: normal;
    margin-top: 16px;
  }
}
@media screen and (min-width: 960px) {
  .home .article-body .fro_flex01 {
    width: calc(100% - 48px);
    max-width: 1240px;
    margin: 40px auto;
    gap: 20px;
    align-items: stretch;
    font-size: 28px;
  }
  .home .fro_flex01 > .fro_bx03,
  .home .fro_flex01 > .fro_bx04 {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
  }
  .home .fro_flex01 > .fro_bx03 a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 280px;
    padding: 24px;
  }
  .home .fro_flex01 > .fro_bx04 {
    display: flex;
    align-items: center;
    background: #000;
  }
  .home .fro_flex01 > .fro_bx04 img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .page-id-40 .article-body .ab_bx02 {
    width: calc(100% - 64px);
    max-width: 1000px;
    margin: 40px auto 0;
  }
  .page-id-40 .article-body .ab_bx02 img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .page-id-40 .article-body #ab_bg03 {
    width: calc(100% - 64px);
    max-width: 1100px;
    margin: 48px auto;
    padding: 64px 40px;
    background-size: cover;
    background-position: center;
  }
}
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/

/* 汎用 */

.drawer-menu{overflow:hidden;}

.outline_inner{width:100%;max-width:1100px;margin:0 auto;}
.inline_inner,.l-footer__inner{width:100%;max-width:900px;margin:0 auto;}

.breadcrumb{width:100%;max-width:1100px;margin:10px auto;}
.l-header__inner{position:relative;}
.main-visual{padding:110px 0 0;}

.anchor{padding-top:100px;margin-top:-100px;}
.de_none{display:none;}

#contents{padding:118px 0 0;}
.home #contents{margin:0;padding:0;}
.single .l-content,.archive .l-content{width:100%;max-width:1100px;margin:0 auto;}
.single .l-content__inner{padding:3% 0;}
.archive-title{display:none;}
.site-copyright .l-content{margin:0 auto;}

#privacy{padding-top:100px;margin-top:-100px;}

/* 打ち消し用 */

@media screen and (min-width: 768px){
[class^="paragraph__normal"] .article-body, [class*="paragraph__normal"] .article-body {padding-right:0;padding-left:0;}
}
.has-background-color.featured-full-width-overlay .article-body{padding-top:0;}

/* タイポグラフィ */
.f_or{color:#D63535;}
.f_gr{color:#949494;}

.mds_01{margin: 60px auto;}
.mds_01 h3{text-align: center;font-size: 28px;position:relative;font-family: "Noto Serif JP", serif;font-weight: bold;}
.mds_01 h3 span{display: block;font-size: 10px;font-weight: normal;}
.mds_01 h3:before{position:absolute;content:"";background:url(images/mds_under.svg) no-repeat top left;width:54px;height:9px;bottom:-20px;left:0;right:0;margin:auto;}

.mds_02{margin: 60px auto;}
.mds_02 h3{text-align: center;font-size: 28px;position:relative;font-family: "Noto Serif JP", serif;font-weight: bold;color:#fff;}
.mds_02 h3 span{display: block;font-size: 10px;font-weight: normal;}
.mds_02 h3:before{position:absolute;content:"";background:url(images/mds_under.svg) no-repeat top left;width:54px;height:9px;bottom:-20px;left:0;right:0;margin:auto;}

/* リンクボタン用 */
.btn_01{text-align: center;margin:30px auto;}
.btn_01 a{background: #000;padding: 10px 50px;}

.btn_02{text-align: center;margin: 60px auto 30px;font-size:24px;}
.btn_02 a{background: #0e070f;background: -moz-linear-gradient(left,  #0e070f 38%, #073e5d 50%, #0e070f 62%);background: -webkit-linear-gradient(left,  #0e070f 38%,#073e5d 50%,#0e070f 62%);background: linear-gradient(to right,  #0e070f 38%,#073e5d 50%,#0e070f 62%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e070f', endColorstr='#0e070f',GradientType=1 );padding: 15px 80px;border-radius: 5px;}

.btn_03{text-align: center;margin: 60px auto 30px;font-size:16px;width:100%;max-width:44%;}
.btn_03 a{background: #0e070f;background: -moz-linear-gradient(left,  #0e070f 38%, #073e5d 50%, #0e070f 62%);background: -webkit-linear-gradient(left,  #0e070f 38%,#073e5d 50%,#0e070f 62%);background: linear-gradient(to right,  #0e070f 38%,#073e5d 50%,#0e070f 62%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e070f', endColorstr='#0e070f',GradientType=1 );padding: 15px 0;border-radius: 5px;display:block;}

.btn_04{text-align: center;margin: 60px auto 30px;font-size:16px;width:100%;max-width:650px;}
.btn_04 a{background: #0e070f;background: -moz-linear-gradient(left,  #0e070f 38%, #073e5d 50%, #0e070f 62%);background: -webkit-linear-gradient(left,  #0e070f 38%,#073e5d 50%,#0e070f 62%);background: linear-gradient(to right,  #0e070f 38%,#073e5d 50%,#0e070f 62%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e070f', endColorstr='#0e070f',GradientType=1 );padding:1rem 0;border-radius: 5px;display:block;font-size:18px;}
.btn_04 span{display:block;font-size:16px;text-align:left;}

.cta_inq{position: absolute;right: 1%;font-size: 30px;top: 14px;}
.cta_inq a{border: 1px solid #fff;padding: 0px 10px 4px;}

/* グラデーション背景 */
#grd_bg01{background: #0e070f;background: -moz-linear-gradient(left,  #0e070f 38%, #073e5d 50%, #0e070f 62%);background: -webkit-linear-gradient(left,  #0e070f 38%,#073e5d 50%,#0e070f 62%);background: linear-gradient(to right,  #0e070f 38%,#073e5d 50%,#0e070f 62%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e070f', endColorstr='#0e070f',GradientType=1 );padding:1px 0 20px;color:#fff;}

/* ヘッダー用 */
.header-tel-access .phone-number{font-size:25px;}
.header-tel-access .phone-number .icon-phone{font-size:23px;}

/* フッター */
.foot_flex01{display:flex;justify-content:space-around;width:100%;max-width:1100px;margin:5em auto;}

.f_bx01{width:100%;max-width:190px;}
.f_bx02{width:100%;max-width:460px;}
.f_bx02 span{display:block;font-size:23px;font-weight:bold;}
.f_bx03{text-align:center;font-size:30px;}
.f_bx03 a{background:#000;padding: 10px 60px;border-radius: 5px;}
.f_bx03 span{display:block;font-size:24px;}

/* 固定ページ外殻 */
.phead{background:url(images/hd_default.jpg) no-repeat center center;width: 100%;padding: 133px 0;background-size:cover;}
h2.title {color: #fff;font-size: 34px;text-shadow:#000 1px 1px 10px, black -1px 1px 10px,#000 1px -1px 10px, #000 -1px -1px 10px;width: 100%;max-width: 1180px;margin: 0 auto;}

.ph_inquary{background:url(images/hd_contact.jpg) no-repeat center center;background-size:cover;}
.ph_company{background:url(images/hd_company.jpg) no-repeat center center;background-size:cover;}
.ph_maintenance{background:url(images/hd_maintenance.jpg) no-repeat center center;background-size:cover;}
.ph_sei{background:url(images/hd_sei.jpg) no-repeat center center;background-size:cover;}
.ph_dk{background:url(images/hd_dk.jpg) no-repeat center center;background-size:cover;}
.ph_polish-angel{background:url(images/hd_polish-angel.jpg) no-repeat center center;background-size:cover;}
.ph_carcoating{background:url(images/hd_carcoating.jpg) no-repeat center center;background-size:cover;}
.ph_about{background:url(images/hd_about.jpg) no-repeat center center;background-size:cover;}
.ph_archive{background:url(images/hd_default.jpg) no-repeat center center;background-size:cover;}


/* お問い合わせ */
.btn_ctr{text-align: center;margin: 30px auto;}

table.tbl_ctt th{border:none;background-color:#fff;}
table.tbl_ctt td{border:none;}

.inq_bx01{}
.inq_bx01 p{display:block;font-size:10px;}
.inq_bx02{margin: 40px 0;}
.inq_bx02 span{color:#002649;font-size: 28px;font-weight: bold;}
.inq_bx03{}
.inq_bx04{margin: 20px 0 0;}
.inq_bx04 span{display:block;}
.inq_bx05{}
.inq_bx06{color:#D63535;font-weight:bold;margin:0.5rem auto;text-align:center;}

.inf_bx01{background-color:#fff;height:250px;overflow:auto;overflow-y:scroll;overflow-x:hidden;border: 1px solid #ddd;padding: 30px;}

/* 会社概要 */
#com_bg01{background:url(images/com_bg01.png) no-repeat center fixed;padding: 1px 0 30px;background-size:100% auto;}

.com_flex01{display: flex;justify-content: space-around;align-items: center;}
.com_bx01{font-size:28px;font-weight:bold;}
.com_bx01 p{display:block;font-size:10px;text-align:center;}
.com_bx02{width: 100%;max-width: 450px;}
.com_bx02 span{display:block;text-align:right;margin:10px 0 0;font-weight:bold;}

.com_bx04{width: 100%;max-width: 900px;margin: 0 auto;}
.com_bx07{margin: 20px 0 20px 20px;}

/* メンテナンス */
.mtn_flex01{display:flex;justify-content:space-around;margin: 0 auto 60px;}
.mtn_flex02{display:flex;justify-content:space-around;margin: 60px auto;}

.mtn_bx01{width: 100%;max-width: 900px;margin: 0 auto;}
.mtn_bx01 span{display:block;margin:1rem 0;}
.mtn_bx01 p{display:block;font-size:10px;}
.mtn_bx02{width: 100%;max-width: 48%;}
.mtn_bx02 iframe{height:240px;}
.mtn_bx02 span{display:block;}
.mtn_bx03{width:100%;max-width:340px;padding:40px 15px;box-shadow: 1px 1px 12px #ddd, -1px -1px 12px #ddd;min-height: 260px;}
.mtn_bx03 span{display:block;border-bottom:1.5px solid #000;color:#B28742;font-size:24px;text-align:center;margin:0 auto 15px;padding:0 0 15px;}

/* SEI */
#sei_bg01{background:#000;padding:60px 0;color:#fff;}
#sei_bg02{background:#002649;padding:60px 0;color:#fff;}
#sei_bg03{background:url(images/sei_bg01.jpg) no-repeat center center;background-size:cover;padding:1px 0 60px;color:#fff;}

.sei_flex01{display: flex;justify-content: space-around;margin: 40px auto;}
.sei_flex02{display: flex;justify-content: space-around;margin: 80px auto 40px;}
.sei_flex03{display:flex;justify-content:space-between;align-items:center;}
.sei_flex04{display:flex;justify-content:space-between;align-items:center;margin: 0 auto 110px;}
.sei_flex05{display:flex;justify-content:space-around;align-items:center;}

.sei_bx01{width: 100%;max-width: 50%;}
.sei_bx01 span{display:block;font-size: 32px;font-weight: bold;}
.sei_bx02{margin: 20px auto 0;}
.sei_bx03{width: 100%;max-width: 330px;}
.sei_bx04{width: 100%;max-width: 48%;}
.sei_bx04 iframe{height:300px;}
.sei_bx05 span{display:block;font-size: 32px;font-weight: bold;}
.sei_bx06{margin: 20px auto 80px;}
.sei_bx07{width:100%;max-width:430px;}
.sei_bx08{box-shadow: 1px 1px 8px #ddd, -1px -1px 8px #ddd;padding: 30px 60px;}
.sei_bx08 span{font-size:28px;display:block;font-weight:bold;}
.sei_bx10{width: 100%;max-width: 60%;}
.sei_bx11{font-size: 28px;text-align: center;font-weight: bold;margin: 60px auto;}
.sei_bx12{width: 100%;max-width: 48%;padding: 40px 50px 0;box-shadow: 1px 1px 8px #ddd, -1px -1px 8px #ddd;text-align: center;box-sizing: border-box;height: 310px;}
.sei_bx13{text-align:left;margin:30px 0 0;}
.sei_bx14{border:1px solid #fff;width: 100%;max-width:900px;margin: 0 auto;padding: 30px 12%;}
.sei_bx14 span{display:block;font-weight:bold;font-size:28px;margin: 0 0 20px;}
.sei_bx15{}
.sei_bx16{width: 100%;max-width: 400px;}
.sei_bx16 span{display:block;}

/* dk */
.dk_flex01{width:100%;max-width:1100px;margin:30px auto;display: flex;justify-content: space-around;align-items:center;}
.dk_flex02{display:flex;justify-content:space-between;}

.dk_bx01{width:100%;max-width:50%;}
.dk_bx02{font-size:28px;font-weight:bold;}
.dk_bx02 span{display:block;font-size:22px;}
.dk_bx03{margin: 1em 0 0;}
.dk_bx03 p{display:block;font-size:10px;}
.dk_bx04{width:100%;max-width:315px;}
.dk_bx05{width:100%;max-width:45%;}
.dk_bx05 span{display:block;}
.dk_bx06{margin:2em 0;}
.dk_bx07{width: 100%;max-width: 700px;margin: 20px auto 80px;}
.dk_bx07 span{display:block;background:#000;color:#fff;text-align:center;font-size:26px;padding: 5px 0;margin: 0 0 0.5em;}
.dk_bx07 iframe{height:300px;}

/* PA */
.ap_flex01{display:flex;justify-content:space-around;margin:0 auto;width: 100%;max-width: 1100px;margin: 0 auto;}

.ap_bx01{width:100%;max-width:315px;}
.ap_bx01 span{display:block;text-align: center;}
.ap_bx02{width: 100%;max-width: 45%;}
.ap_bx02 iframe{height:300px;}
.ap_bx03{width:100%;max-width:48%;}

/* About */
#ab_bg01{background:url(images/ab_bg01.jpg) no-repeat center center;background-size:cover;padding:80px 0;color:#fff;}
#ab_bg02{background:url(images/ab_bg02.jpg) no-repeat center right;padding:1px 0 30px;}
#ab_bg03{background:url(images/ab_bg03.jpg) no-repeat center right;padding:80px 0;color:#fff;}

.ab_flex01{display:flex;justify-content:center;width:100%;max-width:1100px;margin:0 auto 80px;height:410px;}

.ab_bx01{font-size:28px;margin: 0 0 1em;}
.ab_bx01 p{display:block;font-size:10px;font-weight:normal;}
.ab_bx02{text-align: center;margin: 60px auto;}
.ab_bx03{align-self:flex-end;}
.ab_bx04{width:100%;max-width:550px;border:1px solid #fff;box-sizing:border-box;padding:60px;align-self:flex-start;}
.ab_bx04 span{display:block;font-size:26px;margin: 0 0 1em;}

.ab_bx06{width: 100%;max-width: 700px;margin: 0 auto;}
.ab_bx06 span{display:block;font-size:28px;text-align: center;margin: 0 0 1.5em;}

.ab_bx07{width: 100%;padding:30px 50px;box-shadow: 1px 1px 8px #ddd, 1px 1px 8px #ddd;margin:3.5em 0;background: #fff;}
.ab_bx08{width:100%;max-width:630px;margin:0 auto;}
.ab_bx08 span{display:block;text-align:center;font-size:28px;margin:0 auto 30px;}

/* Car Coating */
#cc_bg01{background:#010207;padding:1px 0 60px;color:#fff;}

.cc_flex01{display:flex;justify-content:space-around;width:100%;max-width:700px;margin:0 auto;}
.cc_flex02{display:flex;justify-content:space-around;width:100%;max-width:74vw;flex-wrap:wrap;margin:0 auto;}
.cc_flex03{display:flex;justify-content:space-around;width:100%;max-width:1100px;margin:80px auto;}

.cc_bx01{margin:0px auto;}
.cc_bx02{width: 100%;padding:30px 50px;box-shadow: 1px 1px 8px #ddd, 1px 1px 8px #ddd;margin: 0 0 3.5em;background: #fff;}
.cc_bx03{font-size:26px;border-bottom: 1px solid #000;padding: 0 0 0.5em;margin: 0 0 1em;}
.cc_bx03 span{color:#B28742;}
.cc_bx04{}
.cc_bx04 p{display:block;font-size:10px;}
.cc_bx05{width:100%;max-width:320px;box-sizing:border-box;padding:30px;background:#fff;color:#000;margin: 0 auto 30px;}
.cc_bx05 span{display:block;text-align:center;font-weight:bold;}
.cc_bx05 img{margin:10px auto;}
.cc_bx06{width: 100%;max-width: 1100px;margin: 0 auto 80px;}
.cc_bx07{color: #c00;font-size: 15px;}
.cc_bx07 span{font-weight:bold;}

.cc_bx09{width:100%;max-width:30%;}
.cc_bx09 span{display:block;text-align:center;background: rgb(174,188,191);background: -moz-linear-gradient(left,  rgb(174,188,191) 0%, rgb(0,38,73) 0%, rgb(0,38,73) 23%, rgb(4,83,122) 50%, rgb(4,83,122) 50%, rgb(0,38,73) 77%, rgb(0,38,73) 100%);background: -webkit-linear-gradient(left,  rgb(174,188,191) 0%,rgb(0,38,73) 0%,rgb(0,38,73) 23%,rgb(4,83,122) 50%,rgb(4,83,122) 50%,rgb(0,38,73) 77%,rgb(0,38,73) 100%);background: linear-gradient(to right,  rgb(174,188,191) 0%,rgb(0,38,73) 0%,rgb(0,38,73) 23%,rgb(4,83,122) 50%,rgb(4,83,122) 50%,rgb(0,38,73) 77%,rgb(0,38,73) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#002649',GradientType=1 );padding: 5px 0;}
.cc_bx10{margin: 15px 0 0;}
.cc_bx10 a{background: rgb(1,2,7);padding:8px 0;font-size: 18px;overflow: hidden; display: block;text-decoration: none;position: relative;transition: .2s ease-in-out;transition: .5s;width: 100%;max-width: 70%;margin:10px auto;text-align: center;border: 1px solid #fff;padding: 5px 0;}
.cc_bx10 a:before {content: "";width: 200%;height: 200%;background: rgba(255, 255, 255, .2);transform: rotate(-45deg);position: absolute;top: -10%;left: -180%;transition: .3s ease-in-out;}
.cc_bx10 a:hover:before {left: 60%;}
.cc_bx10 a:hover{transform: translateY(-5px);transition: .5s;}

/* front */
#fro_bg01{background:url(images/fro_bg01.jpg) no-repeat top left;background-size:cover;padding:60px 0;color:#fff;}
#fro_bg02{background:url(images/fro_bg07.png) no-repeat top right,#000;color:#fff;padding: 12em 0 5em;position: relative;overflow: hidden;}
#fro_bg02:before{content: "Service";position: absolute;top:-130px;left:-10px;color: rgba(255,255,255,.3);font-size:230px;font-family: kepler-std, serif;}
#fro_bg03{background:url(images/fro_bg08.png) no-repeat top left;position: relative;overflow: hidden;padding: 11.5em 0;}
#fro_bg03:before{content: "Brand";position: absolute;top:-45px;right:-10px;color: rgba(255,255,255,.3);font-size:230px;font-family: kepler-std, serif;color:rgba(222,225,228,.5);}
#fro_bg04{background:url(images/fro_bg09.png) no-repeat top right;position: relative;overflow: hidden;padding:0;}

.main-visual__title{text-shadow: 1px 1px 8px #000;}

.bn-2026{margin:0 auto; width:1000px; padding:50px 0 0;}

.fro_flex01{display:flex;justify-content:center;font-size:38px;text-align:center;font-weight:bold;text-shadow: 1px 1px 8px #000;}
.fro_flex01 a{display: block;transition: .5s;padding: 25% 0;}
.fro_flex01 a:hover{transform: translateY(-5px);transition: .5s;}
.fro_flex02{display:flex;justify-content:center;color:#fff;}
.fro_flex03{display:flex;justify-content:space-between;width:100%;max-width:1100px;margin:0 auto;position: relative;flex-wrap: wrap;}
.fro_flex04{display:flex;justify-content:space-between;width:100%;max-width:1100px;margin:0 auto;position: relative;}

.fro_bx01{color:#B28742;font-size: 28px;font-weight:bold;text-align: center;}
.fro_bx01 span{display: block;font-size: 10px;font-weight:normal;}
.fro_bx02{width: 100%;max-width: 900px;margin: 2em auto;}
.fro_bx02 a{background: rgba(0,0,0,0);padding:8px 0;font-size: 18px;overflow: hidden; display: block;text-decoration: none;position: relative;transition: .2s ease-in-out;transition: .5s;width: 100%;max-width:280px;margin:3em auto 0;text-align: center;border: 1px solid #fff;padding: 5px 0;}
.fro_bx02 a:before {content: "";width: 200%;height: 200%;background: rgba(255, 255, 255, .2);transform: rotate(-45deg);position: absolute;top: -10%;left: -180%;transition: .3s ease-in-out;}
.fro_bx02 a:hover:before {left: 60%;}
.fro_bx02 a:hover{transform: translateY(-5px);transition: .5s;}
.fro_bx03{width:100%;max-width:50vw;background:url(images/fro_bg02.jpg) no-repeat center center;background-size:cover;}
.fro_bx04{width:100%;max-width:50vw;background:url(images/fro_bg03.jpg) no-repeat center center;background-size:cover;}
.fro_bx05{background:url(images/fro_bg04.jpg) no-repeat center center;text-align:center;background-size:cover;box-sizing: border-box;width:calc(100% / 3);padding: 60px 0px;}
.fro_bx06{background:url(images/fro_bg05.jpg) no-repeat center center;text-align:center;background-size:cover;box-sizing: border-box;width:calc(100% / 3);padding: 60px 0px;}
.fro_bx07{background:url(images/fro_bg06.jpg) no-repeat center center;text-align:center;background-size:cover;box-sizing: border-box;width:calc(100% / 3);padding: 60px 0px;}
.fro_bx08{text-align: left;width: 100%;max-width: 300px;margin: 0 auto;}
.fro_bx08 a{display:block;text-align:center;background: rgba(255,255,255,0.3);padding:8px 0;font-size: 18px;overflow: hidden;text-decoration: none;position: relative;transition: .2s ease-in-out;transition: .5s;width: 100%;max-width:180px;margin:3em auto 0;text-align: center;border: 1px solid #fff;padding: 5px 0;}
.fro_bx08 a:before {content: "";width: 200%;height: 200%;background: rgba(255, 255, 255, .2);transform: rotate(-45deg);position: absolute;top: -10%;left: -180%;transition: .3s ease-in-out;}
.fro_bx08 a:hover:before {left: 60%;}
.fro_bx08 a:hover{transform: translateY(-5px);transition: .5s;}
.fro_bx09{width: 100%;max-width: 47%;background: #000;border: 1px solid #fff;padding: 40px;box-sizing: border-box;margin:0 0 40px;}
.fro_bx09 span{position:relative;display:block;font-weight:bold;font-size:26px;text-align: center;}
.fro_bx09 span:before{position:absolute;content:"Coating";color:rgba(255,255,255,.2);font-size:68px;top:-56px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 100%;}

.fro_bx10{width: 100%;max-width: 47%;background: #000;border: 1px solid #fff;padding: 40px;box-sizing: border-box;margin:0 0 40px;}
.fro_bx10 span{position:relative;display:block;font-weight:bold;font-size:26px;text-align: center;}
.fro_bx10 span:before{position:absolute;content:"Car film";color:rgba(255,255,255,.2);font-size:68px;top:-56px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 100%;}

.fro_bx11{width: 100%;max-width: 47%;background: #000;border: 1px solid #fff;padding: 40px;box-sizing: border-box;margin:0 0 40px;}
.fro_bx11 span{position:relative;display:block;font-weight:bold;font-size:26px;text-align: center;}
.fro_bx11 span:before{position:absolute;content:"Window";color:rgba(255,255,255,.2);font-size:68px;top:-56px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 100%;}

.fro_bx12{width: 100%;max-width: 47%;background: #000;border: 1px solid #fff;padding: 40px;box-sizing: border-box;margin:0 0 40px;}
.fro_bx12 span{position:relative;display:block;font-weight:bold;font-size:26px;text-align: center;}
.fro_bx12 span:before{position:absolute;content:"Interior";color:rgba(255,255,255,.2);font-size:68px;top:-56px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 100%;}

.fro_bx13{width: 100%;max-width:47%;background: #000;border: 1px solid #fff;padding: 40px;box-sizing: border-box;margin:0 0 40px;}
.fro_bx13 span{position:relative;display:block;font-weight:bold;font-size:26px;text-align: center;}
.fro_bx13 span:before{position:absolute;content:"Body work&paint";color:rgba(255,255,255,.2);font-size:68px;top:-56px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 100%;}

.fro_bx15{background: rgba(255,255,255,0.7);padding: 1px 10px;}

.fro_bx16{width: 100%;max-width: 47%;background: #000;border: 1px solid #fff;padding: 40px;box-sizing: border-box;margin:0 0 40px;}
.fro_bx16 span{position:relative;display:block;font-weight:bold;font-size:26px;text-align: center;}
.fro_bx16 span:before{position:absolute;content:"Wheel coating";color:rgba(255,255,255,.2);font-size:68px;top:-56px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 100%;}


/* Woo */
div.woocommerce{width: 100%;max-width: 1100px;margin: 0 auto;}

/*タブ切り替え全体のスタイル*/
.tabs {margin-top: 50px;padding-bottom: 40px;background-color: #fff;width: 1100px;margin: 0 auto;}
.tabs{width: 1148px;}

/*タブのスタイル*/
.tab_item {width: calc(100%/3);height: 50px;border-bottom: 3px solid #fff;background-color: #9E9E9E;line-height: 50px;font-size: 20px;text-align: center;color:#fff;display: block;float: left;text-align: center;transition: all 0.2s ease;border-right: 1px solid #fff;transform: rotate(.03deg);}
.tab_item:hover {opacity: 0.75;}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {display: none;}

/*タブ切り替えの中身のスタイル*/
.tab_content {display: none;padding: 40px 40px 0;clear: both;overflow: hidden;}

/*選択されているタブのコンテンツのみを表示*/
#docter:checked ~ #docter_content,
#nurse:checked ~ #nurse_content,
#assistant:checked ~ #assistant_content,
#enkin:checked ~ #enkin_content,
#orthoptist:checked ~ #orthoptist_content {display: block;}

#docter2:checked ~ #docter2_content,
#nurse2:checked ~ #nurse2_content,
#assistant2:checked ~ #assistant2_content,
#enkin2:checked ~ #enkin2_content,
#orthoptist2:checked ~ #orthoptist2_content {display: block;}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {background-color:#002649;color:#fff;}

/* タブの中身用 */
.tab_flx01{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;}
.tab_flx02{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;}
.tb_bx01{align-self:flex-start;width: 100%;max-width: 320px;margin: 0 0 3rem;}
.tb_bx01 span{display:block;}
.tb_bx02{width:100%;max-width:20px;margin: 0 1rem 6rem;}

.news_bx01{width:100%;max-width:700px;margin:3rem auto;}
.article-body ul.news_list{list-style-type:none;}
span.news_date{padding:0 2rem 0 0;}

@media only screen and (max-width: 1500px){
	
}

@media only screen and (max-width: 1280px){
	.sei_bx12{padding: 40px 10px 0;height: 340px;}
}

@media only screen and (max-width: 1024px){
	.phead{padding: 100px 0;}
	.outline_inner,.cc_flex03,.ab_flex01,.dk_flex01,.breadcrumb,.cc_bx06,h2.title,.fro_flex04,.fro_flex03,.fro_bx13,.ap_flex01,.foot_flex01,.single .l-content,.archive .l-content{max-width:900px;}
	.inline_inner,.l-footer__inner,.mtn_bx01,.com_bx04{max-width:700px;}
	.fro_bx05,.fro_bx06,.fro_bx07{padding:20px 0;}
	.fro_bx08{max-width: 270px;}
	.fro_bx08 a{margin:1em auto 0;padding: 3px 0;font-size:16px;}
	.fro_bx05 img,.fro_bx06 img,.fro_bx07 img{width:100%;max-width:150px;}
	.sei_bx16{max-width:300px;}
	.sei_flex05{align-items: flex-start;}
	.mtn_bx03{max-width: 31%;padding: 40px 5px;}
	.mtn_bx03 span{font-size: 20px;}
	.fro_bx14{width:100%;max-width:280px;}
	#fro_bg03{padding: 8.5em 0;background-size: contain;}
	#fro_bg03:before{font-size: 162px;}
	#fro_bg02:before{font-size: 162px;top: -90px;}
	.fro_bx09,.fro_bx10,.fro_bx11,.fro_bx12{padding: 40px 10px;}
	.ab_bx04{padding: 40px 20px;max-width: 450px;}
	.cc_bx05{max-width:32%;padding:10px 5px;margin:0 0 30px;}
	.f_bx02{max-width:36%;}
	.ab_bx07{padding: 20px 10px;}
	.tabs{width:900px;}
	
}

@media only screen and (max-width: 959px){
	.outline_inner,.inline_inner,.l-footer__inner,.breadcrumb,.cc_flex03,.ab_flex01,.dk_flex01,.mtn_bx01,.com_bx04,.fro_bx02,.fro_flex03,.fro_bx13,.fro_flex04,.cc_flex02,.cc_bx06,h2.title,.ap_flex01,.foot_flex01,.cc_flex01,.ab_bx06,.ab_bx08,.sei_bx14,.single .l-content,.archive .l-content{max-width:95vw;}
	.fro_bx09, .fro_bx10, .fro_bx11, .fro_bx12{max-width:48%;}
	.sei_flex01,.sei_flex02,.dk_flex01,.foot_flex01,.cc_flex01{flex-wrap:wrap;}
	.fro_bx14{max-width:30%;}
	#fro_bg03{padding: 6.5em 0;}
	#fro_bg03:before{font-size: 130px;}
	.foot_flex01{flex-wrap:wrap;margin: 3em auto;}
	.f_bx03{margin: 30px auto 0;}
	.ab_flex01{flex-wrap:wrap-reverse;height:auto;}
	.com_bx02{max-width: 57%;}
	.com_bx01{font-size: 26px;}
	.sei_bx01{max-width:100%;text-align: center;}
	.dk_bx01,.ap_bx03,.f_bx02{max-width:100%;}
	.ap_flex01{flex-wrap:wrap-reverse;}
	.mtn_bx03 span{font-size:16px;}
	.mtn_bx03{padding: 25px 5px;}
	.fro_flex01 a{padding: 15% 0;}
	.btn_03{margin: 10px auto;}
	.tabs{width:95vw;}
	.tb_bx01{max-width: 270px;}
	.tab_item{font-size: 15px;}
}

@media only screen and (max-width: 644px){
	.phead{padding:20px 0;}
	h2.title{font-size: 28px;}
	.fro_flex01,.fro_flex02,.fro_flex04,.cc_flex03,.sei_flex05,.sei_flex01,.sei_flex03,.sei_flex04,.mtn_flex01,.mtn_flex02,.com_flex01{flex-wrap:wrap;}
	.fro_bx03,.fro_bx04,.cc_bx05,.cc_bx09,.sei_bx04,.ap_bx02,.sei_bx10,.sei_bx09{max-width:100vw;}
	.fro_bx05,.fro_bx06,.fro_bx07{width:100%;}
	#fro_bg02:before,#fro_bg03:before{font-size: 74px;top: 0;}
	#fro_bg02{padding: 9em 0 2em;}
	.fro_bx09, .fro_bx10, .fro_bx11, .fro_bx12,.mtn_bx02,.mtn_bx03,.com_bx02{max-width:100%;}
	.fro_bx14{max-width: 100%;text-align: center;margin: 0 auto 5px;}
	#fro_bg03{padding: 5.5em 0 1.5em;}
	#fro_bg02{background-size:contain;background: url(images/fro_bg07.png) no-repeat top right,#000;}
	.f_bx02 span{font-size: 16px;text-align:center;}
	.cta_inq{top: 2px;right: 51px;font-size: 28px;}
	#contents{padding:100px 0 0;}
	.home #contents{margin:0;padding:0;}
	#fro_bg03{background: url(images/fro_bg08sp.png) no-repeat top left;}
	#fro_bg04{background: url(images/fro_bg09sp.png) no-repeat top right;}
	.mds_01 h3,.mds_02 h3,.ab_bx08 span{font-size: 23px;}
	.cc_bx02,.sei_bx08{padding: 20px 10px;}
	.cc_bx03,.dk_bx02,.sei_bx05 span,.sei_bx01 span{font-size: 18px;font-weight: bold;}
	.cc_bx05{text-align:center;}
	.cc_bx06{overflow: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;width: 95%;margin: 0 auto;}
	.ab_bx01{font-size:20px;}
	#ab_bg02,#cc_bg01{padding: 1px 0 0;}
	.cc_bx01{overflow: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;width: 95%;}
	.cc_bx09{margin: 0 auto 30px;}
	#sei_bg01{padding:1px 0;}
	.sei_bx01{text-align:left;}
	.sei_bx09{text-align:center;margin: 0 auto;}
	.sei_flex04{justify-content:space-around;}
	.sei_bx12{height: inherit;max-width: 100%;margin: 0 auto 30px;padding: 20px 10px;}
	.mds_02{margin: 30px auto;}
	.sei_bx14{padding: 30px 10px;}
	.mtn_flex01{margin: 20px auto;}
	.mtn_bx03{min-height:inherit;padding: 10px 5px;margin: 0 auto 30px;}
	.yoko_scroll{overflow: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;width: 95%;margin: 0 auto;}
	table.tbl_ctt td,table.tbl_ctt th{display:block;}
	.f_bx03 span{display:none;}
	#fro_bg04 .mds_01 h3{text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff;}
	.tab_item{line-height:1.5;}
	.tb_bx02{transform: rotate(90deg);margin:10px auto;}
	.tb_bx01{margin:0;}
	.fro_bx16{max-width:100%;}
	.article-body ul.news_list li span{display:block;}
	.news_bx01{max-width:95%;}

	/* フッターSP追従 */
	.de_none{display:inline;}
	#footerfix {background: rgba(229,228,234,.9);color: #00264a;width: 100%;min-height: 70px;position: fixed;z-index: 1000;bottom: 0;display:none;}
	#to_top_scrollup {font-size: 24px;width: 24px;height: 24px;bottom:96px;right:13px}
	ul.ftfix_sp {width: 100%;box-sizing: border-box;}
	ul.ftfix_sp li {float: left;width: 49%;height: 70px;color: #00264a;border-right: 1px solid #00264a;padding-top: 10px!important;text-align: center;vertical-align: middle;display: inline-block;}
	ul.ftfix_sp li a {color: #00264a;}
	ul.ftfix_sp li.li_last {border-right: 0!important;}
	ul.ftfix_sp i{color:#00264a;}
}


@media screen and (max-width: 767px){
	.paragraph__normal--border .article-body, .paragraph__narrow--border .article-body, [class^="paragraph__"].has-background-color .article-body, [class*="paragraph__"].has-background-color .article-body{padding:0;}
}

/* WPVibe draft preview: three equal brand banners below the existing Ilios first view. */
.home .brand-banner-row{
	gap:16px;
	align-items:center;
}
.home .brand-banner-row .fro_bx14{
	flex:1 1 0;
	min-width:0;
}
.home .brand-banner-row .fro_bx14 a,
.home .brand-banner-row .fro_bx14 img{
	display:block;
	width:100%;
}
.home .brand-banner-row .fro_bx14 img{
	height:auto;
	aspect-ratio:3 / 1;
	object-fit:contain;
}

/* Keep the English service labels separate from the Japanese headings. */
#fro_bg02 .fro_flex03 > div > span:before{
	font-size:clamp(20px, 2.4vw, 32px);
	line-height:1.1;
	top:-32px;
	white-space:nowrap;
	color:rgba(255,255,255,.45);
}


@media only screen and (max-width: 644px){
	.home .brand-banner-row{
		gap:12px;
	}
	.home .brand-banner-row .fro_bx14{
		flex-basis:100%;
		margin:0 auto;
	}
}