/**
Theme Name: JIN:R child
Template: jinr
Author: CROOVER Inc.
Author URI: https://croover.co.jp
Version: 1.00
*/


.oswald-500 {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


.a--stillimage-maincopy {
  animation: slideinLeft 3s forwards;
}

@keyframes slideinLeft {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}

.soushin.b--jinr-button,
.flow-button.b--jinr-button,
.head-contact .b--jinr-button,
.btn-box.b--jinr-button {
    position: relative;
    z-index: auto !important;
    margin: 0;
}
.head-contact .b--jinr-button span,
.btn-box.b--jinr-button span {
    display: inline-block;
    transition: all 0.4s;
    will-change: transform;
    transition-timing-function: ease;
    width: 100%;
}


.page-template-template-full-width .d--main-style-transparent .b--jinr-fullwidth, .page-template-template-full-width .d--main-style-noframe .b--jinr-fullwidth, .post-template-template-full-width .d--main-style-transparent .b--jinr-fullwidth, .post-template-template-full-width .d--main-style-noframe .b--jinr-fullwidth, .template-full-width .d--main-style-transparent .b--jinr-fullwidth, .template-full-width .d--main-style-noframe .b--jinr-fullwidth {
    margin: 0 calc(50.7% - 50vw);
}
br.br-smp {
    display: none;
}
.a--stillimage-maincopy img.smp {
    display: none;
}
#mainContentInner.t--main-width {
    max-width: 1160px !important;
}
.page-template-template-full-width #jinrArticle, .post-template-template-full-width #jinrArticle, .template-full-width #jinrArticle {
    max-width: 1160px;
}
#postContent {
    letter-spacing: 0px;
}
#commonHeaderInner {
    width: 96%;
}
#commonHeaderInner.t--main-width {
    max-width: 100%;
}
.head-contact {
    display: flex;
    align-items: center;
    font-family: sans-serif;
    position: absolute;
    right: 0px;
    top: 18px;
}
.head-contact .contact-button a {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(to right, #e76e50, #ea874e);
    color: white;
    padding: 11px 42px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    text-decoration: none;
}
.head-contact .contact-button a:hover {
    color: white !important;
}

.head-contact .contact-button .text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    font-size: 21px;
    font-weight: bold;
    margin-left: 12px;
    letter-spacing: 1px;
    font-family: sans-serif;
}

.head-contact .contact-button .text span {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0px;
}

.head-contact .phone-box {
    display: flex;
    flex-direction: column;
    margin-left: 40px;
}
.head-contact .phone-box span {
    font-size: 16px;
    color: #000000;
    text-align: right;
    font-weight: 500;
}
#globalMenu {
    top: 90px;
    position: absolute;
    right: 0;
}
#globalMenuList .menu-item a {
    line-height: 1;
    font-size: 15px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    letter-spacing: 0px;
    font-weight: 400;
}
.d--header-menu-style2 #globalMenuList .menu-item:first-of-type a {
    border-left: none;
}
.d--header-menu-style2 #globalMenuList > .menu-item:not(.d--button) a {
    border-right: 3px solid;
    border-color: #389858 !important;
}
.d--header-menu-style2 #globalMenuList .menu-item:last-of-type a {
    border-right: none;
    padding-right: 0px;
}
.b--jinr-h2rich .c--h2rich-contents {
    display: flex;
    flex-direction: column;
}
.b--jinr-h2rich .c--h2rich-contents h2.a--h2rich-maincopy {
    order: 1;
}
.b--jinr-h2rich .c--h2rich-contents .a--h2rich-subcopy {
    order: 2;
}
.b--jinr-h2rich .c--h2rich-contents h2.a--h2rich-maincopy {
    position: relative;
    display: inline-block;
    margin-bottom: 7px !important;
    font-family: "Oswald", sans-serif;
    font-size: 46px !important;
    letter-spacing: 0 !important;
}
.b--jinr-h2rich .c--h2rich-contents .a--h2rich-subcopy {
    font-size: 19px !important;
    letter-spacing: 0 !important;
    font-weight: 400;
    color: #365943;
}
.b--jinr-h2rich .c--h2rich-contents h2.a--h2rich-maincopy::before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 46px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #375843;
}
.b--jinr-button span {
    font-weight: 400;
}
#postContent p {
    font-weight: 400;
}
#postContent .top-service .t--main-width {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}
#postContent .top-service .b--jinr-h2rich.d--h2rich-center {
    width: 100%;
}
#postContent .top-service01,
#postContent .top-service02,
#postContent .top-service03,
#postContent .top-service04,
#postContent .top-service05,
#postContent .top-service06 {
    display: inline-block;
    position: relative;
    width: 360px;
    margin-bottom: 15px;
    margin-top: 15px;
}
#postContent .top-service01 figure,
#postContent .top-service02 figure,
#postContent .top-service03 figure,
#postContent .top-service04 figure,
#postContent .top-service05 figure,
#postContent .top-service06 figure {
    margin: 0px;
}
#postContent .top-service01 img,
#postContent .top-service02 img,
#postContent .top-service03 img,
#postContent .top-service04 img,
#postContent .top-service05 img,
#postContent .top-service06 img {
    display: block;
    width: 100%;
}
#postContent .top-service01 .wp-element-caption,
#postContent .top-service02 .wp-element-caption,
#postContent .top-service03 .wp-element-caption,
#postContent .top-service04 .wp-element-caption,
#postContent .top-service05 .wp-element-caption,
#postContent .top-service06 .wp-element-caption {
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0px;
    font-size: 20px;
    font-weight: 400;
}
#postContent .top-service01 .wp-element-caption {
    background-color: #399939;
}
#postContent .top-service02 .wp-element-caption {
    background-color: #3a9979;
}
#postContent .top-service03 .wp-element-caption {
    background-color: #389858;
}
#postContent .top-service04 .wp-element-caption {
    background-color: #629a39;
}
#postContent .top-service05 .wp-element-caption {
    background-color: #39989a;
}
#postContent .top-service06 .wp-element-caption {
    background-color: #375843;
}

