@charset "utf-8";

/* BASE */

:root {
 --color-main: #3F1B00;
 --color-main-light: #765B46;
 --color-text: #666359;
 --font-family-default: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", verdana, sans-serif;
 --font-family-outfit: "Outfit", sans-serif;
 --font-family-composite: "Outfit", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", verdana, sans-serif;
 --max-width-inner: 92%;
 --padding-top-content: 80px;
 --padding-bottom-content: 80px;
 --padding-left-content: 0;
 --padding-right-content: 0;
 --width-inner: 1040px;
}

body {
 color: #000;
 font: 400 16px/1.5 var(--font-family-default);
 overflow: auto;
}

img {
 height: auto;
 max-height: 100%;
 max-width: 100%;
 vertical-align: middle;
 image-rendering: -webkit-optimize-contrast;
}

a {
 color: inherit;
 text-decoration: none;
}

a[href^="tel:"] {
 cursor: default;
 pointer-events: none;
}


/* COMMON */

.c-color-brown {
 color: #552501;
}

.c-font-en {
 font-family: var(--font-family-outfit);
}

.c-font-composite {
 font-family: var(--font-family-composite);
}

.c-fs75 {
 font-size: 75%;
}

.c-bold {
 font-weight: 700 !important;
}

.c-underline {
 text-decoration: underline;
}

.c-outline {
 color: #fff;
 paint-order: stroke;
 -webkit-text-stroke: 6px var(--color-main);
}

.pc {
 display: block !important;
}

.sp {
 display: none !important;
}

#wrapper {
 position: relative;
 width: 100%;
}


/* HEADER */

#header {
 background-color: #fff;
 height: 100px;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 99;
}

#header.is-scrolled {
 box-shadow: 0 4px 4px rgba(0,0,0,.05);
}

.h-inner {
 display: flex;
 align-items: flex-start;
}

#header.is-scrolled .h-inner {
 height: 100px;
}

.h-logo {
 aspect-ratio: 1 / 1;
 background-color: #fff;
 border-radius: 0 0 28px 0;
 box-shadow: 0 4px 12px rgba(0,0,0,.2);
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 transform-origin: top center;
 transition: .2s ease-in-out;
 width: 180px;
 z-index: 100;
}

#header.is-scrolled .h-logo {
 border-radius: 0;
 box-shadow: none;
 transform: scale(.55);
 transform-origin: top center;
 transition: .2s ease-in-out;
}

.h-menubtn {
 display: none;
}

.h-gnav {
 background-color: #fff;
 display: flex;
 align-items: center;
 column-gap: clamp(1.25em,1.8vw,2.5em);
 justify-content: flex-end;
 flex: 1;
 height: 100px;
 padding: 22px min(2.1vw,40px) 22px;
}

.h-gnav-list {
 display: flex;
 column-gap: clamp(1.25em,1.3vw,1.5em);
}

.h-gnav-list-item a {
 font-size: clamp(13.5px,1.2vw,16px);
}

.h-gnav-list-item a:hover {
 border-bottom: 2px solid #000;
}

.h-contact-pc {
 text-align: center;
}

.h-contact-tel {
 font-family: var(--font-family-outfit);
 font-size: clamp(26px,2.3vw,32px);
 font-weight: 700;
 line-height: 1;
}

.h-contact-tel img {
 margin-right: 2px;
 vertical-align: -2px;
}

.h-contact-time {
 font-size: clamp(14px,.9vw,16px);
}

.h-contact-mb {
 display: none;
}


/* CONTENTS */

.section {
 position: relative;
}

.section-inner {
 max-width: var(--max-width-inner);
 margin: auto;
 padding: var(--padding-top-content) var(--padding-right-content) var(--padding-bottom-content) var(--padding-left-content);
 width: var(--width-inner);
}

.section-header {
 margin-bottom: 48px;
}

.section-icon {
 text-align: center;
}

.section-title {
 color: var(--color-main);
 font-size: 48px;
 font-weight: 700;
 text-align: center;
}

