@charset "utf-8";

 /*ヘッダーフッターのスタイル*/
 .naviBox .naviInner li a {
     font-size: 1.392rem;
 }

 .headline2-lifevisionnavi {
     font-size: 2rem;
 }

 .headline4.style01 {
     font-size: 2.896rem
 }

 .headline2 {
     font-size: 2rem;
 }

 .documentBlock .ttl {
     font-size: 1.84rem;
 }

 .documentBlock .documentList li a {
     font-size: 2.4rem
 }

 .contactBlock .contactTxt {
     font-size: 2rem;
 }

 .contactBlock .contactInner {
     letter-spacing: normal;
 }

 .contactBlock .contactInner .ttl {
     font-size: 1.6rem;
 }

 .contactBlock .contactInner div .phoneTxt a {
     font-size: 3.2rem;
 }

 .contactBlock .contactInner .hourTxt {
     font-size: 1.2rem;
 }

 .contactBlock .contactInner div.attention ul li {
     font-size: 1.2rem;
 }

 .introductBlock {
     margin: 60px 0 20px;
 }

 #footer .inner #copyright {
     font-size: 1.12rem;
     letter-spacing: normal;
 }

 .inqueryBlock,
 #footer {
     font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "ヒラギノ丸ゴ Pro W4", sans-serif;
 }

 .publication {
     padding: 45px 15px 0px 15px;
     max-width: 950px;
     margin: 0 auto;
 }

 .spOnly {
     display: none;
 }

 @media screen and (max-width: 949px) {
     .headline4.style01 {
         font-size: 2rem;
     }

     .introductBlock .bannerList li:last-child {
         display: flex;
         justify-content: center;
     }

     .documentBlock .documentList li a {
         font-size: 1.76rem;
     }

     .contactBlock .contactTxt {
         font-size: 1.6rem;
     }

     .contactBlock .contactInner .ttl {
         font-size: 1.6rem;
     }

     .contactBlock .contactInner div .phoneTxt a {
         font-size: 3.296rem;
     }

     .hourTxt .spDisplay {
         font-size: 1.2rem;
     }

     #footer .inner #copyright {
         font-size: 1rem;
     }

     .contactBlock .hourTxt {
         font-size: 1.2rem;
     }

     .spOnly {
         display: block;
     }
 }

 /*ライフビジョンNaviのスタイル*/
 .lifevison-container {
     padding: 0 10px;
 }

 .headline1 {
     margin: 0 auto 40px;
     padding: 0;
 }

 #header #logo {
     display: block;
 }

 #header .image img {
     margin-bottom: 5px;
 }

 .headline2-noline span::before,
 .headline2-noline span::after {
     content: none;
 }

 .headline2-lifevisionnavi {
     margin-bottom: 40px;
 }

 .heading-3--lifevision {
     background-color: #FDEFD7;
     border: none;
     padding: 16px;
     font-weight: bold;
     font-size: 2rem;
 }

 .lifevision-content__item .paragraph {
     margin-top: 0;
     font-size: 1.7rem;
 }

 .naviBox .naviInner li a {
     font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "ヒラギノ丸ゴ Pro W4", sans-serif;
     letter-spacing: normal;
 }

 a.link-button {
     max-width: 490px;
     color: #fff;
 }

 a.link-button:hover {
     color: var(--key-color-primary);
 }

 .basic-image-border {
     border: 1px var(--border-color) solid;
     border-radius: 0;
     margin-bottom: 16px;
 }

 .lifevision-content {
     display: grid;
     grid-template: 1fr 1fr / auto auto;
     gap: 20px 30px;
 }

 .lifevision-flowbox__number {
     display: block;
     background: #E2AB49;
     color: #fff;
     padding: 10px;
     text-align: center;
     border-radius: 10px 0 0 10px;
     align-content: center;
     font-size: 14px;
     font-weight: bold;
 }

 .lifevision-flowbox {
     display: grid;
     grid-template-columns: 80px 1fr;
     margin-bottom: 16px;
 }

 .lifevision-flowbox__number span {
     line-height: 1;
     font-size: 26px;
 }

 .lifevision-flowbox__item {
     align-content: center;
     background: #FEF1D6;
     padding: 10px 20px;
     font-size: 17px;
 }

 .lifevision-faq__question {
     align-items: center;
 }

 .lifevision-faq__question,
 .lifevision-faq__answer {
     display: flex;
     margin-bottom: 10px !important;
     font-size: 17px !important;
     font-weight: bold;
     gap: 20px;
 }

 .lifevision-faq__question>span,
 .lifevision-faq__answer>span {
     display: grid;
     width: 90px;
     height: 60px;
     gap: 16px;
     font-size: 26px;
     background-color: #E2AB49;
     border: #E2AB49 4px solid;
     border-radius: 30px;
     color: #fff;
     text-align: center;
     padding: 10px;
     font-weight: bold;
     line-height: 1;
     flex-shrink: 0;
 }

 .lifevision-faq__answer>span {
     color: #E2AB49;
     background-color: #FFF;
 }

 .lifevision-faq__answer-inner span {
     font-weight: normal;
 }

 @media screen and (max-width: 949px) {
     .lifevision-content {
         display: flex;
         flex-direction: column;
     }

     .lifevision-faq__question,
     .lifevision-faq__answer {
         gap: 10px;
     }

     .lifevision-faq__question>span,
     .lifevision-faq__answer>span {
         width: 60px;
         height: 40px;
         font-size: 22px;
         line-height: 0.5;
         border: #E2AB49 2px solid;
     }
 }