.d--postlist-newstext .c--post-meta {
    margin-right: 65px;
}
.d--postlist-newstext .o--postlist-item {
    border-color: #C3E0CD !important;
    border-top-width: 2px;
    padding: 27px 105px;
}
.d--postlist-newstext .o--postlist-item:last-child {
    border-bottom-width: 2px;
}
.d--postlist-newstext .o--postlist-item .a--post-date {
    color: #389858;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}
.d--postlist-newstext .o--postlist-item .a--post-title {
    font-size: 18px;
    line-height: 1.2;
}

#commonFooterInner {
    margin: 0 auto;
    padding-top: 58px;
    padding-bottom: 66px;
}
#commonFooter #footerInfo {
    background-color: #389858;
    color: #ffffff;
    flex-flow: column;
    padding-top: 50px;
    padding-bottom: 40px;
}
#commonFooter #footerInfo #commonFooterSiteMenu {
    margin: auto auto 28px;
}
#footerMenuList .menu-item {
    line-height: 1;
    font-size: 15px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    letter-spacing: 0px;
    font-weight: 400;
}

#footerMenuList .menu-item:not(:first-child) {
    border-left-width: 3px !important;
    border-color: #ffffff !important;
}

#commonFooter #copyright {
    font-size: 1.2rem;
    letter-spacing: 0.06rem;
    text-align: center;
    background-color: #375943;
    padding: 13px 0;
    color: #ffffff;
}
#commonFooter #copyright .jin-icons {
    font-size: 1rem;
}
.foot-contact {
    display: flex;
    align-items: center;
    font-family: sans-serif;
    justify-content: center;
}
.foot-contact .phone-box {
    display: flex;
    flex-direction: column;
    
}
.foot-contact .phone-box span {
    font-size: 22px;
    color: #000000;
    text-align: right;
    font-weight: 500;
}
.foot-contact .btn-box {
    margin-left: 95px;
    width: 348px;
    
}
.foot-contact .contact-button a {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(to right, #e76e50, #ea874e);
    color: white !important;
    padding: 15px 49px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    text-decoration: none;
    width: 100%;
    margin-bottom: 17px;
}

.foot-contact .contact-button .text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    font-size: 28px;
    font-weight: bold;
    margin-left: 18px;
    letter-spacing: 1px;
    font-family: sans-serif;
}

.foot-contact .contact-button .text span {
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0px;
}
.foot-contact .partner-button a {
    background-color: #4a7bcd;
    color: white !important;
    justify-content: flex-start;
    position: relative;
    padding-left: 80px;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    font-size: 17px;
    font-weight: 400;
}

.foot-contact .partner-button a::before {
      content: '';
      position: absolute;
      left: 50px;
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      width: 10px;
      height: 10px;
      border-top: 2px solid white;
      border-right: 2px solid white;
}
.smp-contact {
    display: none;
}