.mainvisual-image {
 height: auto;
 width: 100%;
}

.mainvisual-side {
 position: fixed;
 top: 270px;
 right: 0;
 z-index: 98;
}

.btn-side-contact {
 background-color: #EF5233;
 border-radius: 16px 0 0 16px;
 color: #fff;
 display: block;
 font-size: 20px;
 font-weight: 700;
 padding: 32px;
 transition: .2s ease-in-out;
 width: 94px;
 writing-mode: vertical-rl;
}

.btn-side-contact:hover {
 opacity: .8;
 transition: .2s ease-in-out;
}

.btn-side-contact img {
 margin-bottom: .5em;
}

.achievements-figure {
 text-align: center;
}

.customer-container {
 background-color: #F4F0EB;
 border-top: 3px solid var(--color-main);
 border-bottom: 3px solid var(--color-main);
 overflow: hidden;
 padding: 48px 0;
 width: 100%;
}

.customer-loop {
 background-repeat: repeat-x;
 background-size: 2937px 100px;
 height: 100px;
}

.customer-loop.loop1 {
 animation: bgroop 45s linear infinite;
 background-image: url(../images/lp2025/img_customer_logo_pc@2x.webp);
 background-position: 0 0;
}

.customer-loop.loop2 {
 display: none;
}

@keyframes bgroop {
 from {
 background-position-x: 0;
 }
 to {
 background-position-x: -2937px;
 }
}

#introduction {
 background: #f8f3ec;
}

#introduction .section-inner {
 width: 1140px;
}

.introduction-imgarea {
 margin-bottom: 40px;
 text-align: center;
}

.introduction-text {
 font-size: clamp(13px, 2vw, 20px);
 font-weight: 500;
 margin-bottom: 40px;
 padding: 0 15px;
 text-align: center;
}

.introduction-section {
 margin: 40px auto 80px;
}

#introduction .section-inner > .introduction-section:last-child {
 margin-bottom: 0;
}

.introduction-point-title {
 background-color: #005184;
 border-radius: 100vh;
 color: #fff;
 font-size: clamp(16px, 3vw, 32px);
 font-weight: 700;
 line-height: 1.3;
 margin: 40px auto;
 max-width: 100%;
 padding: 20px 0 25px;
 text-align: center;
 width: clamp(350px, 80%, 716px);
}

.introduction-point-subtitle {
 background-color: #552501;
 border-radius: 100vh;
 color: #fff;
 font-size: clamp(16px, 3vw, 32px);
 font-weight: 700;
 margin: 40px auto;
 max-width: 100%;
 padding: 10px 0 15px;
 text-align: center;
 width: clamp(350px, 80%, 500px);
}

.introduction-subtitle {
 color: #552501;
 font-size: clamp(16px, 3vw, 32px);
 font-weight: 700;
 margin-bottom: 40px;
 text-align: center;
}

.introduction-operation-title {
 background-color: #552501;
 color: #fff;
 font-weight: 700;
 margin: 40px auto 25px;
 max-width: 100%;
 padding: 20px 5px;
 text-align: center;
 width: clamp(351px, 80%, 780px);
}

.introduction-operation-title .number {
 display: block;
 font-size: clamp(20px, 3.2vw, 40px);
}

.introduction-operation-title .text {
 display: block;
 font-size: clamp(16px, 3vw, 32px);
}

.introduction-block {
 padding: 15px 50px;
 margin: auto;
 width: 100%;
}

.introduction-list {
 counter-reset: number;
 margin-bottom: 20px;
}

.introduction-list li {
 display: flex;
 align-items: center;
 font-size: clamp(13px, 2vw, 20px);
 font-weight: 500;
 padding: .5em 0;
}

.introduction-list li::before {
 content: counter(number);
 aspect-ratio: 1 / 1;
 background-color: #552501;
 border-radius: 100vh;
 counter-increment: number;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 font-family: var(--font-family-outfit);
 font-weight: 400;
 font-size: 21px;
 line-height: 1;
 margin-right: .5em;
 width: 40px;
}

