@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');

body, html {
  font-family: 'Noto Serif JP', sans-serif;
}

a.link{
  color: #002147 !important;
}

.preview .view-breadcrumb{
  background-color: #f8f8f8;
}

.view-header {
  /*position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  /*background: linear-gradient(to bottom, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.0)) !important;*/
  backdrop-filter: none;
  border-bottom: none !important;
}

.view-header .tel{
  background-color:transparent;
  display: block;
  font-size:160%;
  text-align: center;
}

.view-header .tel::after{
  content:"営業時間/平日9:00-17:30";
  display:block;
  color:#000000;
  font-size:14px;
  text-transform: uppercase;
}

.view-header .first-row .detail-item .button-list li .btn {
  background-color: #002147 !important;
  border: none !important;
}

.view-header .first-row .detail-item .button-list li .btn:hover {
  background-color: rgba(0, 33, 71, 0.85) !important;
}

.view-header .link-list li a {
  color: #002147 !important;
  font-size: 18px;
}

.view-area.template-simple.siteColor-darkBlue .view-components .btn {
  background-color: #002147 !important;
}

.view-area.template-simple.siteColor-darkBlue .view-components .btn:hover:not(.btn-disabled) {
  background: rgba(0, 33, 71, 0.85) !important;
}

.is-pc .view-area.template-simple.siteColor-darkBlue .view-header .link-list li a.current,
.is-sp .view-area.template-simple.siteColor-darkBlue .view-header .link-list li a.current{
  border: none;
  font-weight: 700;
}

.view-mainArea .parts-contents .heading-text .heading {
  color: #002147 !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-shadow: 0 0 6px #ffffff  !important;
  margin-bottom: 32px !important;
}

.view-mainArea .parts-contents .heading-text .text {
  color: #002147 !important;
  text-shadow: none !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  margin-bottom: 48px !important;
}

.view-mainArea .parts-contents .buttons .btn {
  background-color: transparent !important;
  border: none !important;
  color: #ffffff !important;
  padding: 16px 32px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.view-mainArea .parts-contents .buttons .btn:hover {
  background-color: #ffffff !important;
  color: #ffffff !important;
}

.layout-column img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius:8px !important;
}

.view-heading1{
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:20px;
  font-weight: 700;
  color: #002147 !important;
  border-bottom: 4px solid #002147;
}

.view-heading2,h2.heading {
  color: #002147;
  font-size: 42px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding-bottom:20px;
  text-align: left !important;
}

.view-heading3,h3.heading,h3.title {
  color: #002147;
  font-weight:700;
}

.is-pc .view-area.template-simple .layout-container > .view-components .btn, .is-sp .view-area.template-simple .layout-container > .view-components .btn {
  border:1px solid #ffffff;
  width:240px;
}

.view-message .heading{
  font-size:36px !important;
  color: #002147;
}

.is-pc .view-area.template-simple.siteColor-darkBlue .view-listDisplay .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-oneLineNews .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-message .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-textWithTopImages .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-companyOverview .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-textWithLeftAndRightImages .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-map .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-step .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-customer-voice .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-listDisplay .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-oneLineNews .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-message .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-textWithTopImages .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-companyOverview .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-textWithLeftAndRightImages .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-map .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-step .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-customer-voice .heading::after {
  background: none;
}

.is-pc .view-textWithTopImages .contents .images .images-block{
  border:none !important;
}

.view-textWithTopImages .contents .images .images-block .images-img span{
  border-radius:8px;
}

.view-components .component.set-component.next-layout-2-component.prev-conversion-component .view-conversion,
.view-components .component.set-component.next-step-component.prev-conversion-component .view-conversion{
  background-color:rgb(0, 33, 71, 0.9) !important;
}

.view-conversion .parts-contents .heading-text .heading,
.view-conversion .parts-contents .heading-text .text{
  text-shadow:none;
}

.is-pc .view-area.template-simple .preview .conversionComponent, .is-sp .view-area.template-simple .preview .conversionComponent{
  margin-top: 0;
}

.view-footer {
  background-color: #000000 !important;
  color: #ffffff !important;
  margin-top: 0 !important;
}

.view-footer .copyright {
  color: #ffffff !important;
}

.is-pc .view-area.template-simple.siteColor-darkBlue .view-step .step-contents .step-images, .is-sp .view-area.template-simple.siteColor-darkBlue .view-step .step-contents .step-images{
  background-color: #002147;
}


@media screen and (max-width: 768px) {
  .view-mainArea .parts-contents .heading-text .heading {
    font-size: 32px !important;
    margin-bottom:0 !important;
    line-height:1.5em !important;
    text-align:center !important;
  }

  .view-mainArea .parts-contents .heading-text .text{
    font-size:14px !important;
    text-align:center !important;
  }

  h1.view-heading1, .view-heading2, h2.heading{
    font-size:28px !important;
  }

  .view-message .heading, h3.view-heading3, h3.heading, .view-conversion .parts-contents .heading-text .heading{
    font-size:24px !important;
  }

  .view-conversion .parts-contents .heading,
  .view-conversion .parts-contents .text{
    text-align: center !important;
  }

  .is-sp .view-header .first-row {
    padding-left:10px;
  }

  .view-conversion p.text{
    font-size: 14px !important;
  }

  .is-sp .view-components .buttons{
    display:flex !important;
    justify-content: center;
    margin-left:0;
  }

  .is-sp .view-components #footer .view-footer{
    width: 100% !important;
  }

  .view-table th, .view-table td{
    padding:30px;
  }
}