#wrapper h2.jinr-heading {
    border-bottom: 2px solid #F1E261;
    background-image: url(https://aobaoffice.com/wp-content/uploads/2025/05/h2.png);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 55px;
    font-size: 42px !important;
    font-weight: 400 !important;
    letter-spacing: 0px;
}
#wrapper h3.jinr-heading {
    font-size: 26px !important;
    margin-top: 0px;
    padding-left: 1em;
    text-indent: -1em;
}
#wrapper h3.jinr-heading::before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 12px;
    height: 12px;
    background: #4a6f5d;
    border-radius: 50%;
    margin-right: 10px;
}
#wrapper h3.jinr-heading.nagare01::before,
#wrapper h3.jinr-heading.nagare02::before,
#wrapper h3.jinr-heading.nagare03::before,
#wrapper h3.jinr-heading.nagare04::before {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    margin-right: 20px;
    background: none;
    font-size: 60px;
    font-style: italic;
    line-height: 5px;
    font-family: a-otf-ryumin-pr6n, serif;
    font-weight: bold;
    text-align: right;
}

#wrapper h3.jinr-heading.nagare01::before {
    content: '01';
}
#wrapper h3.jinr-heading.nagare02::before {
    content: '02';
}
#wrapper h3.jinr-heading.nagare03::before {
    content: '03';
}
#wrapper h3.jinr-heading.nagare04::before {
    content: '04';
}
#wrapper h4.jinr-heading {
    font-size: 30px !important;
    margin-top: 0px;
    background-color: #389858;
    color: #FFFFFF;
    padding: 12px 12px 11px 12px;
    font-weight: 500 !important;
    line-height: 1.4;
}
#mainSideBar h5.jinr-heading {
    font-size: 18px !important;
    margin-top: 0px;
    background-color: #c3e0cd;
    color: #000000;
    padding: 12px 12px 11px 12px;
    font-weight: 500 !important;
    line-height: 1.4;
    margin-bottom: 0px;
}