.introduction-function-title {
 margin-bottom: 30px;
 text-align: center;
}

.introduction-table {
 width: 100%;
}

.introduction-table th,
.introduction-table td {
 border: 1px solid #ccc;
 vertical-align: middle;
}

.introduction-table th {
 background-color: #005184;
 color: #fff;
 font-size: clamp(13px, 2vw, 20px);
 font-weight: 700;
 padding: 20px 10px;
 text-align: center;
 width: 25%;
}

.introduction-table td {
 font-size: clamp(13px, 2vw, 20px);
 font-weight: 500;
 padding: 20px 40px;
}

.introduction-flex {
 display: flex;
 justify-content: space-between;
 margin-bottom: 60px;
}

.introduction-flex-box {
 max-width: 31%;
 text-align: center;
 width: 340px;
}

.clickable-image:hover {
 cursor: zoom-in;
}

.introduction-flex-box-caption {
 background-color: #552501;
 border-radius: 100vh;
 color: #fff;
 font-size: 24px;
 font-weight: 700;
 margin: .5em auto 0;
 max-width: 100%;
 padding: 2px 0 4px;
 text-align: center;
 width: 310px;
}

.introduction-modal {
 background-color: rgba(0,0,0,0.9);
 align-items: center;
 justify-content: center;
 display: none;
 height: 100%;
 overflow: auto;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 100;
 animation: modalFadeIn 0.3s;
}

.introduction-modal img {
 max-width: 90%;
 max-height: 90vh;
 object-fit: contain;
}

.introduction-modal img:hover {
 cursor: zoom-out;
}

@keyframes modalFadeIn {
 from { opacity: 0; }
 to { opacity: 1; }
}

@keyframes modalFadeOut {
 from { opacity: 1; }
 to { opacity: 0; }
}

#interview .section-inner {
 max-width: inherit;
 overflow: hidden;
 width: 100%;
}

.interview-container {
 margin-bottom: 64px;
}

.interview-container .slick-list {
 overflow: visible;
}

.interview-container .slick-track {
 display: flex;
 column-gap: 32px;
}

.interview-post {
 background-color: #fff;
 border: 2px solid var(--color-main);
 border-radius: 8px;
 box-shadow: 16px 16px 0 rgba(63,27,0,.2);
 display: flex !important;
 flex-direction: column;
 height: auto;
 overflow: hidden;
 transition: .2s ease-in-out;
 width: 325px;
}

.interview-post:hover {
 transform: translateY(-20px);
 transition: .2s ease-in-out;
}

.interview-post-thumbnail img {
 height: auto;
 width: 100%;
}

.interview-post-content {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 row-gap: 1.5em;
 height: 100%;
 padding: 24px 32px;
}

.interview-post-title {
 font-size: 20px;
 font-weight: 500;
 line-height: 1.4;
}

.interview-post-name {
 font-size: 14px;
 line-height: 1.4;
}

.interview-more {
 color: var(--color-main);
 font-size: 32px;
 font-weight: 700;
 text-align: center;
}

.interview-more a:hover {
 text-decoration: underline;
}

.interview-more img {
 vertical-align: -.15em;
}

#reason {
 background-color: var(--color-main-light);
}

#reason .section-title {
 color: #fff;
}

#reason .section-title .c-outline {
 color: var(--color-main-light);
 margin-left: .1em;
 -webkit-text-stroke-color: #fff;
}

.reason-container {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 row-gap: min(3.5vw,32px);
}

.reason-box {
 background-color: #F4F0EB;
 border: 3px solid #A2724F;
 box-shadow: 16px 16px 0 rgba(255,255,255,.2);
 max-width: 31%;
 padding: 32px clamp(16px,1.7vw,32px);
 width: 324px;
}

.reason-box-header {
 position: relative;
 text-align: center;
 z-index: 2;
}

.reason-box-beforenum {
 color: #F1711E;
 font-family: var(--font-family-outfit);
 font-weight: 700;
 line-height: 1;
}

