/* CUSTOM STYLES
-------------------------------------------------- */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&family=Zen+Kaku+Gothic+New:wght@700;900&display=swap');
body { padding-top:0; padding-bottom:0; font-family: 'Noto Sans JP', sans-serif; }

/* ICON BASE */
.kagi:before,.kagi:after,.phone-mark:before,.form-mark:before,.mail-mark:before { 
        font-family: bootstrap-icons;
        vertical-align: middle;
    font-weight: 400;
 }

h2 { color:#11114d; }
h3 { font-size: 1.5rem; }
.lead { font-size: 1rem; }
.kagi:before { content: '\F27A'; padding-right: .5rem; font-size: 200%;}
.kagi:after { content: '\F27B'; padding-right: .5rem; font-size: 200%;}
.pd0-LR { padding-left: 0!important; padding-right: 0!important; }
.suji-font { font-family: 'Azeret Mono', monospace; }
.biz-font { font-family: 'BIZ UDPMincho', serif; }
.hover img:hover { transform:scale(1.05,1.05); transition: 0.8s; }
.navbar { background: #e9ecef; padding:1rem 3rem; }
.navbar { 
    background: url( "images/header_bg.jpg" );
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.navbar>.container-fluid { flex-wrap: wrap; }
.navbar-brand { margin-right:0; }
.navbar-brand img { max-width: 380px; }
.navbar-toggler-wrap { text-align: center; }
.navbar-toggler { background: #008000; border-radius: 5px; width: 80%; padding: 0.5rem 0; }
.navbar-collapse { margin-top: 20px; }
.navbar-nav li { border-left:1px solid #000; }
.navbar-nav li:last-child { border-right:1px solid #000; }
.nav-link { min-width: 130px; text-align: center; color: #000 !important; }
.nav-link span { color: #808080; font-size: 0.8rem; }

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mrb-1rem { margin-bottom: 1rem; }
.mrb-2rem { margin-bottom: 2rem; }
.block-center { display: flex; justify-content: center; align-items: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.bold { font-weight:500; }
.small { font-size: 0.6rem; padding-left:0.2rem; }
.middle { font-size: 1.5rem; }
.r-point { color:red; font-weight: 400; }
.white { color:#fff; }
.blue { color:#0075c2; }
.bg-blight { background: #f5f5f5; }
.bt-pad { padding:3px 40px; }
.carousel { margin-bottom: 10px !important; }
.lsp-s { letter-spacing: -0.2em; }
.pdf-icon { content:\F640; }

.header-phone { text-align: right; }
.header-phone p { font-size: 1.6rem; font-weight: bold; margin-bottom: 0rem; }
.header-phone span { display: inline-block; }
.tokyo-color { background:green; padding: 0.1rem 0.8rem; color: #fff; margin-right: 0.5rem; font-size: 1.0rem; vertical-align: middle; }
.osaka-color { background:blue; padding: 0.1rem 0.8rem; color: #fff; margin-right: 0.5rem; font-size: 1.0rem; vertical-align: middle; }

.slide-link-wrap a { font-size: 1.0rem; }
.slide_1 { background:center no-repeat url("images/slide_1.jpg"); background-size: cover; background-position: left; }
.slide_2 { background:center no-repeat url("images/slide_2.jpg"); background-size: cover; }
.slide_3 { background:center no-repeat url("images/slide_3.jpg"); background-size: cover; }
.caution-wrap { background: #c70067; padding: 20px; margin-bottom: 30px; color: #fff; }
.feature-bg-wrap a { font-size: 1.6rem; font-weight: bold; display:block; color: #063780; }
.feature-bg-wrap .bi { font-size: 1.6rem; } 
.feature-bg:before { 
    content: "";
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -25px;
    border: 25px solid transparent;
    border-bottom: 25px solid #cceeff;
}
.feature-bg { position: relative; color: #555; text-decoration: none; display:block; padding: 1.2rem 0;  background: #cceeff; } 
.feature-bg:hover {  
    background: rgb(204,238,255);
    background: linear-gradient(180deg, rgba(204,238,255,1) 0%, rgba(153,221,255,1) 39%);
    ransition: all 0.6s;
}

.feature-item-wrap { 
    position: relative;
}

.thumb-img {
    overflow: hidden;
}

.feature-item:hover { 
  transform: scale(1.1);
  transition-duration: 0.6s;
}
.feature-cat-label {
    position:  absolute;
    padding: .3em 2em;
    background-color: #fff;
    color: #000;
    bottom: 20px;
    left: 4px;
}

.item-list-bt { margin-top: 10px; }
.item-list-bt p { display: inline-block; background: #fa9025; padding: 0.5rem 1rem; font-size: 1.1rem; color:  #fff; min-width: 250px; }

.info-item-date { font-weight: bold; }
.news-icon { background: red; color: #fff; padding: 0 0.5rem; font-weight: normal;  }
.info-item-title { margin-bottom: 20px; padding-bottom: 0.5rem; border-bottom: 2px dotted #d8d8d8; }
.case-item-wrap { margin-bottom:  8px; background: #e6f2ff; padding: 10px; }
#usecase .col-md-6.col-lg-3 {
    display: flex;
}
#usecase .case-item-wrap {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background: linear-gradient(180deg, #f4fbff 0%, #ffffff 100%);
    border: 2px solid #7fb4ff;
    border-radius: 14px;
    box-shadow: 0 8px 18px rgba(24, 49, 83, 0.12);
}
#usecase .case-item-wrap h3 {
    color: #183153;
}

.text-trim {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.red-caution { color:red; font-weight: 500; font-size: 1.4rem; }
.red { color: red; }
.keikou-y { background:linear-gradient(transparent 60%, #ff6 60%); }
.case-item-wrap h3 { font-size:1.1rem; } 
.big-word { display: table; padding: 0.8rem 1.2rem; margin: 2.0rem auto !important; text-align: center; }
.lineup-back { background:#e6f2ff; background: url(images/pdce_top_img02.jpg) no-repeat #e6f2ff top right; background-size: contain; }
.table-scroll { overflow-x: auto; }
.product-table table { min-width:912px; }
.product-table th,.product-table td { border: 1px solid #d8d8d8; font-size:0.9rem; }
.product-table th,.product-table td { padding: 0.4rem; width:calc(100% / 6); }
.product-lineup table { min-width:912px; }
.product-lineup th { background: #f5fff5; }
.product-lineup th,.product-lineup td { border: 1px solid #d8d8d8; font-size:0.9rem; }
.product-lineup th,.product-lineup td { padding: 0.4rem; width:180px; }

.product-spec table { min-width:912px; }
.product-spec th { width:180px; background: #f5fff5;}
.product-spec th,.product-spec td { border: 1px solid #d8d8d8; font-size:0.9rem; }
.product-spec th,.product-spec td { padding: 0.4rem; }

.img-lineup { width:80%; }
.lineup-list-p { padding: 0 50px; }

.rent-batch { font-size:0.7rem; background: red; color: #fff; padding: 0.2rem 0.6rem; }
.lineup-etc { font-size: 0.8rem; }

.foot-info-wrap { background: #008000;  padding: 60px 12px; color: #fff; }
.inq-tokyo,.inq-osaka { font-size: 1.4rem; background: #fff; color: #000; padding: 8px 0;  margin:10px 0 20px 10px; }
.foot-form-wrap,.foot-mail-wrap { margin:30px 0 0 10px; }
.foot-form-wrap a,.foot-mail-wrap a { color: #fff; }
.foot-form-wrap :hover,.foot-mail-wrap :hover { background: #fad4af; transition: all 0.6s; }
.form-mark,.mail-mark { width:80%; display:  inline-block; background: #fa9025; padding: 0.5rem 1rem; font-size: 1.2rem; }
.form-mark:before { content: '\F455'; padding-right: .3rem; font-size: 1.4rem; } 
.mail-mark:before { content: '\F32C'; padding-right: .3rem; font-size: 1.4rem; } 
.phone-mark { font-size: 120%; margin-bottom: 0; }
.phone-mark:before { content: '\F5B4'; padding-right: .3rem; }
.footer-wrap { background: #e9ecef; padding-bottom: 15px; }
.footer-menu-wrap { padding: 40px 0 60px 0;  }
.footer-menu-wrap h3 { margin-bottom:20px; }
.footer-menu-wrap li { margin-bottom: 0.3rem; }

.movie-wrap {  width: 100%; position: relative; padding-top: 56.25%; }
.movie-wrap iframe {   position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.h3-set-1 { color: #ff4500; border-bottom: 2px dotted #ff4500; }
.link-bt-box h3 { font-size: 1.2rem; }
.link-bt-org { min-width:300px; max-width:600px; display: inline-block; text-decoration: none; color: #fff; background: #F77C25; }
.link-bt-gre { min-width:300px; max-width:600px; display: inline-block; text-decoration: none; color: #fff; background: #006400; }
.link-bt-org:hover { color: #fff !important; opacity:0.5; transition: all 0.6s; }
.link-bt-gre:hover { color: #fff !important; opacity:0.5; transition: all 0.6s; }
.float-end .bi { font-size: 2.0rem; }
.photo {
  border: 10px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #dcdcdc;
     -moz-box-shadow: 3px 3px 3px #dcdcdc;
          box-shadow: 3px 3px 3px #dcdcdc;

}
.package-photo {
  max-width: 70%;
}

/* レンタルページ
-------------------------------------------------- */
.rental-h3 { background: #191970; color:#fff; padding-left:1rem; margin-top: 2rem; }
.step-number { max-height: 100px; }
.step-title { color: #ff4500; border-bottom: 1px solid #ff4500; }
.step-next { font-size: 2.4rem; color: #ff4500; }

.rental-table table { width:100%; padding: 0; }
.rental-table th { background: #ffd700; text-align: center; }
.rental-table th,.rental-table td { border: 1px solid #d8d8d8; font-size:0.9rem; text-align: center; }
.rental-table th,.rental-table td { padding: 0.4rem; }
.rental-table th:first-child,.rental-table td:first-child { width: 120px; } 
.rental-table th:last-child,.rental-table td:last-child { width: 120px; } 

/* フローティングバナー
-------------------------------------------------- */

.floating-banner {
    position: fixed;
    z-index: 99999;
    bottom: 0;
    right: 0;
}
.banner {
    width: 300px;
    padding: 40px 10px;
    background: linear-gradient(86.13deg, #7080F7 -3.42%, #3E9ED9 59.59%);
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.floating-banner a {
    text-decoration: none;
    color: #fff;
}
.copy {
    font-size: 28px;
    margin: 0 auto;
    line-height: 1.6;
}
.cta {
    display: inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    background: #fa9025;
    box-shadow: 0px 0px 30px #2984BA;
    border-radius: 25px;
    margin-top: 10px;
}

@media screen and (max-width: 992px) {
    .floating-banner {
        display: inline-block;
    }
    .banner {
        width: 100vw;
        padding: 8px;
    }
    .sp {
        display: none;
    }
    .copy {
        font-size: 24px;
        margin: 0 auto 6px;
    }
    .cta {
        height: 32px;
        line-height: 28px;
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .copy,.cta {
        font-size: 16px;
    }
}


/* slick slider 
-------------------------------------------------- */
.slider {
    width: 100%;
    margin: 0 auto 80px;
}


.carousel-caption { text-shadow: 1px 1px 2px black; }
.carousel-caption p { font-size: 1.8rem; }


.mypattern {
    width: 100%;
}

.mypattern .slick-slide {
    margin: 10px;
}

/*slick setting*/

.mypattern .slick-slide:not(.slick-center) {
    -webkit-filter: opacity(70%);
    -moz-filter: opacity(70%);
    -o-filter: opacity(70%);
    -ms-filter: opacity(70%);
    filter: opacity(70%);
    transition: 0.2s linear;
}

/*slick setting*/

.slick-prev:before,
.slick-next:before {
    font-size: 30px !important;
}

.slick-prev { left: 20px !important; z-index: 100; }
.slick-next { right: 20px !important; z-index: 100; }

.slider img {
    width: auto;
    height: 300px;
    object-fit: cover;
}


/* ページヘッダ
-------------------------------------------------- */
.page-head { padding-top: 6rem !important; padding-bottom: 6rem !important; margin-bottom: 3rem; }
.page-head h1 { 
    color: #fff; 
  text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
              -1px 1px 0 #000, 1px -1px 0 #000,
              0px 1px 0 #000,  0-1px 0 #000,
              -1px 0 0 #000, 1px 0 0 #000;
 }

.case-head {
  background-image: url("images/case/case_head.jpg");
  background-size: cover;
  background-position: center 60%;
}

.case-head-plant {
  background-image: url("images/recommend/case_head_plant.jpg");
  background-size: cover;
  background-position: center top;
}

.case-head-golf {
  background-image: url("images/recommend/case_head_golf.jpg");
  background-size: cover;
  background-position: center bottom;
}

.case-head-school {
  background-image: url("images/recommend/case_head_school.jpg");
  background-size: cover;
  background-position: center bottom;
}

.evapo-LP-head {
  background-image: url("images/head.jpg");
  background-size: cover;
  background-position: center 60%;
}


/* 設置事例画像タイル表示
-------------------------------------------------- */
#img-tile {
   line-height: 0;
   -webkit-column-count: 3;
   -webkit-column-gap:   0px;
   -moz-column-count:    3;
   -moz-column-gap:      0px;
   column-count:         3;
   column-gap:           0px;
}

#img-tile img {
  width: 100% !important;
  height: auto !important;
  border: 4px solid #fff;
}

@media (max-width: 800px) {
  #img-tile {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #img-tile {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}


/* よくあるご質問
-------------------------------------------------- */
.faq-wrap button::before { content: "Q."; font-size:1.8rem; font-weight: 500; padding-right: 8px; color:#008000; }


/* よくあるご質問
-------------------------------------------------- */
.inquery-boxwrap { background: #d8d8d8; }


/* エヴァポクーラー＆レンタル
-------------------------------------------------- */

.fspot_table table {  width:100%; }
.fspot_table th, .fspot_table td {  border: 1px solid #191970; padding: 0.46rem 1rem; }
.fspot_table th {  background:#ffd700; }
.fspot_table td {  text-align:left; background:#fff; }
.evapo-rental-price-title { margin-bottom:0 ; border: 2px solid #20b2aa; font-size: 1.4rem; font-weight:bold; background: #20b2aa; color: #fff; padding: 0.3rem 0; }
.evapo-rental-price-body { border: 2px solid #20b2aa; font-size: 1.4rem; font-weight:bold; background: #fff; padding: 0.3rem 0; }
.evapo-rental-h3 { text-align:center; color: #0075c2; font-weight:bold; }

.evapo-setup-label {
    position:  absolute;
    padding: .3em 2em;
    background-color: #fff;
    color: #000;
    top: 20px;
    left: 4px;
    font-size: 0.8rem;
}

/* アームカバー LP
-------------------------------------------------- */
.slide_armcover {
    background: center no-repeat url("images/armcover_img01.jpg");
    background-size: cover;
    background-position: center 40%;
}
.armcover-top .carousel-caption h1 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.4;
}
.armcover-lineup-back {
    background: #e6f2ff;
}
.armcover-features .rental-h3 {
    margin-top: 0;
}
.armcover-features .col-md-4 {
    display: flex;
}
.armcover-features .armcover-feature-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.armcover-features .armcover-feature-desc {
    flex: 1 1 auto;
    background: #fff;
    padding: 0.75rem 1rem;
    margin-top: 0;
}
.armcover-features .armcover-feature-desc strong.red {
    font-weight: 700;
}
.armcover-feature-img-wrap {
    width: 100%;
    aspect-ratio: 600 / 400;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.armcover-feature-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}
.armcover-usecase-img-wrap {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
}
.armcover-usecase-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.armcover-badge-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1.2rem;
    justify-content: center;
}
.armcover-catchcopy {
    margin: 2rem auto 1.2rem;
    max-width: 980px;
    padding: 0;
    text-align: center;
    font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
    line-height: 1.55;
    color: #183153;
    background: none;
    border: none;
    box-shadow: none;
}
.armcover-catchcopy-label {
    display: inline-block;
    margin: 0 auto 1.1rem;
    padding: 0.55rem 1.7rem;
    font-size: clamp(1.2rem, 2.4vw, 1.65rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #fff;
    line-height: 1.4;
    background: linear-gradient(135deg, #4a90d9, #6b5ce7);
    border-radius: 2rem;
}
.armcover-catchcopy-lead {
    display: block;
    margin-bottom: 0.9rem;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 700;
    color: #475569;
    letter-spacing: 0.03em;
}
.armcover-catchcopy-main {
    display: block;
    margin-bottom: 0;
    font-size: clamp(1.5rem, 2.8vw, 2.35rem);
    font-weight: 900;
    line-height: 1.5;
    color: #0f2d52;
}
.armcover-catchcopy-main em {
    font-style: normal;
    background: linear-gradient(90deg, #1d4ed8 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.armcover-catchcopy-divider {
    display: block;
    width: 100%;
    margin: 1.25rem 0 0;
    line-height: 0;
}
.armcover-catchcopy-divider-svg {
    display: block;
    width: 100%;
    height: 28px;
}
br.armcover-catchcopy-br-sp {
    display: none;
}
@media (max-width: 767px) {
    .armcover-catchcopy {
        margin: 1.5rem auto 1rem;
        padding: 0 1.15rem;
        line-height: 1.45;
    }
    br.armcover-catchcopy-br-sp {
        display: block;
    }
    .armcover-catchcopy-label {
        display: block;
        width: fit-content;
        max-width: 100%;
        margin: 0 auto 1rem;
        padding: 0.7rem 1.15rem;
        font-size: 1.1rem;
        line-height: 1.38;
        letter-spacing: 0.03em;
    }
    .armcover-catchcopy-lead {
        margin-bottom: 1.1rem;
        font-size: 1.08rem;
        line-height: 1.55;
        letter-spacing: 0.02em;
        color: #3d4f63;
    }
    .armcover-catchcopy-main {
        font-size: 1.48rem;
        line-height: 1.42;
    }
    .armcover-catchcopy-main em {
        display: inline-block;
        margin-top: 0.35rem;
        font-size: 1.58rem;
        line-height: 1.38;
    }
    .armcover-catchcopy-divider {
        margin-top: 1.1rem;
    }
    .armcover-catchcopy-divider-svg {
        height: 22px;
    }
}
@media (max-width: 480px) {
    .armcover-catchcopy {
        padding: 0 1rem;
    }
    .armcover-catchcopy-label {
        padding: 0.65rem 1rem;
        font-size: 1.02rem;
        line-height: 1.32;
    }
    .armcover-catchcopy-lead {
        font-size: 1.02rem;
        line-height: 1.48;
    }
    .armcover-catchcopy-main {
        font-size: 1.38rem;
    }
    .armcover-catchcopy-main em {
        font-size: 1.48rem;
    }
}
.armcover-main-photo-row {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    --bs-gutter-x: 0.35rem;
}
.armcover-main-photo-row .package-photo {
    max-width: 96%;
}
.armcover-main-photo-row img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.armcover-main-copy-wrap {
    max-width: 980px;
    margin: 0 auto;
}
.armcover-badge {
    display: inline-block;
    background: linear-gradient(135deg, #4a90d9, #6b5ce7);
    color: #fff;
    padding: 0.55rem 1.7rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    font-weight: 500;
}
.armcover-point-list {
    list-style: none;
    padding-left: 0;
}
.armcover-point-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 0.5rem 0 0.5rem 1.5rem;
    position: relative;
    border-bottom: 1px dotted #d8d8d8;
}
.armcover-point-list li::before {
    content: '\F26A';
    font-family: bootstrap-icons;
    position: absolute;
    left: 0;
    color: #008000;
}
.armcover-point-label {
    flex: 0 0 auto;
    white-space: nowrap;
}
.armcover-point-body {
    flex: 1 1 auto;
}
.armcover-detail-list {
    list-style: none;
    padding-left: 0;
}
.armcover-detail-section .big-word {
    display: table;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.armcover-detail-row {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
.armcover-detail-row > [class*="col-"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.armcover-detail-right {
    padding-left: 0.3rem;
}
.armcover-maker-logo-wrap {
    margin: 1.2rem auto;
    text-align: center;
}
.armcover-maker-logo {
    display: block;
    width: 100%;
    max-width: 220px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.armcover-detail-list li {
    padding: 0.6rem 0 0.6rem 1.5rem;
    position: relative;
    border-bottom: 1px dotted #d8d8d8;
}
.armcover-detail-list li::before {
    content: '\F4CE';
    font-family: bootstrap-icons;
    position: absolute;
    left: 0;
    color: #191970;
}
.product-color-img {
    max-height: 280px;
    width: auto;
    object-fit: contain;
    box-shadow: 3px 3px 3px #dcdcdc;
}
.armcover-spec-products {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}
#spec .big-word {
    margin-top: 0 !important;
}
.price-tax {
    font-size: 0.9rem;
    font-weight: normal;
}
.small-desc {
    font-size: 0.9rem;
    margin-bottom: 0;
}



/* SP STYLE
-------------------------------------------------- */

@media (min-width: 768px) {
    .bd-placeholder-img-lg { font-size: 3.5rem; }
}


@media (max-width: 991px) {
    .featurette-divider { margin: 3rem 0; }
    .feature-bg { padding: 1.0rem 0; }
    .feature-bg:before { display: none; }
    .inq-tokyo,.inq-osaka,.form-mark,.mail-mark { font-size: 1.1rem; }
    .form-mark,.mail-mark { min-width:100%; }
    .lineup-back { background-image: none; }
    .carousel-caption p { font-size: 1.4rem; }
    .link-bt-box h3 { font-size: 1.1rem; }
    .evapo-setup-label { padding: .2em .5em; }
}


@media (max-width: 767px) {
body { font-size: 90% !important; }
h2 { font-size: 1.3rem }
h3 { font-size: 1.1rem; }
.case-item-wrap h3 { font-size:1.0rem; } 
.lead { font-size: 1.0rem; }
.slide-link-wrap a { font-size: 95%; }
.item-list-bt p { font-size: 95%; }
.info-item-date { margin-bottom: 10px; text-align: left; }
.inq-tokyo,.inq-osaka,.form-mark,.mail-mark { font-size: 1.0rem; }
.foot-form-wrap { margin: 20px 0 0 10px; }
.foot-mail-wrap { margin: 0 0 0 10px; }
.featurette-divider { margin: 1rem 0; }
.feature-bg-wrap a { font-size: 1.2rem; }
.header-phone { display: none; }
.navbar-brand-wrap { text-align: center; margin-bottom: 10px; }
.navbar-nav li { border:none; background:rgba(255,255,255,0.8); margin-bottom: 4px; }
.navbar-nav li:last-child { border:none; }
.carousel { margin-bottom: 30px !important; }
.navbar { padding-bottom:20px !important;  padding:1rem; }
.text-ellipsis { -webkit-line-clamp: 6; }
.footer-menu-wrap h3 { font-size: 1.2rem; }
.page-head { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.img-lineup { width:80%; }
.lineup-list-p { padding: 0 10px; }
.sp { display: none; }
.carousel-caption p { font-size: 1.0rem; }
.evapo-top.slide_1 { background-position:70% 0%; }
.armcover-top.slide_armcover {
    background-position: center center;
    background-size: auto 220%;
}
.armcover-top .carousel-caption h1 { font-size: 1.4rem; }
.fspot_table th {
    white-space: nowrap;
    width: 1%;
}
}

@media (max-width: 630px) {
.header-phone p { font-size: 1.2rem; }
.tokyo-color,.osaka-color { padding:0.1rem 0.6rem; }
}

@media (max-width: 575px) {
.inq-tokyo,.inq-osaka { margin:10px 0 0 0; }
.foot-form-wrap,.foot-mail-wrap { margin: 0; }
}

@media (max-width: 481px) {
.text-ellipsis { -webkit-line-clamp: 4 !important; }
}