@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

body {
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

form button:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.8;
}

.wysiwyg iframe {
  max-width: 100%;
}

.radio-one-none .first {
  display: none;
}

@media screen and (min-width: 768px), print {

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        padding-left: 1em;
        padding-right: 1em;
    }

  /* bese */
  body {
    font-size: 16px;
    overflow-x: hidden;
    line-height: 1.8;
    min-width: 1280px;
  }
  .common-btn {
    display: block;
    line-height: 1;
    border-bottom: solid 1px #666666;
    color: #666666;
    padding: 0 40px 20px 9px;
    position: relative;
    letter-spacing: 1px;
  }
  .common-btn:hover {
    text-decoration: none;
  }
  .common-btn:hover:after {
    right: 10px;
  }
  .common-btn:after {
    content: "";
    display: inline-block;
    width: 14.17px;
    height: 13.92px;
    background-image: url(../images/common/common-btn_after.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 5px;
    right: 20px;
    transition: all 0.3s;
  }
  #one-cl {
    overflow: hidden;
  }
  /*
  header{ width: 1100px; height: 100px; margin: 0px auto 20px auto; padding-top: 10px; position: relative;}
  header h1{ font-size: 0.75em; color: #ccc; margin-bottom: 15px; line-height: 1.2; height: 20px; width: 650px;}
  header .h-link-list{ font-size: 0.75em; position: absolute; left: 220px; top: 80px; }
  header .h-link-list li{ float: left; margin-right: 15px; }
  header .h-link-list li::before{ content: "＞"; }
  header .h-add-Box{ width: 300px; position: absolute; font-size: 0.75em; top: 20px; right: 120px; }
  header .sns-list{ position: absolute; top: 10px; right: 0px; }
  header .sns-list li{ float: right; margin-left: 10px; }

  header .btn01{ position: absolute; right: 130px; bottom: 0; font-size: 0.75em;}
  header .btn01 a{ color: #fff; display: inline-block; padding: 10px 35px;background: #000; }
  header .btn02{ position: absolute; right: 0; bottom: 0; font-size: 0.75em;}
  header .btn02 a{ color: #fff; display: inline-block; padding: 10px 35px;background: #000; }
  */
  header {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    padding-top: 20px;
    width: 97%;
    margin: 0 auto;
    z-index: 10;
  }
  header .flex-Box {
    display: flex;
    justify-content: space-between;
    height: 73px;
    align-items: center;
    margin-right: 116px;
    border-right: solid 1px #fff;
    padding-right: 48px;
  }
  header .flex-Box.under-page {
    border-right: solid 1px #666666;
  }
  header .flex-Box .hh-logo {
    width: 219.66px;
    padding-left: 7px;
  }
  header .flex-Box .hh-logo img {
    width: 100%;
  }
  header .flex-Box .link-list {
    display: flex;
    line-height: 1;
  }
  header .flex-Box .link-list li .insta {
    width: 14.14px;
  }
  header .flex-Box .link-list li .tel {
    width: 147.76px;
  }
  header .flex-Box .link-list li + li {
    margin-left: 35px;
  }
  .pc-menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 500;
  }
  .pc-menu:hover {
    opacity: 0.8;
    cursor: pointer;
    cursor: hand;
  }
  .pc-menu {
    width: 60px;
    height: 60px;
    top: 27px;
    right: 45px;
    filter: invert(25%);
  }
  .pc-menu img {
    width: 100%;
    height: 100%;
  }
  .side-fix {
    position: fixed;
    top: 150px;
    right: 0;
    z-index: 10;
  }
  .side-fix {
    display: none;
  }
  .side-fix ul li {
    width: 50px;
  }
  .side-fix ul li a {
    display: block;
  }
  .side-fix ul li a img {
    width: 100%;
    height: auto;
  }
  .side-fix ul li + li {
    margin-top: 1px;
  }
  #pc-menu-open {
    display: none;
    background: #f8f8f8;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 10000;
    overflow: scroll;
  }
  #pc-menu-open .open-close-01 {
    position: absolute;
    top: 0;
    right: 0;
  }
  #pc-menu-open .open-main-Box {
    width: 1100px;
    margin: 0 auto;
    padding: 70px;
  }
  #pc-menu-open .open-main-Box .ttl {
    margin-bottom: 30px;
  }
  #pc-menu-open .open-main-Box .con-Box {
    margin-bottom: 30px;
  }
  #pc-menu-open .list-Box .con-Box {
    margin-bottom: 30px;
  }
  #pc-menu-open .open-close-02 {
    width: 300px;
    line-height: 1;
    cursor: pointer;
    font-weight: bold;
    margin: 0 auto;
    color: #fff;
    padding: 10px 50px;
    font-size: 1em;
    text-align: center;
    background: #000;
  }
  #pc-menu-open .open-main-Box {
    max-width: 1760px;
    width: 92%;
    min-width: 1280px;
    margin: 0 auto;
  }
  #pc-menu-open .open-main-Box .f-link-Box {
    padding: 0 10px;
    display: flex !important;
    justify-content: space-between;
    margin-bottom: 70px;
  }
  #pc-menu-open .open-main-Box .f-link-Box div .parent {
    line-height: 1;
    margin-bottom: 24px;
  }
  #pc-menu-open .open-main-Box .f-link-Box div .parent img {
    height: 9.52px;
    width: auto;
  }
  #pc-menu-open .open-main-Box .f-link-Box div .lead {
    letter-spacing: 1.8px;
    line-height: 29px;
  }
  #pc-menu-open .open-main-Box .f-link-Box div .lead a {
    color: #666666;
  }
  #pc-menu-open .open-main-Box .f-link-Box .nav_list {
    display: flex;
  }
  #pc-menu-open .open-main-Box .f-link-Box .nav_list .contents {
    width: 280px;
    margin-right: clamp(20px, (100vw - 1280px) / (640) * 62 + 20px, 82px);
  }
  #pc-menu-open .open-main-Box .f-link-Box .nav_list .information {
    width: 130px;
    margin-right: clamp(20px, (100vw - 1280px) / (640) * 90 + 20px, 110px);
  }
  #pc-menu-open .open-main-Box .f-link-Box .nav_list .about {
    width: 200px;
    margin-right: clamp(0px, (100vw - 1280px) / (640) * 99 + 0px, 99px);
  }
  #pc-menu-open .open-main-Box .f-link-Box .nav_list div ul {
    margin-top: 32px;
    font-size: 15px;
  }
  #pc-menu-open .open-main-Box .f-link-Box .nav_list div ul li {
    line-height: 1;
  }
  #pc-menu-open .open-main-Box .f-link-Box .nav_list div ul li:before {
    content: "-";
    margin-right: 13px;
  }
  #pc-menu-open .open-main-Box .f-link-Box .nav_list div ul li a {
    letter-spacing: 0.3px;
    color: #666666;
  }
  #pc-menu-open .open-main-Box .f-link-Box .nav_list div ul li + li {
    margin-top: 24px;
  }
  #pc-menu-open .open-main-Box .f-sns-Box {
    line-height: 1;
    padding-bottom: 19px;
    border-bottom: solid 1px #D0D0D0;
  }
  #pc-menu-open .open-main-Box .f-sns-Box a {
    width: 126.5px;
    display: block;
    margin-left: 17px;
  }
  #pc-menu-open .open-main-Box .f-sns-Box a img {
    width: 100%;
  }
  #pc-menu-open .f-con-Box {
    display: flex;
    padding: 42px 0 0;
    position: relative;
  }
  #pc-menu-open .f-con-Box .f-logo {
    margin-left: 12px;
    margin-top: 5px;
    margin-right: 68px;
  }
  #pc-menu-open .f-con-Box .f-logo img {
    width: 211.66px;
  }
  #pc-menu-open .f-con-Box .c-info {
    font-size: 14px;
    color: #666666;
  }
  #pc-menu-open .f-con-Box .c-info p {
    line-height: 1;
    letter-spacing: 0.2px;
  }
  #pc-menu-open .f-con-Box .c-info p + p {
    margin-top: 8px;
  }
  #pc-menu-open .f-con-Box .copyright {
    position: absolute;
    right: 0;
    bottom: 8px;
    font-size: 12px;
    letter-spacing: -0.1px;
    transform: translate(0, 10px);
    color: #B3B3B3;
  }
  #pc-menu-open .open-close-01 {
    width: 60px;
    height: 60px;
    top: 27px;
    right: 45px;
  }
  #pc-menu-open .open-close-01 img {
    width: 100%;
    height: auto;
  }
  #g-nav {
    width: 1100px;
    margin: 0px auto 10px auto;
    padding: 20px 0;
    text-align: center;
    font-size: 0.875em;
  }
  #g-nav li.list {
    position: relative;
    display: inline-block;
    margin-right: 2px;
  }
  #g-nav li.list span {
    cursor: pointer;
  }
  #g-nav li.list span,
  #g-nav li.list a {
    border-right: 1px solid #999;
    display: block;
    text-align: center;
    padding: 10px 20px;
  }
  #g-nav li.list:first-child a {
    border-left: 1px solid #999;
  }
  #g-nav .dropmenu li.list ul.sub {
    visibility: hidden;
    opacity: 0;
    transition: 0s;
    position: absolute;
    top: 35px;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 500;
    width: 220px;
  }
  #g-nav .dropmenu li.list:hover ul {
    visibility: visible;
    opacity: 1;
    display: block;
  }
  #g-nav .dropmenu li.list ul li:last-child a {
    border-bottom: 1px solid #ccc;
  }
  #g-nav .dropmenu li.list ul li a {
    visibility: hidden;
    opacity: 0;
    transition: 0.9s;
    background: #fff;
    display: block;
    width: 220px;
    padding: 10px;
    color: #000;
    border: 1px solid #ccc;
    border-bottom: none;
  }
  #g-nav .dropmenu li.list:hover ul li a {
    visibility: visible;
    opacity: 1;
  }
  #g-nav {
    position: absolute;
    top: 0;
    left: 0;
  }
  #end-contact {
    background: #eee;
    padding: 50px 0;
  }
  #end-contact .end-contact-ttl {
    margin-bottom: 50px;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
  }
  #end-contact p {
    text-align: center;
    margin-bottom: 20px;
    font-size: 0.875em;
  }
  #end-contact .btn a {
    font-weight: bold;
    margin: 0 auto;
    color: #fff;
    padding: 10px 50px;
    font-size: 1.125em;
    text-align: center;
    display: inline-block;
    background: #000;
  }
  #end-contact .btn a:hover {
    background: #333;
    text-decoration: none;
  }
  #end-contact {
    background: transparent;
    position: relative;
    padding: 69px 0 0;
  }
  #end-contact h2 {
    position: absolute;
    top: 0;
    left: 50%;
    height: 73px;
    max-width: 1590px;
    width: 90%;
    text-align: left;
    transform: translate(-50%, 0);
    z-index: 2;
  }
  #end-contact h2 img {
    width: auto;
    height: 100%;
  }
  #end-contact .bg-wrapper {
    position: relative;
    clip-path: inset(0);
  }
  #end-contact .bg-wrapper > img {
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  #end-contact .bg-wrapper .container {
    padding: 190px 0 183px;
    max-width: 1600px;
    min-width: 1200px;
    width: 90%;
    margin: 0 auto;
  }
  #end-contact .bg-wrapper .container .flex-Box {
    display: flex;
    justify-content: space-between;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box {
    width: 455px;
    height: 500px;
    position: sticky;
    top: 190px;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box p {
    color: #fff;
    text-align: left;
    font-size: 16px;
    line-height: 1.65;
    margin-bottom: 24px;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box .lead {
    font-size: 22px;
    line-height: 44px;
    letter-spacing: 6.5px;
    margin-bottom: 28px;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box .tel-num {
    width: 236.04px;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box .tel-num img {
    width: 100%;
    height: auto;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box {
    max-width: 960px;
    width: 60%;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li {
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 60px;
    position: relative;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text {
    max-width: 510px;
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text > div p {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    letter-spacing: 0.8px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text > div .lead {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 28px;
    letter-spacing: 4px;
    margin-top: 15px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text > div .lead span {
    position: absolute;
    top: 15px;
    left: 12px;
    font-size: 11px;
    letter-spacing: 0;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text a {
    max-width: 490px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .fig {
    max-width: 300px;
    width: 50%;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .fig img {
    width: 100%;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li + li {
    margin-top: 40px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box {
    display: flex;
    justify-content: space-between;
    margin-top: 120px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box > div {
    max-width: 450px;
    width: 48%;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box > div a {
    display: block;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box > div a img {
    width: 100%;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box > div p {
    font-size: 15px;
    color: #fff;
    text-align: left;
    margin-top: 9px;
    margin-bottom: 0;
    letter-spacing: 0.8px;
    text-indent: 3px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .message-Box {
    margin-top: 85px;
    border-top: solid 1px #fff;
    padding-top: 45px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .message-Box p {
    color: #C4C4C4;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.7px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .message-Box .lead {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 24px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .message-Box .lead span {
    height: 10.26px;
    width: auto;
    margin-right: 30px;
    display: inline-block;
    line-height: 0.8;
    margin-left: 3px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .message-Box .lead span img {
    width: auto;
    height: 100%;
  }
  /*
  footer{ width: 100%; min-width: 1100px; background: #ccc; padding: 40px 0; line-height: 1.6; }
  footer .footer-Box{ width: 1100px; margin: 0 auto; font-size: 0.875em;}
  footer .f-link-Box{ width: 770px; float: left;  }
  footer .f-link-Box .f-home-link { margin-bottom: 40px;}
  footer .f-link-Box .f-home-link::before { content: "■ "; }
  footer .f-link-l{ float: left; width: 150px; margin-right: 40px; }
  footer .f-link-c{ float: left; width: 150px; margin-right: 40px }
  footer .f-link-r{ float: left; width: 150px; }
  footer .f-link-Box li{ margin-bottom: 10px; }
  footer .f-link-Box li::before{ content: "> "; }
  footer .f-con-Box{ width: 320px; float: left; }

  .copyright{ font-size: 0.75em; text-align: center; padding: 20px 0px; display: block; }
  */
  footer {
    padding: 110px 0 60px;
    color: #666666;
  }
  footer .footer-Box {
    max-width: 1620px;
    width: 93%;
    min-width: 1200px;
    margin: 0 auto;
  }
  footer .footer-Box .f-link-Box {
    padding: 0 10px;
    display: flex !important;
    justify-content: space-between;
    margin-bottom: 70px;
  }
  footer .footer-Box .f-link-Box div .parent {
    line-height: 1;
    margin-bottom: 24px;
  }
  footer .footer-Box .f-link-Box div .parent img {
    height: 9.52px;
    width: auto;
  }
  footer .footer-Box .f-link-Box div .lead {
    letter-spacing: 1.8px;
  }
  footer .footer-Box .f-link-Box div .lead a {
    color: #666666;
  }
  footer .footer-Box .f-link-Box .nav_list {
    display: flex;
  }
  footer .footer-Box .f-link-Box .nav_list .contents {
    width: 280px;
    margin-right: 82px;
  }
  footer .footer-Box .f-link-Box .nav_list .information {
    width: 130px;
    margin-right: 110px;
  }
  footer .footer-Box .f-link-Box .nav_list .about {
    width: 200px;
    margin-right: 99px;
  }
  footer .footer-Box .f-link-Box .nav_list div ul {
    margin-top: 32px;
    font-size: 15px;
  }
  footer .footer-Box .f-link-Box .nav_list div ul li {
    line-height: 1;
  }
  footer .footer-Box .f-link-Box .nav_list div ul li:before {
    content: "-";
    margin-right: 13px;
  }
  footer .footer-Box .f-link-Box .nav_list div ul li a {
    letter-spacing: 0.3px;
    color: #666666;
  }
  footer .footer-Box .f-link-Box .nav_list div ul li + li {
    margin-top: 24px;
  }
  footer .footer-Box .f-sns-Box {
    line-height: 1;
    padding-bottom: 19px;
    border-bottom: solid 1px #D0D0D0;
  }
  footer .footer-Box .f-sns-Box a {
    width: 126.5px;
    display: block;
    margin-left: 17px;
  }
  footer .footer-Box .f-sns-Box a img {
    width: 100%;
  }
  footer .f-con-Box {
    display: flex;
    padding: 42px 0 0;
    position: relative;
  }
  footer .f-con-Box .f-logo {
    margin-left: 12px;
    margin-top: 5px;
    margin-right: 68px;
  }
  footer .f-con-Box .f-logo img {
    width: 211.66px;
  }
  footer .f-con-Box .c-info {
    font-size: 14px;
  }
  footer .f-con-Box .c-info p {
    line-height: 1;
    letter-spacing: 0.2px;
  }
  footer .f-con-Box .c-info p + p {
    margin-top: 8px;
  }
  footer .f-con-Box .copyright {
    position: absolute;
    right: 0;
    bottom: 8px;
    font-size: 12px;
    letter-spacing: -0.1px;
    color: #B3B3B3;
  }
  /* common */
  /* 2カラムサイト----------------
  #tow-cl{ width: 1100px; margin: 0 auto; padding: 20px 0;}
  #tow-cl main{ width: 800px!important; float: left;  }
  #tow-cl #side{ width: 280px; float: left; margin-right: 19px; background: #333; height: 800px; }
  #blog #tow-cl #side{ display: none;}
  #blog #tow-cl main{ width: 1100px !important;}*/
  /* 1カラムサイト */
  /*#one-cl{ }*/
  h1.main-title {
    width: 100%;
    min-width: 1100px;
    color: #fff;
    padding: 50px 0;
    text-align: center;
  }
  h1.main-title .en {
    display: block;
    font-size: 1rem;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  h1.main-title .jp {
    display: block;
    font-size: 2rem;
    font-weight: bold;
  }
  h1.main-title {
    background: url("../images/common/main-title_bg.png") repeat center center/contain;
    margin-top: 119px;
    min-width: 1100px;
    padding: 31px 0 29px;
    width: 100%;
  }
  h1.main-title .jp {
    color: #666;
    font-family: "Shippori Mincho", serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.3333333333;
  }
  h2.sub-title {
    background: #525252;
    padding: 25px 20px;
    color: #fff;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 7px;
    text-align: center;
  }
  .seo_bread_list {
    max-width: 1100px;
    width: 100%;
    padding: 20px 0;
    margin: 0 auto 30px;
    font-size: 16px;
    line-height: 1.4;
  }
  .seo_bread_list li {
    margin-right: 20px;
    float: left;
  }
  .seo_bread_list li::after {
    content: " >";
  }
  .seo_bread_list li:last-child::after {
    content: "";
  }
  .seo_bread_list {
    margin-top: 10px;
    max-width: 1200px;
  }
  .seo_bread_list ul {
    color: #666666;
    letter-spacing: 0;
  }
  .seo_bread_list ul a {
    color: #666666;
  }
  .seo_bread_list ul span {
    color: #666666;
  }
  /*pc・タブレットcss*/
  /*pc_defaultset*/
  .pc {
    display: block !important;
  }
  /*pcのみ表示ブロック*/
  .pc2 {
    display: inline-block !important;
  }
  /*pcのみ表示ブロック*/
  .sp, .sp2 {
    display: none !important;
  }
  /*スマホのみ表示ブロック*/
  .h_menu {
    display: none;
  }
  /*スマホ用ヘッダ*/
  .sp-header {
    display: none;
  }
  /*スマホ用メニュー*/
  #sp-global-nav {
    display: none;
  }
  /*スマホ用メニュー*/
  .sp-fix-list {
    display: none;
  }
  /* Antialiasing ※任意　*/
  .fit img {
    object-fit: cover;
    font-family: "object-fit: cover;";
  }
  html {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: none;
  }
  /* WEB FONTs 游ゴシックかすれ予防*/
  @font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 100;
  }
  @font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 200;
  }
  @font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 300;
  }
  @font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 400;
  }
  @font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Bold");
    font-weight: bold;
  }
  @font-face {
    font-family: "Helvetica Neue";
    src: local("Helvetica Neue Regular");
    font-weight: 100;
  }
  @font-face {
    font-family: "Helvetica Neue";
    src: local("Helvetica Neue Regular");
    font-weight: 200;
  }
  .f-min {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  .f-min-02 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  .f-gothic {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .f-noto {
    font-family: "Noto Sans JP", sans-serif;
  }
  .f-noto-c {
    font-family: noto-serif, serif;
    font-style: normal;
  }
  body {
    -webkit-text-size-adjust: 100%;
  }
  img {
    vertical-align: bottom;
  }
  a {
    text-decoration: none;
    color: #090909;
  }
  a:hover {
    text-decoration: underline;
  }
  .nobd a:hover {
    text-decoration: none !important;
  }
  /* clearfix */
  .clearfix {
    zoom: 1;
  }
  .clearfix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: ".";
  }
  /* wysiwyg */
  .wysiwyg {
    word-wrap: break-word;
    margin-bottom: 30px;
  }
  .wysiwyg a {
    color: #1a73e8;
    text-decoration: underline;
  }
  .wysiwyg strong {
    font-weight: bolder;
  }
  .wysiwyg em {
    font-family: "ＭＳ ゴシック", sans-serif;
    font-style: italic;
  }
  .wysiwyg img {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 16px;
  }
  .wysiwyg p {
    min-height: 15px;
    min-width: 10px;
    line-height: 1.85;
    margin-bottom: 1em;
  }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
    color: #333;
    font-weight: bold;
    text-align: left;
  }
  .wysiwyg h1 {
    background-color: #dcdcdc;
    padding: 12px 24px;
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 0.5em 0 1em;
  }
  .wysiwyg h2 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 12px;
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 0.5em 0 1em;
  }
  .wysiwyg h3 {
    border-left: 6px solid #231815;
    padding: 5px 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 0.5em 0 1em;
  }
  .wysiwyg h4 {
    border-bottom: 1px solid #000;
    padding: 0 0 10px;
    font-size: 1.188rem;
    line-height: 1.6;
    margin: 0.5em 0 1em;
  }
  .wysiwyg h5 {
    border-bottom: 1px dashed #000;
    padding: 0 0 10px;
    font-size: 1.188rem;
    line-height: 1.6;
    margin: 0.5em 0 1em;
  }
  .wysiwyg h6 {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 10px;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0.5em 0 1em;
  }
  .wysiwyg ul {
    list-style-type: disc;
    line-height: 1.6;
    font-size: 0.875rem;
    margin: 0.5em 0 1em 2em;
  }
  .wysiwyg ol {
    list-style-type: decimal;
    line-height: 1.6;
    font-size: 0.875rem;
    margin: 0.5em 0 1em 2em;
  }
  .wysiwyg table {
    table-layout: fixed;
    width: 100% !important;
  }
  .wysiwyg table th, .wysiwyg table td {
    border: 1px solid #999;
    padding: 8px 16px;
    margin: 0.5em 0 1em;
    line-height: 1.75;
  }
  /* リンク透明 */
  a img:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha(opacity=80);
    opacity: 0.8;
  }
  /* リンク透明にしない */
  .noop a img:hover {
    -ms-filter: "alpha( opacity=100 )";
    filter: alpha(opacity=100);
    opacity: 1;
  }
  /*---------------------------------------- 　　外部サービス ----------------------------------------*/
  /* ggmap */
  /* <div class="ggmap">iframeのコピーしたコード</div> */
  .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .ggmap iframe, .ggmap object, .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  /*---------------------------------------- 　　webフォント（サーバー置き）　 ----------------------------------------*/
  @font-face {
    font-family: "jp-sttl01";
    /* お好きな名前にしましょう */
    src: url("../font/.eot");
    /* IE9以上用 */
    src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff");
    /* iOS, Android用 */
    /* 念の為指定しておきます */
    font-weight: normal;
    /* 念の為指定しておきます */
    font-style: normal;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
  }
  .myWebFontClass {
    font-family: "jp-sttl01";
  }
}
@media screen and (max-width: 1400px) {
  footer .footer-Box .f-link-Box .nav_list .contents {
    margin-right: 30px;
  }
  footer .footer-Box .f-link-Box .nav_list .information {
    margin-right: 50px;
  }
  footer .footer-Box .f-link-Box .nav_list .about {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1280px) {
  html {
    overflow: auto;
  }
  body {
    overflow: visible;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form input[type=file] {
    display: inline-block;
    width: 100%;
    font-size: 3.8vw;
  }
  html {
    font-size: 62.5%;
  }
  body {
    overflow: hidden;
    font-size: 16px;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    line-height: 1.6;
  }
  .pc, .pc2 {
    display: none !important;
  }
  /*pcのみ表示ブロック*/
  .sp {
    display: block !important;
  }
  /*スマホのみ表示ブロック*/
  .sp2 {
    display: inline-block !important;
  }
  /*スマホのみ表示ブロック*/
  .no-br {
    display: none;
  }
  /*スマホでbrを解除したい場合に使用*/
  .sp_display_block {
    display: block !important;
  }
  /*スマホでflexboxを解除したい場合等に使用*/
  .pc-menu {
    display: none;
  }
  .side-fix {
    display: none;
  }
  .fix-list {
    display: none;
  }
  #pc-menu-open {
    display: none;
  }
  #g-nav {
    display: none;
  }
  .sp-header .h-logo img {
    height: 50px;
    width: auto;
  }
  .sp-header .h-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    z-index: 997;
  }
  .sp-header .h-menu img {
    height: 50px;
    width: auto;
  }
  header .sp-header .h-logo {
    position: absolute;
    top: 6.7632850242vw;
    left: 4.1062801932vw;
    width: 39.6859903382vw;
    z-index: 51;
  }
  header .sp-header .h-logo a {
    display: block;
  }
  header .sp-header .h-logo a img {
    width: 100%;
    height: auto;
  }
  header .sp-header .h-menu {
    top: 2.4154589372vw;
    right: 2.4154589372vw;
    width: 16.9082125604vw;
    height: 16.9082125604vw;
  }
  header .sp-header .h-menu img {
    width: 100%;
    height: auto;
  }
  nav#sp-global-nav .h-logo {
    background: #fff;
  }
  nav#sp-global-nav .h-logo img {
    height: 50px;
    width: auto;
  }
  nav#sp-global-nav {
    font-size: 1.4rem;
    z-index: 999;
    overflow: scroll;
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
  }
  nav#sp-global-nav .open-close-01 {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    z-index: 998;
  }
  nav#sp-global-nav .open-close-01 img {
    height: 50px;
    width: auto;
  }
  nav#sp-global-nav .list li a {
    color: #fff;
    line-height: 1.4;
    text-decoration: none;
    padding: 5%;
    display: block;
    border-bottom: 1px solid #fff;
  }
  nav#sp-global-nav .two-list {
    width: 96%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  nav#sp-global-nav .two-list li {
    width: 50%;
    border-bottom: 1px solid #fff;
  }
  nav#sp-global-nav .two-list li a {
    color: #fff;
    line-height: 1.4;
    text-decoration: none;
    padding: 9% 5%;
    display: block;
    line-height: 1.6;
  }
  /*
  nav#sp-global-nav .two-list-02{width: 96%;margin: 0 auto;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  nav#sp-global-nav .two-list-02 li{width: 50%; border-bottom: 1px solid #fff;}
  nav#sp-global-nav .two-list-02 li a{ color: #fff; line-height: 1.4; text-decoration: none; padding: 9% 5%; display: block; line-height: 1.6;}

  nav#sp-global-nav .open-close-02 { background: #222; text-align: center; padding: 5% 3%; margin: 10% 5% 20%; letter-spacing: 2px;}

  nav#sp-global-nav .two-list-02 li:nth-child(2n+1):last-child {width: 100%; border-bottom: 1px solid #fff;}
  nav#sp-global-nav .two-list-02 li:nth-child(2n+1):last-child a{padding: 4.5% 2.5%}
  */
  nav#sp-global-nav {
    background-color: #F4F4F4;
  }
  nav#sp-global-nav .h-logo {
    position: absolute;
    top: 6.7632850242vw;
    left: 4.1062801932vw;
    width: 39.6859903382vw;
    z-index: 51;
    background-color: transparent;
  }
  nav#sp-global-nav .h-logo a {
    display: block;
  }
  nav#sp-global-nav .h-logo a img {
    width: 100%;
    height: auto;
  }
  nav#sp-global-nav .open-close-01 {
    top: 2.4154589372vw;
    right: 2.4154589372vw;
    width: 16.9082125604vw;
    height: 16.9082125604vw;
  }
  nav#sp-global-nav .open-close-01 img {
    width: 100%;
    height: auto;
  }
  nav#sp-global-nav .open-color-Box {
    margin-top: 24.154589372vw;
  }
  nav#sp-global-nav .open-color-Box .bnr-Box {
    display: flex;
    justify-content: center;
    gap: 2.4154589372vw;
    margin-bottom: 7.2463768116vw;
  }
  nav#sp-global-nav .open-color-Box .bnr-Box a {
    display: block;
    width: 41.3043478261vw;
  }
  nav#sp-global-nav .open-color-Box .parent {
    padding-left: 7.2463768116vw;
    padding-bottom: 4.8309178744vw;
    line-height: 0;
    margin-top: 9.6618357488vw;
    border-bottom: solid 1px #D8D8D8;
  }
  nav#sp-global-nav .open-color-Box .parent img {
    width: auto;
    height: 2.4782608696vw;
  }
  nav#sp-global-nav .open-color-Box .list li {
    position: relative;
  }
  nav#sp-global-nav .open-color-Box .list li:after {
    content: ">";
    display: inline-block;
    font-size: 3.6231884058vw;
    position: absolute;
    top: 50%;
    right: 7.2463768116vw;
    color: #666666;
    transform: translate(0, -50%);
  }
  nav#sp-global-nav .open-color-Box .list li a {
    color: #666666;
    border-bottom: solid 1px #D8D8D8;
    padding: 6.038647343vw 8.4541062802vw 4.8309178744vw;
    font-size: 3.6231884058vw;
  }
  nav#sp-global-nav .open-color-Box .home li a {
    padding-left: 7.2463768116vw;
  }
  nav#sp-global-nav .open-color-Box .f-con-Box {
    width: 90%;
    margin: 14.4927536232vw auto;
  }
  nav#sp-global-nav .open-color-Box .f-con-Box .f-logo {
    margin-bottom: 2.4154589372vw;
  }
  nav#sp-global-nav .open-color-Box .f-con-Box .f-logo img {
    width: 51.1256038647vw;
  }
  nav#sp-global-nav .open-color-Box .f-con-Box .c-info p {
    font-size: 3.1400966184vw;
    color: #666666;
  }
  nav#sp-global-nav .open-color-Box .f-con-Box .c-info p a {
    color: #666666;
  }
  nav#sp-global-nav .open-color-Box .f-con-Box .c-info p + p {
    margin-top: 0.4830917874vw;
  }
  nav#sp-global-nav .open-color-Box .f-con-Box .f-sns-Box {
    margin-top: 3.6231884058vw;
  }
  nav#sp-global-nav .open-color-Box .f-con-Box .f-sns-Box a img {
    width: 30.5555555556vw;
  }
  .sp-fix-list {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 996;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
  }
  .sp-fix-list {
    align-items: stretch;
  }
  .sp-fix-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    position: relative;
  }
  .sp-fix-list li a {
    display: block;
  }
  .sp-fix-list .tel {
    background: #F4F4F4;
    width: 17.3913043478vw;
  }
  .sp-fix-list .tel a img {
    width: 4.7632850242vw;
    max-width: 19.72px;
    height: auto;
  }
  .sp-fix-list .fix-link {
    background-image: linear-gradient(#666666, #555555);
    width: 41.3043478261vw;
  }
  .sp-fix-list .fix-link:last-child::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(#B7B7B7, #555555);
    position: absolute;
    top: 0;
    left: 0;
  }
  .sp-fix-list .fix-link a img {
    width: 17.8743961353vw;
    max-width: 74px;
    height: auto;
  }
  #end-contact {
    background: #eee;
    padding: 10% 5%;
  }
  #end-contact .end-contact-ttl {
    margin-bottom: 10%;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
  }
  #end-contact p {
    text-align: center;
    font-size: 1.4rem;
  }
  #end-contact .tel {
    margin: 0 10% 10%;
  }
  #end-contact .btn a {
    font-weight: bold;
    margin: 0 auto;
    color: #fff;
    padding: 5% 5%;
    text-align: center;
    display: block;
    background: #000;
  }
  .common-btn {
    display: block;
    line-height: 1;
    border-bottom: solid 1px #666666;
    color: #666666;
    padding: 0 9.6618357488vw 4.8309178744vw 2.1739130435vw;
    position: relative;
    letter-spacing: 1px;
    font-size: 3.6231884058vw;
  }
  .common-btn:hover {
    text-decoration: none;
  }
  .common-btn:hover:after {
    right: 2.4154589372vw;
  }
  .common-btn:after {
    content: "";
    display: inline-block;
    width: 3.422705314vw;
    height: 3.3623188406vw;
    background-image: url(../images/common/common-btn_after.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 1.2077294686vw;
    right: 4.8309178744vw;
    transition: all 0.3s;
  }
  #end-contact {
    background: transparent;
    position: relative;
    padding: 8.6956521739vw 0 0;
  }
  #end-contact h2 {
    position: absolute;
    top: 0.7246376812vw;
    left: 4.8309178744vw;
    height: 8.4541062802vw;
    width: auto;
    text-align: left;
    z-index: 2;
  }
  #end-contact h2 img {
    width: auto;
    height: 100%;
  }
  #end-contact .bg-wrapper {
    position: relative;
    background: #1F2933;
    z-index: 0;
  }
  #end-contact .bg-wrapper::before {
    content: "";
    width: 100vw;
    height: 108.6956521739vw;
    display: inline-block;
    background-image: url(../images/common/end-contact_bg-sp_before.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #end-contact .bg-wrapper::after {
    content: "";
    width: 100vw;
    height: 108.6956521739vw;
    display: inline-block;
    background-image: url(../images/common/end-contact_bg-sp_after.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  #end-contact .bg-wrapper > img {
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  #end-contact .bg-wrapper .container {
    padding: 21.7391304348vw 0 60.38647343vw;
    width: 92%;
    margin: 0 auto;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box {
    width: 100%;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box p {
    color: #fff;
    text-align: left;
    font-size: 3.1400966184vw;
    line-height: 5.3140096618vw;
    margin-bottom: 5.7971014493vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box .lead {
    font-size: 4.5893719807vw;
    line-height: 9.9033816425vw;
    letter-spacing: 6.5px;
    margin-bottom: 6.7632850242vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box .tel-num {
    width: 100%;
    border: solid 1px #fff;
    border-radius: 12.077294686vw;
    padding: 9.6618357488vw;
    position: relative;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box .tel-num:after {
    content: "";
    display: inline-block;
    width: 3.422705314vw;
    height: 3.3623188406vw;
    background-image: url(../images/common/info-Box_tel_after.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 6.038647343vw;
    transform: translate(0, -50%);
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box .tel-num a {
    display: block;
    text-align: center;
    line-height: 1;
  }
  #end-contact .bg-wrapper .container .flex-Box .info-Box .tel-num img {
    width: 46.3768115942vw;
    height: auto;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box {
    width: 100%;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box {
    margin-bottom: 15.7004830918vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li {
    background: #fff;
    padding: 10.8695652174vw 7.2463768116vw;
    position: relative;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text {
    width: 100%;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text > div p {
    text-align: left;
    font-size: 3.3816425121vw;
    line-height: 5.7971014493vw;
    color: #666666;
    letter-spacing: 0.8px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text > div .lead {
    font-size: 4.8309178744vw;
    line-height: 1;
    margin-bottom: 6.7632850242vw;
    letter-spacing: 4px;
    margin-top: 3.6231884058vw;
    text-align: center;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text > div .lead span {
    position: absolute;
    top: 3.6231884058vw;
    left: 2.8985507246vw;
    font-size: 2.6570048309vw;
    letter-spacing: 0;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text > div .fig {
    width: 62.8019323671vw;
    margin: 0 auto 4.8309178744vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text > div .fig img {
    width: 100%;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li .text a {
    width: 100%;
    margin-top: 10.8695652174vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .link-Box li + li {
    margin-top: 9.6618357488vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box {
    margin-top: 21.7391304348vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box > div {
    width: 100%;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box > div a {
    display: block;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box > div a img {
    width: 100%;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box > div p {
    font-size: 3.3816425121vw;
    color: #fff;
    text-align: left;
    margin-top: 1.2077294686vw;
    margin-bottom: 0;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .bnr-Box div + div {
    margin-top: 12.077294686vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .message-Box {
    margin-top: 20.5314009662vw;
    border-top: solid 1px #fff;
    padding-top: 9.6618357488vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .message-Box p {
    color: #C4C4C4;
    text-align: left;
    font-size: 2.8985507246vw;
    line-height: 5.7971014493vw;
    letter-spacing: 0.7px;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .message-Box .lead {
    font-size: 3.8647342995vw;
    font-weight: 500;
    line-height: 5.7971014493vw;
    margin-bottom: 6.5217391304vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .message-Box .lead span {
    height: 2.4782608696vw;
    width: auto;
    display: block;
    margin-bottom: 4.8309178744vw;
  }
  #end-contact .bg-wrapper .container .flex-Box .contact-Box .message-Box .lead span img {
    width: auto;
    height: 100%;
  }
  /*
  .sp-page-top a { text-align: center; display: block; padding: 5% 3%;}
  .sp-page-top a img { width: 10%; height: auto;}
  */
  .sp-page-top {
    width: 91.7874396135vw;
    margin: 0 auto;
    border-bottom: solid 1px #D0D0D0;
  }
  .sp-page-top a {
    font-size: 3.1400966184vw;
    color: #666666;
    padding: 4.8309178744vw 0 7.2463768116vw;
    text-align: center;
    display: block;
  }
  /*
  footer{ background: #ccc; line-height: 1.6; font-size: 1.4rem;}
  footer .f-link-Box .f-home-link { border-bottom: 1px solid #bebebe; padding: 10% 3%;}
  footer .f-link-Box li a { border: 1px solid #bebebe; border-width: 0 1px 1px 0;padding: 3%; display: block;}
  footer .f-con-Box{ padding: 10% 3%; }

  .copyright{ font-size: 1.2rem; line-height: 1.6; padding: 10% 3% 25%; display: block; }
  */
  footer {
    padding: 14.4927536232vw 0 50.7246376812vw;
  }
  footer .footer-Box {
    width: 91.7874396135vw;
    margin: 0 auto;
  }
  footer .footer-Box .f-con-Box .f-logo {
    margin-bottom: 2.4154589372vw;
  }
  footer .footer-Box .f-con-Box .f-logo img {
    width: 51.1256038647vw;
  }
  footer .footer-Box .f-con-Box .c-info p {
    font-size: 3.1400966184vw;
    color: #666666;
  }
  footer .footer-Box .f-con-Box .c-info p a {
    color: #666666;
  }
  footer .footer-Box .f-con-Box .c-info p + p {
    margin-top: 0.4830917874vw;
  }
  footer .footer-Box .f-con-Box .f-sns-Box {
    margin-top: 3.6231884058vw;
  }
  footer .footer-Box .f-con-Box .f-sns-Box a img {
    width: 30.5555555556vw;
  }
  footer .footer-Box .f-con-Box .copyright {
    display: block;
    font-size: 2.6570048309vw;
    text-align: center;
    color: #B3B3B3;
    margin-top: 15.7004830918vw;
  }
  h1.main-title {
    width: 100%;
    color: #fff;
    padding: 7% 0;
    text-align: center;
    margin-bottom: 4%;
  }
  h1.main-title .en {
    display: block;
    font-size: 3vw;
    margin-bottom: 2vw;
    text-transform: uppercase;
  }
  h1.main-title .jp {
    display: block;
    font-size: 4vw;
    font-weight: bold;
  }
  h1.main-title {
    background: url("../images/common/main-title_bg-sp.png") repeat center center/contain;
    margin-top: 21.277vw;
    padding: 4.255vw 0 4.019vw;
    width: 100%;
  }
  h1.main-title .jp {
    color: #666;
    font-family: "Shippori Mincho", serif;
    font-size: 4.728vw;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.75;
  }
  h2.sub-title {
    background: #525252;
    font-weight: bold;
    padding: 3%;
    color: #fff;
    margin-bottom: 5%;
    font-size: 5vw;
    letter-spacing: 4px;
    text-align: center;
  }
  .seo_bread_list {
    width: 100%;
    padding: 5% 2%;
    margin: 0 auto;
    font-size: 1.2rem;
    color: #666;
    line-height: 1.6;
  }
  .seo_bread_list {
    display: none;
  }
  /* .seo_bread_list a { color: #666;}
  .seo_bread_list li{ margin-right: 0.5em; float: left;  }
  .seo_bread_list li::after{ content: ">"; }
  .seo_bread_list li:last-child::after{ content: none; } */
  /* 2カラムサイト---------------- */
  #tow-cl #side {
    display: none;
  }
  .fit img {
    object-fit: cover;
  }
  .wysiwyg img {
    width: auto !important;
    height: auto !important;
  }
  html {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: none;
    overflow-x: hidden;
  }
  /* WEB FONTs 游ゴシックかすれ予防*/
  @font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 100;
  }
  @font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 200;
  }
  @font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 300;
  }
  @font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 400;
  }
  @font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Bold");
    font-weight: bold;
  }
  @font-face {
    font-family: "Helvetica Neue";
    src: local("Helvetica Neue Regular");
    font-weight: 100;
  }
  @font-face {
    font-family: "Helvetica Neue";
    src: local("Helvetica Neue Regular");
    font-weight: 200;
  }
  .f-min {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  .f-min-02 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  .f-gothic {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .f-noto {
    font-family: "Noto Sans JP", sans-serif;
  }
  .f-noto-c {
    font-family: noto-serif, serif;
    font-style: normal;
  }
  body {
    -webkit-text-size-adjust: 100%;
  }
  img {
    vertical-align: bottom;
    max-width: 100%;
  }
  a {
    text-decoration: none;
    color: #090909;
  }
  a:hover {
    text-decoration: underline;
  }
  .nobd a:hover {
    text-decoration: none !important;
  }
  .clearfix {
    zoom: 1;
  }
  .clearfix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: ".";
  }
  /* wysiwyg */
  /* wysiwyg */
  .wysiwyg {
    font-size: 3.4vw;
    margin-bottom: 4vw;
    word-wrap: break-word;
  }
  .wysiwyg a {
    text-decoration: underline;
    color: #1a73e8;
  }
  .wysiwyg strong {
    font-weight: bolder;
  }
  .wysiwyg em {
    font-family: "ＭＳ ゴシック", sans-serif;
    font-style: italic;
  }
  .wysiwyg img {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 1em;
  }
  .wysiwyg p {
    line-height: 1.85;
    min-width: 1rem;
    min-height: 1rem;
    margin-bottom: 1em;
  }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
    font-weight: bold;
    text-align: left;
    color: #333;
  }
  .wysiwyg h1 {
    font-size: 4vw;
    line-height: 1.6;
    margin: 0.5em 0 1em;
    padding: 3vw;
    background-color: #176c21;
    color: #fff;
  }
  .wysiwyg h2 {
    font-size: 3.1vw;
    line-height: 1.6;
    margin: 0.5em 0 1em;
    padding: 3vw;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
  }
  .wysiwyg h3 {
    font-size: 3vw;
    line-height: 1.6;
    margin: 0.5em 0 1em;
    padding: 2vw;
    border-left: 4px solid #176c21;
  }
  .wysiwyg h4 {
    font-size: 3vw;
    line-height: 1.6;
    margin: 0.5em 0 1em;
    padding: 0 0 3%;
    border-bottom: 1px solid #000;
  }
  .wysiwyg h5 {
    font-size: 3vw;
    line-height: 1.6;
    margin: 0.5em 0 1em;
    padding: 0 0 3%;
    border-bottom: 1px dashed #000;
  }
  .wysiwyg h6 {
    font-size: 3vw;
    line-height: 1.6;
    margin: 0.5em 0 1em;
    padding: 2vw;
    border: 1px dotted #999;
    background-color: #eee;
  }
  .wysiwyg ul {
    line-height: 1.6;
    margin: 0.5em 0 1em 2em;
    list-style-type: disc;
  }
  .wysiwyg ol {
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 0.5em 0 1em 2em;
    list-style-type: decimal;
  }
  .wysiwyg table {
    overflow-x: scroll;
    width: 100% !important;
    margin-bottom: 1.2em;
    table-layout: fixed;
    border-left: 1px solid #999;
  }
  .wysiwyg table th, .wysiwyg table td {
    font-size: 3.6vw;
    line-height: 1.75;
    padding: 0.6em;
    border: 1px solid #999;
    border-top: none;
    border-left: none;
    height: auto !important;
  }
  .wysiwyg table tr {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    height: auto !important;
  }
  .wysiwyg table td {
    line-height: 1.7;
    min-width: 45vw;
    height: auto !important;
  }
  .wysiwyg .wys-scr {
    overflow-x: scroll;
    width: 100%;
    margin-right: 2em;
    border-top: 1px solid #999;
  }
  .wysiwyg .wys-scr p {
    margin-bottom: 0;
  }
  /* img-block */
  /* アンカーリンク調整 */
  .hideAnchor {
    display: block;
    height: 0px;
    overflow: hidden;
    text-indent: -9999px;
    margin-top: -10px;
    padding-bottom: 10px;
  }
  /* スクロール縦 */
  .scroll-y {
    box-sizing: border-box;
    overflow-y: scroll;
    transform: translateZ(0);
  }
  /* リンク透明 */
  a img:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha(opacity=80);
    opacity: 0.8;
  }
  /* リンク透明にしない */
  .noop a img:hover {
    -ms-filter: "alpha( opacity=100 )";
    filter: alpha(opacity=100);
    opacity: 1;
  }
  /*---------------------------------------- 　　外部サービス ----------------------------------------*/
  /* ggmap */
  /* <div class="ggmap">iframeのコピーしたコード</div> */
  .sp-ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .sp-ggmap iframe, .sp-ggmap object, .sp-ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  /*---------------------------------------- 　　webフォント（サーバー置き）　 ----------------------------------------*/
  @font-face {
    font-family: "jp-sttl01";
    /* お好きな名前にしましょう */
    src: url("../font/.eot");
    /* IE9以上用 */
    src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff");
    /* iOS, Android用 */
    /* 念の為指定しておきます */
    font-weight: normal;
    /* 念の為指定しておきます */
    font-style: normal;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
  }
  .myWebFontClass {
    font-family: "jp-sttl01";
  }
}
@media screen and (max-height: 450px) {
  /* 高さ450px以下の場合 andoroidのフォーム対策 ストーカーバナー用　*/
  .sp-fix-list {
    display: none;
  }
}/*# sourceMappingURL=common.css.map */