.reason-box-num {
 color: #F1711E;
 font-family: var(--font-family-outfit);
 font-size: 88px;
 font-weight: 700;
 line-height: 1;
}

.reason-box-icon {
 aspect-ratio: 1 / 1;
 background-color: #fff;
 border-radius: 100vh;
 display: flex;
 align-items: center;
 justify-content: center;
 height: auto;
 margin: -32px auto 28px;
 width: 160px;
}

.reason-box-subject {
 color: #A2724F;
 font-family: var(--font-family-composite);
 font-size: clamp(20px,2vw,28px);
 font-weight: 700;
 font-feature-settings: "palt";
 line-height: 1.3;
 text-align: center;
}

.reason-box-emphasis {
 font-size: 1.285em;
 font-weight: 900;
}

.reason-box-small {
 font-size: .715em;
}

#service {
 overflow: hidden;
}

#service .section-inner {
 padding-bottom: 0;
 max-width: inherit;
 width: 100%;
}

.service-container {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}

.service-box {
 position: relative;
 z-index: 1;
}

.service-box:hover {
 z-index: 2;
}

.service-box.col4 {
 width: 25%;
}

.service-box.col3 {
 width: calc(100% / 3);
}

.service-box-thumbnail {
 height: 100%;
}

.service-box-thumbnail img {
 height: 100%;
 object-fit: cover;
 transition: .2s ease-in-out;
 width: 100%;
}

.service-box:hover .service-box-thumbnail img {
 transform: scale(1.05);
 transition: .2s ease-in-out;
}

.service-box-overlay {
 background-color: rgba(0,0,0,.5);
 display: flex;
 align-items: center;
 justify-content: center;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 transition: .2s ease-in-out;
 width: 100%;
}

.service-box:hover .service-box-overlay {
 background-color: transparent;
 transition: .2s ease-in-out;
}

.service-box-title {
 color: #fff;
 font-size: clamp(16px,2.3vw,32px);
 font-weight: 700;
 line-height: 1.3;
 text-align: center;
}

.service-box-arrow {
 position: absolute;
 bottom: 22px;
 right: 22px;
}

.voice-section {
 border-top: 3px solid var(--color-main);
 padding: 64px 0;
}

#voice .section-inner .voice-section:last-of-type {
 border-bottom: 3px solid var(--color-main);
}

.voice-section-title {
 color: var(--color-main);
 font-size: 32px;
 font-weight: 700;
 margin-bottom: 32px;
 text-align: center;
}

.voice-section-title .c-outline {
 -webkit-text-stroke-width: 4px;
}

.voice-link {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 row-gap: min(2vw,24px);
}

.voice-link.type .voice-link-item {
 max-width: 32%;
 width: 330px;
}

.voice-link.seat .voice-link-item {
 max-width: 24%;
 width: 242px;
}

.btn-voice-link {
 background: url(../images/lp2025/icon_circle-arrow_r_lbr.svg) no-repeat center right min(1.4vw,20px) / 32px 32px;
 border: 2px solid var(--color-main);
 color: var(--color-main);
 display: flex;
 align-items: center;
 font-family: var(--font-family-composite);
 font-size: clamp(15px,2vw,24px);
 font-weight: 700;
 height: 100%;
 line-height: 1.25;
 padding: 18px 50px 22px 20px;
 transition: .2s ease-in-out;
}

.btn-voice-link:hover {
 background-color: var(--color-main-light);
 color: #fff;
 transition: .2s ease-in-out;
}

#faq {
 background-color: #F4F0EB;
}

#faq .section-inner {
 padding-bottom: 104px;
}

.faq-section {
 margin-bottom: 72px;
}

#faq .section-inner .faq-section:last-of-type {
 margin-bottom: 0;
}

.faq-section-title {
 color: var(--color-main);
 font-size: 32px;
 font-weight: 700;
 margin-bottom: 24px;
 text-align: center;
}

.faq-section-title .c-outline {
 -webkit-text-stroke-width: 4px;
}