.flow-button a {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(to right, #e76e50, #ea874e);
    color: white !important;
    padding: 18px 49px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    text-decoration: none;
    width: 348px;
    margin-bottom: 17px;
    margin-left: 28px;
}
.flow-button .text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    font-size: 28px;
    font-weight: bold;
    margin-left: 18px;
    letter-spacing: 1px;
    font-family: sans-serif;
}
.flow-button .text span.texts {
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0px;
}
.wp-block-media-text__content .wp-block-columns {
    border-left: 1px solid #e4e4e4;
    margin-left: 40px;
    padding-left: 10px;
}
.wp-block-media-text.has-media-on-the-right {
    align-items: stretch !important;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 10px;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content p {
    padding-left: 28px !important;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img {
    width: auto !important;
    margin-left: auto;
}
.wp-block-media-text__content p {
    margin-top: 0px !important;
}
.wp-block-media-text .wp-block-media-text__media {
    align-self: start;
}
.wp-block-media-text.leaf-image img {
    margin-right: auto;
    margin-left: auto;
    width: 85%;
}
table.gaiyou {
    border-top: 1px solid #e2e2e2;
    border-collapse: collapse;
    width: 100%;
}
table.gaiyou th {
    border-bottom: 1px solid #e2e2e2;
    padding: 28px 40px;
    text-align-last: justify;
    word-break: break-all;
    text-justify: inter-ideograph;
    width: 4em;
    font-size: 18px;
    white-space: nowrap;
    font-weight: 600 !important;
}
table.gaiyou td {
    border-bottom: 1px solid #e2e2e2;
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 120px;
    font-size: 16px;
    font-weight: 400 !important;
}
table.gaiyou tr:nth-child(odd) th,
table.gaiyou tr:nth-child(odd) td {
    background-color: #EDF6F1;
}
.block-undefined.d--heading-box4 {
    border: none;
    background-color: #F3F1F1;
    width: 100%;
}
.d--heading-box4 .a--simple-box-title {
    font-size: 30px !important;
    border: 1px solid #389858;
}
.d--heading-box4 .c--simple-box-inner {
    border: 1px solid #DEDEDE;
}
.line-button {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 55px;
}
.line-button a {
    display: inline-flex;
    align-items: center;
    color: white !important;
    padding: 15px 49px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    text-decoration: none;
    margin-bottom: 17px;
    margin-left: 28px;
    background-color: #4CC764;
    border-radius: 60px;
}
.line-button .text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    font-size: 28px;
    font-weight: 500;
    margin-left: 18px;
    letter-spacing: 1px;
    font-family: sans-serif;
}
a:not([class]):hover img {
    transform: none !important;
    box-shadow: none !important;
}
table.contact {
    border-top: 1px solid #dedede;
    border-collapse: collapse;
    width: 100%;
}
table.contact th {
    border-bottom: 1px solid #dedede;
    padding: 28px 13px;
    font-size: 18px !important;
    white-space: nowrap;
    font-weight: 500 !important;
    text-align: left;
    width: 300px;
    letter-spacing: 0px;
}
table.contact td {
    border-bottom: 1px solid #dedede;
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400 !important;
}
table.contact .required {
    background-color: #ba1b21;
    color: #FFFFFF;
    font-size: 14px;
    padding: 1px 10px;
    line-height: 1;
    font-weight: 500;
    margin-right: 10px;
    letter-spacing: 0px !important;
    margin-left: 10px;
}
.wpcf7-checkbox .wpcf7-list-item {
    display: inline-block !important;
}
.wpcf7-form-control-wrap textarea {
    width: 98% !important;
    background-color: #F9FAFD !important;
}
.wpcf7-form-control-wrap input.wpcf7-text {
    width: 80% !important;
    background-color: #F9FAFD;
}
.wpcf7-form .soushin {
    text-align: center;
}
.wpcf7-form .soushin input,
.wpcf7-form .soushin input[type=submit] {
    background-color: #575756;
    color: #FFFFFF;
    font-size: 22px;
    padding: 22px 60px;
    border-radius: 0px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    border: none;
    margin-top: 40px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}
@media (max-width: 551px) {

.d--header-layout1 #commonHeaderInner {
    margin-top: 0px !important;
}
.a--stillimage-maincopy img.pc {
    display: none;
}
.a--stillimage-maincopy img.smp {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.c--stillimage-contents {
    top: 20% !important;

}
.head-contact {
    display: none;
}
#wrapper h2.jinr-heading {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 28px;
    font-size: 30px !important;
    background-size: 60px auto;
}
#wrapper h3.jinr-heading {
    font-size: 22px !important;
    margin-bottom: 10px;
    letter-spacing: 0px;
}
#wrapper h3.jinr-heading.nagare01::before,
#wrapper h3.jinr-heading.nagare02::before,
#wrapper h3.jinr-heading.nagare03::before,
#wrapper h3.jinr-heading.nagare04::before {
    width: 30px;
    font-size: 35px;
    line-height: 12px;
    margin-right: 10px;
}
#wrapper h4.jinr-heading {
    font-size: 22px !important;
}
.d--notosans-thin #postContent {
    letter-spacing: 0;
}
.d--fontsize-27px {
    font-size: 21px !important;
}
#postContent p {
    font-size: 15px !important;
}
br.br-smp {
    display: block;
}
.wp-block-media-text__content .wp-block-columns {
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left: 30px;
}
.page-id-186 .wp-block-media-text__media {
    border-left: 1px solid #e4e4e4;
    margin-left: 20px !important;
    padding-left: 30px;
}
.page-id-176 .wp-block-media-text__content p {
    margin-left: 22px;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
.page-id-176 .wp-block-media-text__media {
    margin-left: 30px;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img {
    width: 100% !important;
}
#postContent .top-service01,
#postContent .top-service02,
#postContent .top-service03,
#postContent .top-service04,
#postContent .top-service05,
#postContent .top-service06 {
    width: 49%;
    margin-top: 0px;
}
#postContent .top-service01 .wp-element-caption,
#postContent .top-service02 .wp-element-caption,
#postContent .top-service03 .wp-element-caption,
#postContent .top-service04 .wp-element-caption,
#postContent .top-service05 .wp-element-caption,
#postContent .top-service06 .wp-element-caption {
    font-size: 15px;
}
.wp-block-media-text>.wp-block-media-text__content {
    padding: 0;
}
.d--postlist-newstext .o--postlist-item .a--post-title {
    font-size: 16px;
}
.d--postlist-newstext .o--postlist-item .a--post-date {
    font-size: 16px;
}
.d--postlist-newstext .o--postlist-item {
    padding: 21px 5px;
}
.d--postlist-newstext .c--post-meta {
    margin-right: 15px;
}
.flow-button a {
    padding: 11px 10px;
    width: auto;
    margin-bottom: 5px;
    margin-left: 0px;
}
.flow-button .text {
    font-size: 18.5px;
    margin-left: 10px;
}
.flow-button .text span.texts {
    font-size: 12px;
}
.flow-button img {
    width: 25px;
}
table.gaiyou th {
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 14px;
    text-align-last: justify;
    word-break: break-all;
    text-justify: inter-ideograph;
    width: 4em;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 600 !important;
    line-height: 1.2;
}
table.gaiyou td {
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 1.2;
}
.wp-block-media-text.is-stacked-on-mobile {
    display: block;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content p {
    padding-left: 0px !important;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img {
    margin-left: auto;
    margin-right: auto;
}
.wp-block-media-text__media {
    margin-bottom: 30px !important;
}
table.contact th {
    border-bottom: 0px solid #dedede;
    padding: 28px 13px 0px;
    text-align: left;
    width: auto;
    letter-spacing: 0px;
    display: block;
}
table.contact td {
    border-bottom: 1px solid #dedede;
    padding-top: 15px;
    padding-bottom: 28px;
    padding-left: 20px;
    display: block;
}
.d--heading-box4 .a--simple-box-title {
    font-size: 22px !important;
}
.contact-tel img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#postContent .b--jinr-box .c--simple-box-inner p.contact-text {
    font-size: 16px !important;
    letter-spacing: 0px;
}
#postContent .b--jinr-box .c--simple-box-inner p.contact-text-s {
    font-size: 13px !important;
    letter-spacing: 0px;
}
.line-button {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 25px;
}
.line-button a {
    display: inline-flex;
    align-items: center;
    color: white !important;
    padding: 15px 20px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    text-decoration: none;
    margin-bottom: 17px;
    margin-left: 0px;
    background-color: #4CC764;
    border-radius: 60px;
}
.line-button .text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 500;
    margin-left: 10px;
    letter-spacing: 1px;
    font-family: sans-serif;
}