.faq-list-item {
 border-radius: 16px;
 margin-bottom: 16px;
 overflow: hidden;
}

.faq-list-question {
 background-color: var(--color-main-light);
 color: #fff;
 cursor: pointer;
 display: flex;
 align-items: baseline;
 column-gap: .5em;
 font-size: 18px;
 font-weight: 700;
 padding: 30px 54px 32px 32px;
 position: relative;
}

.faq-list-question::before {
 content: "Q.";
 color: #fff;
 font-family: var(--font-family-outfit);
 font-size: 28px;
 font-weight: 700;
 line-height: 1;
}

.faq-list-question::after {
 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 5V19M5 12H19' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
 display: block;
 position: absolute;
 top: 50%;
 right: 32px;
 transform: translateY(-50%);
}

.faq-list-item.is-open .faq-list-question::after {
 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.faq-list-answer {
 background-color: #fff;
 color: #666359;
 display: none;
 line-height: 1.75;
 padding: 28px 32px 34px;
}

.faq-list-answer-text {
 display: flex;
 align-items: baseline;
 column-gap: .5em;
}

.faq-list-answer-text::before {
 content: "A.";
 color: #F1711E;
 font-family: var(--font-family-outfit);
 font-size: 28px;
 font-weight: 700;
 line-height: 1;
}

.message-container {
 position: relative;
 text-align: right;
}

.message-figure {
 border: 3px solid var(--color-main);
 box-shadow: 16px 16px 0 rgba(63,27,0,.2);
 display: inline-block;
 max-width: 70%;
 width: 687px;
}

.message-content {
 background-color: #F4F0EB;
 border: 3px solid var(--color-main);
 max-width: 50%;
 padding: clamp(24px,2.6vw,36px);
 position: absolute;
 top: 50%;
 left: 0;
 text-align: left;
 transform: translateY(-50%);
 width: 445px;
}

.message-content-title {
 color: var(--color-main);
 font-size: clamp(20px,2vw,28px);
 font-weight: 900;
 line-height: 1.3;
 margin-bottom: 24px;
}

.message-content-text {
 color: #666359;
 font-size: clamp(13px,1.2vw,16px);
 font-weight: 500;
 line-height: 1.75;
}


/* FOOTER */

#footer {
 background-color: var(--color-main-light);
 padding: 64px 64px 40px;
 position: relative;
}

.f-pagetop {
 position: absolute;
 top: -32px;
 left: 50%;
 transform: translateX(-50%);
 transition: .2s ease-in-out;
}

.f-pagetop:hover {
 opacity: .8;
 transition: .2s ease-in-out;
}

.f-inner {
 display: flex;
 column-gap: 2em;
 justify-content: space-between;
 margin: auto;
 max-width: 100%;
 width: 1312px;
}

.f-nav-list-item {
 margin-bottom: .75em;
}

.f-nav-list .f-nav-list-item:last-of-type {
 margin-bottom: 0;
}

.f-nav-list-item a {
 color: #fff;
 font-size: 14px;
}

.f-nav-list-item a:hover {
 text-decoration: underline;
}

.f-profile-table {
 width: 100%;
}

.f-profile-table th,
.f-profile-table td {
 color: #fff;
 font-size: 14px;
 padding: .5em;
 vertical-align: top;
}

.f-profile-table th {
 font-weight: 700;
 min-width: 6em;
}

.f-contact {
 text-align: center;
}

.f-contact-tel {
 color: #fff;
 font-family: var(--font-family-outfit);
 font-size: 40px;
 font-weight: 700;
 line-height: 1;
}

.f-contact-tel img {
 margin-right: 2px;
 vertical-align: -4px;
}

.f-contact-time {
 color: #fff;
}

.f-contact-btns {
 margin-top: 24px;
 text-align: center;
}

.btn-contact {
 background-color: #F1711E;
 border-radius: 100vh;
 color: #fff;
 display: inline-block;
 font-size: 18px;
 font-weight: 700;
 max-width: 100%;
 padding: 18px 24px 22px;
 text-align: center;
 transition: .2s ease-in-out;
 width: 267px;
}

.btn-contact:hover {
 opacity: .8;
 transition: .2s ease-in-out;
}

.btn-contact img {
 margin-right: .5em;
 vertical-align: baseline;
}

.f-copyright {
 color: #fff;
 font-size: 12px;
 padding: 24px 15px 0;
 text-align: center;
}


@media screen and (max-width:1080px) {

 body.no-scroll {
 overflow-y: hidden;
 }

 #header {
 background-color: transparent;
 height: 0;
 }

 #header.is-scrolled {
 box-shadow: none;
 }

 .h-inner {
 display: block;
 height: 0;
 }

 #header.is-scrolled .h-inner {
 height: 0;
 }

 .h-logo {
 border-radius: 0 0 12px 0;
 box-shadow: 0 2px 5px rgba(0,0,0,.2);
 width: 72px;
 }

 #header.is-scrolled .h-logo {
 border-radius: 0 0 12px 0;
 box-shadow: 0 2px 5px rgba(0,0,0,.2);
 transform: none;
 transition: none;
 }

 .h-logo img {
 height: auto;
 width: 47px;
 }

 .h-menubtn {
 background-color: #005184;
 box-shadow: 0 2px 5px rgba(0,0,0,.2);
 border-radius: 0 0 0 12px;
 display: block;
 height: 72px;
 position: absolute;
 top: 0;
 right: 0;
 transition: all .4s;
 width: 72px;
 z-index: 101;
 }

 .h-menubtn.is-active {
 box-shadow: none;
 }

 .h-menubtn span {
 background-color: #fff;
 display: inline-block;
 height: 1px;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 transition: all .4s;
 width: 28px;
 }

 .h-menubtn .t {
 top: 28px;
 }

 .h-menubtn .b {
 bottom: 28px;
 }

 .h-menubtn.is-active .t {
 top: 50%;
 transform: translateX(-50%) translateY(-50%) rotate(-135deg);
 }

 .h-menubtn.is-active .b {
 top: 50%;
 transform: translateX(-50%) translateY(-50%) rotate(135deg);
 }

 .h-gnav {
 background-color: #005184;
 display: none;
 height: 100%;
 overflow-y: auto;
 padding: 112px 32px 56px;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 99;
 }

 .h-gnav-list {
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 display: block;
 padding: 40px 24px;
 }

 .h-gnav-list-item {
 margin-bottom: 2em;
 }

 .h-gnav-list .h-gnav-list-item:last-child {
 margin-bottom: 0;
 }

 .h-gnav-list-item a {
 color: #fff;
 display: inline-block;
 font-size: 16px;
 }

 .h-contact-pc {
 display: none;
 }

 .h-contact-mb {
 display: block;
 padding: 40px 0;
 text-align: center;
 }

 .h-contact-tel {
 color: #fff;
 font-size: 32px;
 }

 .h-contact-time {
 color: #fff;
 font-size: 12px;
 }

 .h-contact-btns {
 margin-top: 24px;
 }

 .btn-side-contact {
 padding: 18px;
 width: 66px;
 }

 #footer {
 padding: 64px 25px 40px;
 }

 .f-pagetop {
 top: -24px;
 }

 .f-pagetop img {
 height: 48px;
 width: 48px;
 }

 .f-inner {
 display: block;
 width: 100%;
 }

 .f-logo {
 margin-bottom: 35px;
 text-align: center;
 }

 .f-nav {
 margin-bottom: 35px;
 }

 .f-nav-list-item {
 text-align: center;
 }

 .f-profile {
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 margin-bottom: 35px;
 padding: 24px 0;
 }

 .f-contact-tel {
 font-size: 32px;
 }

 .f-contact-tel img {
 height: 24px;
 vertical-align: -2px;
 width: 24px;
 }

 .f-contact-time {
 font-size: 12px;
 }

 .btn-contact {
 font-size: 16px;
 padding: 10px 24px 14px;
 width: 255px;
 }

 .f-copyright {
 font-size: 10px;
 }

}