.wpcf7-form-control-wrap textarea {
    width: 95% !important;
    background-color: #F9FAFD !important;
}
.wpcf7-form-control-wrap input.wpcf7-text {
    width: 95% !important;
    background-color: #F9FAFD;
}
.wpcf7-form .soushin input,
.wpcf7-form .soushin input[type=submit] {
    font-size: 20px;
    padding: 18px 30px;
}
.wpcf7-spinner {
    display: block;
}
.soushin.b--jinr-button span.a--button-hover {
    display: inline-grid;
}
.d--footer-style1 {
    position: relative;
}
.foot-contact {
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.foot-contact .contact-button a {
    padding: 15px 20px;
}
.foot-contact .contact-button img {
    width: 40px;
}
.foot-contact .contact-button .text {
    font-size: 24px;
    margin-left: 14px;
}
.foot-contact .contact-button .text span {
    font-size: 15px;
}
.foot-contact .phone-box {
    margin-bottom: 17px;
}
.foot-contact .phone-box span {
    font-size: 15px;
    margin-top: 5px;
}
.foot-contact .btn-box {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.foot-contact .partner-button a {
    padding-left: 50px;
}
.foot-contact .partner-button a::before {
    left: 25px;
}
#commonFooterInner {
    padding-top: 30px;
    padding-bottom: 40px;
}
#commonFooter #copyright {
    font-size: 10px;
}
#footerInfo img {
    margin-left: auto;
    margin-right: auto;
}
#commonFooter.js--cvb-display {
    position: relative;
}
.smp-contact {
    display: flex;
    align-items: center;
    font-family: sans-serif;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    padding: 5px;
    background-color: #FFFFFF;
}
.smp-contact .contact-button a {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(to right, #e76e50, #ea874e);
    color: white;
    padding: 11px 10px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    text-decoration: none;
}
.smp-contact .contact-button a:hover {
    color: white !important;
}
.smp-contact .contact-button img {
    width: 25px;
}

.smp-contact .contact-button .text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    font-size: 18.5px;
    font-weight: bold;
    margin-left: 10px;
    letter-spacing: 1px;
    font-family: sans-serif;
}

.smp-contact .contact-button .text span {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0px;
}

.smp-contact .phone-box {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    width: 50%;
}
.smp-contact .phone-box span {
    font-size: 11px;
    color: #000000;
    text-align: right;
    font-weight: 500;
}

.d--fullwidth-max h1.has-large-font-size {
    font-size: 30px !important;
}
.d--two-column .d--article-width-740 + #mainSideBar {
    display: block !important;
}
}


.smp-contact.hidden {
    animation: smp-fade .2s ease-in-out forwards;
    pointer-events:none;/* 重要 */
}
@keyframes smp-fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.smp-contact.visible {
    animation: smp-fadeOut .2s ease-in-out forwards;
    pointer-events:all;/* 重要 */
}
@keyframes smp-fadeOut {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}