@charset "UTF-8"; /* :hover { cursor: pointer; cursor: hand; opacity: 0.8; }
\b0px\b
*/
 /* a { pointer-events: none; } */

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

.slick-list {
    padding-top: 0px !important;
}

/* 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 {
}

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%;
}

.copyright a {
    text-decoration: underline;
}

.copyright a:hover {
    text-decoration: none;
}

/* a { pointer-events:none; }
*/
.f1 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

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


/* ===============================
   ローディング全体
=============================== */
#loading {
  position: fixed;
  inset: 0;
  background-image: url(../images/common/loading.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #F7F6F3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.8s ease;
}

/* ===============================
   読み込みバー
=============================== */
.loading-bar {
  position: absolute;
  bottom: 80px; /* 下から少し上 */
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 6px;
  background-color: #fff; /* ← 修正済み：バー背景 */
  border-radius: 3px;
  overflow: hidden;
}

.loading-bar-inner {
  width: 0;
  height: 100%;
  background-color: #0249AD; /* ← 修正済み：バー色 */
  border-radius: 3px;
  transition: width 0.2s ease;
}







    /* bese */ body {
        max-width: 1920px;
        margin: 0 auto !important;
        overflow-x: hidden;
        line-height: 1.8;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        color: #252525;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
    }

    .body-flex {
        max-width: 1920px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }

    .body-flex .body-box-l {
        width: calc(100% - 90px);
    }

    .body-flex .body-box-r {
        width: 90px;
        position: relative;
        border-left: 1px solid #0B1733;
        /* 追従用 */
        position: sticky;
        top: 0;
        /* 画面上からの固定位置 */
        height: 100vh;
        /* 必要なら全高に */
        z-index: 100;
        background-color: #fff;
    }

    .body-box-r-list {
        width: 23px;
        margin: 0 auto;
        margin-top: 16px;
    }

    .body-box-r-list li:nth-child(1) {
        margin-bottom: 23px;
    }

    .body-box-r-list li:nth-child(2) {
        margin-bottom: 23px;
    }

    .body-box-r-list li:nth-child(3) {
        margin-right: 0px;
    }

    .body-box-r-list img {
        width: 100%;
        height: auto;
    }

    .body-box-r-top {
        position: absolute;
        bottom: 0;
        right: -1px;
    }

    #one-cl {
        overflow: hidden;
    }

    .pc-menu {
        top: 0;
        right: 0;
        z-index: 500;
    }

    .pc-menu:hover {
        opacity: 0.8;
        cursor: pointer;
        cursor: hand;
    }

    .side-fix {
        top: 150px;
        right: 0;
        z-index: 10;
    }

    #pc-menu-open {
        display: none;
        background-image: url(../images/common/oo-bg.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-color: #F7F6F3;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        z-index: 10000;
        overflow: scroll;
        padding-top: 70px;
    }

    #pc-menu-open .open-close-01 {
        position: absolute;
        top: 0;
        right: 0;
    }

    #pc-menu-open .open-close-01:hover {
        opacity: 0.8;
        cursor: pointer;
        cursor: hand;
    }

    #pc-menu-open .open-main-Box {
        width: 953px;
        margin: 0 auto;
    }

    #pc-menu-open .oo-ttl {
        width: 413px;
        margin: 0 auto;
        margin-bottom: 39px;
    }

    #pc-menu-open .oo-list {
        width: 630px;
        margin: 0 auto;
        margin-bottom: 46px;
        display: flex;
        flex-wrap: wrap;
    }

    #pc-menu-open .oo-list li {
        width: 300px;
        height: 75px;
        margin-right: 30px;
        margin-bottom: 14px;
    }

    #pc-menu-open .oo-list li a:hover img {
        opacity: 1;
    }

    #pc-menu-open .oo-list li:nth-child(2n) {
        margin-right: 0px;
    }

    #pc-menu-open .oo-list li a {
        width: 300px;
        height: 75px;
        border-radius: 35px;
        overflow: hidden;
        display: block;
        transition: 0.25s ease-in-out;
    }

    #pc-menu-open .oo-list li a:hover {
        height: 70px;
        transform: translate(0px, 5px);
        transition: 0.25s ease-in-out;
    }

    #pc-menu-open .oo-home {
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 24px;
        text-align: left;
        color: #252525;
        margin-bottom: 14px;
    }

    #pc-menu-open .oo-rel {
        position: relative;
        padding-bottom: 68px;
    }

    #pc-menu-open .common-link-oo {
        display: flex;
        flex-wrap: wrap;
    }

    #pc-menu-open .common-link-oo .common-link-en {
        font-family: "Outfit", sans-serif;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 28px;
        text-align: left;
        color: #252525;
        margin-bottom: 1px;
        padding-left: 2px;
    }

    #pc-menu-open .common-link-oo .common-link-list > li {
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 30px;
        text-align: left;
        color: #252525;
        position: relative;
    }

    #pc-menu-open .common-link-oo .common-link-list > li a {
        display: block;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 30px;
        color: #252525;
        padding-left: 22px;
    }

    #pc-menu-open .common-link-oo .common-link-list > li::before {
        content: "-";
        position: absolute;
        top: 0;
        left: 0;
    }

    #pc-menu-open .common-link-oo .common-link-1 {
        width: 270px;
        margin-right: 57px;
    }

    #pc-menu-open .common-link-oo .common-link-1 .common-link-en {
        padding-left: 0;
    }

    #pc-menu-open .common-link-oo .common-link-2 {
        width: 230px;
        margin-right: 62px;
    }

    #pc-menu-open .common-link-oo .common-link-3 {
        width: 134px;
        margin-right: 59px;
    }

    #pc-menu-open .common-link-oo .common-link-4 {
        width: 140px;
        position: relative;
        right: -2px;
    }

    #pc-menu-open .oo-sns {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 136px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #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;
    }

    /*============================
      #ee
      ============================*/
    #ee {
        padding-top: 184px;
    }

    #ee .ee-bg-box {
        padding-bottom: 198px;
        background-color: #0249AD;
        background-image: url(../images/common/ee-bg.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    #ee .ee-bg-box .ee-ttl {
        width: 716px;
        margin: 0 auto;
        margin-bottom: -56px;
        position: relative;
        top: -64px;
    }

    #ee .ee-bg-box .ee-txt-01 {
        font-weight: 500;
        font-size: 18px;
        letter-spacing: 0.05em;
        line-height: 34px;
        text-align: center;
        color: #fff;
        margin-bottom: 36px;
        padding-left: 5px;
    }

    #ee .ee-bg-box .ee-bg-s-box {
        width: 1600px;
        margin: 0 auto;
        background: #f2f0eb;
        box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.4);
        padding-top: 104px;
        padding-bottom: 70px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list {
        width: 1380px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li {
        width: 420px;
        margin-right: 60px;
        border-radius: 12px;
        position: relative;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li a:hover {
        text-decoration: none;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li a:hover img {
        opacity: 1;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(3n) {
        margin-right: 0px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(1) .ee-li-wap {
        height: 328px;
        border-radius: 12px;
        background: #fff;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(2) .ee-li-wap {
        height: 318px;
        border-radius: 12px;
        background: #ffde1e;
        transition: 0.25s ease-in-out;
        position: relative;
        z-index: 10;
        background-image: url(../images/common/ee-deco-01.svg);
        background-repeat: no-repeat;
        background-position: right 20px bottom 20px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(2):hover .ee-li-wap {
        transform: translate(0px, 10px);
        transition: 0.25s ease-in-out;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(2) .oshi-bd {
        border: 2px solid #FFDE1E;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 35px;
        border-radius: 12px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(3) .ee-li-wap {
        height: 318px;
        border-radius: 12px;
        background: #06C755;
        transition: 0.25s ease-in-out;
        position: relative;
        z-index: 10;
        background-image: url(../images/common/ee-deco-02.svg);
        background-repeat: no-repeat;
        background-position: right 20px bottom 20px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(3):hover .ee-li-wap {
        transform: translate(0px, 10px);
        transition: 0.25s ease-in-out;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(3) .oshi-bd {
        border: 2px solid #06C755;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 35px;
        border-radius: 12px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-pic {
        width: 380px;
        margin: 0 auto;
        position: relative;
        top: -34px;
        margin-bottom: -1px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-pic img {
        width: 100%;
        height: 171px;
        border-radius: 10px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-icon {
        position: absolute;
        width: 96px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 106px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-ttl-01 {
        font-weight: bold;
        font-size: 18px;
        letter-spacing: 0.1em;
        line-height: 33px;
        text-align: center;
        color: #252525;
        margin-bottom: 15px;
        position: relative;
        z-index: 10;
        padding-left: 4px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-tel {
        width: 273px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-txt-01 {
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 24px;
        text-align: center;
        color: #252525;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-ttl-02 {
        font-weight: bold;
        font-size: 23px;
        letter-spacing: 0.1em;
        line-height: 32px;
        text-align: center;
        color: #252525;
        margin-top: 46px;
        padding-left: 4px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-ttl-03 {
        font-weight: bold;
        font-size: 23px;
        letter-spacing: 0.1em;
        line-height: 32px;
        text-align: center;
        color: #fff;
        padding-left: 47px;
        background-image: url(../images/common/ee-deco.png);
        background-repeat: no-repeat;
        background-position: 26px 9px;
        width: 333px;
        margin: 0 auto;
        margin-top: 38px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    footer {
        background-color: #162F67;
    }

    .ff-box {
        max-width: 83.75vw;
        width: 100%;
        margin: 0 auto;
        padding-top: 78px;
        padding-bottom: 58px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ff-box .ff-box-l {
        width: 540px;
    }

    .ff-box .ff-box-l .ff-home-txt {
        margin-bottom: 34px;
    }

    .ff-box .ff-box-l .ff-home-txt a {
        font-weight: 300;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 24px;
        text-align: left;
        color: #fff;
    }

    .ff-box .ff-box-r {
        width: 291px;
        position: relative;
        right: -1px;
        padding-top: 2px;
    }

    .ff-box .ff-box-r .ff-company-logo {
        width: 288px;
        margin-bottom: 19px;
    }

    .ff-box .ff-box-r .ff-company-logo img {
        width: 100%;
        height: auto;
    }

    .ff-box .ff-box-r .ff-company-txt-01 {
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 24px;
        text-align: left;
        color: #fff;
        margin-bottom: 8px;
    }


    .ff-box .ff-box-r .ff-company-txt-01.ano {
        padding-left: 0px;
        position: relative;
        left: 3px;
    }

    .ff-box .ff-box-r .ff-company-list-01 {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
        margin-top: 30px;
    }

    .ff-box .ff-box-r .ff-company-list-01 > li {
        margin-right: 29px;
    }

    .ff-box .ff-box-r .ff-company-list-01 > li a {
        background-image: url(../images/common/ff-icon.svg);
        background-repeat: no-repeat;
        background-position: 0 4px;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0.1em;
        line-height: 24px;
        text-align: left;
        color: #fff;
        padding-left: 28px;
    }

    .ff-box .ff-box-r .ff-company-list-01 > li:last-child {
        margin-right: 0;
    }

    .ff-box .ff-box-r .ff-company-list-02 {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }

    .ff-box .ff-box-r .ff-company-list-02 > li {
        width: 32px;
        margin-right: 20px;
    }

    .common-link-ff {
        display: flex;
        flex-wrap: wrap;
    }

    .common-link-ff .common-link-en {
        font-family: "Outfit", sans-serif;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 28px;
        text-align: left;
        color: #fff;
        margin-bottom: 1px;
        padding-left: 2px;
    }

    .common-link-ff .common-link-list > li {
        font-weight: 300;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 30px;
        text-align: left;
        color: #fff;
        position: relative;
    }

    .common-link-ff .common-link-list > li a {
        display: block;
        font-weight: 300;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 30px;
        color: #fff;
        padding-left: 22px;
    }

    .common-link-ff .common-link-list > li::before {
        content: "-";
        position: absolute;
        top: 0;
        left: 0;
    }

    .common-link-ff .common-link-1 {
        width: 270px;
        margin-right: 36px;
        margin-bottom: 20px;
    }

    .common-link-ff .common-link-1 .common-link-en {
        padding-left: 0;
    }

    .common-link-ff .common-link-2 {
        width: 230px;
        margin-bottom: 21px;
    }

    .common-link-ff .common-link-3 {
        width: 256px;
        margin-right: 50px;
    }

    .common-link-ff .common-link-4 {
        width: 220px;
        margin-bottom: 30px;
    }

    .copyright {
        background-color: #F2F0EB;
        display: block;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 24px;
        text-align: center;
        color: #252525;
        padding-top: 13px;
        padding-bottom: 16px;
    }

    /* 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 { }
*/
    .hh-logo {
        width: 260px;
        margin-top: 19px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    .hh-logo img {
        width: 100%;
    }

    h1.main-title {
        background-color: #F7F6F3;
        padding: 37px 10px 31px;
    }

    h1.main-title .jp {
        font-weight: bold;
        font-size: 30px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: left;
        color: #252525;
    }

    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 {
        width: 100%;
        padding: 22px 0;
        margin: 0 auto 0px;
        font-size: 16px;
        line-height: 1.4;
        margin-left: 11px;
    }

    .seo_bread_list li {
        margin-right: 20px;
        float: left;
    }

    .seo_bread_list li::after {
        content: " >";
    }

    .seo_bread_list li:last-child::after {
        content: "";
    }

    /*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 {
        -o-object-fit: cover;
        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;
    }

    .wysiwyg p {
        min-height: 15px;
        min-width: 10px;
        line-height: 1.6;
        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: #0249AD;
        padding: 12px 24px;
        font-size: 1.25rem;
        line-height: 1.6;
        margin: 0.5em 0 1em;
        color: #fff;
    }

    .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 #0249AD;
        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 (min-width: 766px) and (max-width: 1600px) {
    .body-box-r-list {
        width: 18px;
    }
}

@media screen and (max-width: 1200px) {
    html {
        overflow: auto;
    }

    body {
        overflow: visible;
    }
}

@media screen and (min-width: 766px) and (max-width: 1800px) {
    #ee .ee-bg-box .ee-bg-s-box {
        width: 1140px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list {
        width: 1055px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li {
        width: 330px;
        margin-right: 30px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-pic {
        width: 330px;
        margin: 0 auto;
        position: relative;
        top: -34px;
        margin-bottom: -1px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-pic img {
        width: 100%;
        height: 171px;
        border-radius: 10px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-icon {
        position: absolute;
        width: 96px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 106px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-ttl-01 {
        font-weight: bold;
        font-size: 18px;
        letter-spacing: 0.1em;
        line-height: 33px;
        text-align: center;
        color: #252525;
        margin-bottom: 15px;
        position: relative;
        z-index: 10;
        padding-left: 4px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-tel {
        width: 273px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-txt-01 {
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 24px;
        text-align: center;
        color: #252525;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-ttl-02 {
        font-weight: bold;
        font-size: 23px;
        letter-spacing: 0.1em;
        line-height: 32px;
        text-align: center;
        color: #252525;
        margin-top: 46px;
        padding-left: 4px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-ttl-03 {
        font-weight: bold;
        font-size: 23px;
        letter-spacing: 0.1em;
        line-height: 32px;
        text-align: center;
        color: #fff;
        padding-left: 47px;
        background-image: url(../images/common/ee-deco.png);
        background-repeat: no-repeat;
        background-position: 26px 9px;
        width: 333px;
        margin: 0 auto;
        margin-top: 38px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

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

/* ===============================
   ローディング全体
=============================== */
#loading {
  position: fixed;
  inset: 0;
  background-image: url(../images/common/sp-loading.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #F7F6F3;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.8s ease;
}

/* ===============================
   読み込みバー
=============================== */
.loading-bar {
  position: absolute;
  bottom: 80px; /* 下から少し上 */
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 6px;
  background-color: #fff; /* ← 修正済み：バー背景 */
  border-radius: 3px;
  overflow: hidden;
}

.loading-bar-inner {
  width: 0;
  height: 100%;
  background-color: #0249AD; /* ← 修正済み：バー色 */
  border-radius: 3px;
  transition: width 0.2s ease;
}



    .hh-logo {
        width: 62.802vw;
        margin-top: 3.14vw;
        margin-left: 4.106vw;
        margin-bottom: 2.657vw;
    }

    .hh-logo img {
        width: 100%;
    }

    .sp-none-deco {
        display: none;
    }

    .mw_wp_form input[type=file] {
        display: inline-block;
        width: 100%;
        font-size: 3.8vw;
    }

    html {
        font-size: 62.5%;
    }

    body {
        overflow: hidden;
        -webkit-text-size-adjust: 100%;
        font-weight: 500;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
        color: #252525;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
    }

    .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;
    }

    .body-box-r {
        display: none;
    }

    .sp-header .h-logo {
        width: 62.802vw;
        margin-top: 3.14vw;
        margin-left: 4.106vw;
        margin-bottom: 2.657vw;
    }

    .sp-header .h-menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 16.908vw;
        z-index: 997;
    }

    nav#sp-global-nav .h-logo {
        width: 62.802vw;
        margin-top: 3.14vw;
        margin-left: 4.106vw;
        margin-bottom: 2.657vw;
    }

    nav#sp-global-nav {
        z-index: 999;
        overflow: scroll;
        position: fixed;
        top: 0;
        width: 100vw;
        height: 100vh;
        display: none;
        background-image: url(../images/common/sp-oo-bg.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: contain;
        background-color: #F7F6F3;
        box-sizing: border-box;
        padding-bottom: 43.478vw;
    }

    nav#sp-global-nav .open-close-01 {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 998;        width: 16.908vw;
    }

    nav#sp-global-nav .oo-list {
        width: 83.575vw;
        margin: 0 auto;
        margin-top: 11.353vw;
        margin-bottom: 14.251vw;
    }

    nav#sp-global-nav .oo-list li {
        margin-bottom: 3.14vw;
    }

    nav#sp-global-nav .oo-home {
        font-family: "Outfit", sans-serif;
        font-weight: normal;
        font-size: 4.348vw;
        letter-spacing: 0.1em;
        line-height: 6.763vw;
        text-align: left;
        color: #252525;
        margin-left: 4.106vw;
        margin-bottom: 15.459vw;
    }

    nav#sp-global-nav .common-link-sp-oo > div {
        margin-bottom: 9.662vw;
    }

    nav#sp-global-nav .common-link-en {
        font-family: "Outfit", sans-serif;
        font-weight: normal;
        font-size: 4.589vw;
        letter-spacing: 0.1em;
        line-height: 6.763vw;
        text-align: left;
        color: #252525;
        margin-left: 4.106vw;
        margin-bottom: 0.966vw;
    }

    nav#sp-global-nav .common-link-list {
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        /* line-height: 14.493vw; */
        text-align: left;
        color: #252525;
    }

    nav#sp-global-nav .common-link-list li a {
        display: block;
        background-image: url(../images/common/sp-oo-line.png);
        background-repeat: repeat-x;
        background-position: 0 bottom;
        background-size: 0.483vw;
        color: #252525;
        position: relative;
        padding: 5.314vw 1.208vw 5.556vw 7.488vw;
    }

    nav#sp-global-nav .common-link-list li a::before {
        content: "-";
        position: absolute;
        left: 4.589vw;
        top: 5.072vw;
        font-size: 3.865vw;
    }

    nav#sp-global-nav .common-link-list li a::after {
        content: ">";
        position: absolute;
        right: 7.488vw;
        top: 5.314vw;
        font-size: 3.623vw;
    }

    nav#sp-global-nav .oo-sns-box {
        margin-top: 23.43vw;
    }

    nav#sp-global-nav .oo-sns-ttl {
        width: 41.063vw;
        margin: 0 auto;
        margin-bottom: 5.556vw;
    }

    nav#sp-global-nav .oo-sns {
        width: 32.85vw;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    nav#sp-global-nav .oo-sns > li {
        width: 7.729vw;
    }

    .sp-fix-list {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 996;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: flex-end;
    }

    /*============================
      #ee
    ============================*/
    #ee {
        margin-top: 18vw;
    }

    #ee .ee-bg-box {
        padding-bottom: 68.599vw;
        background-color: #0249AD;
        background-image: url(../images/common/sp-ee-bg.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
    }

    #ee .ee-bg-box .ee-ttl {
        width: 97.585vw;
        margin: 0 auto;
        margin-bottom: -4.831vw;
        position: relative;
        top: -4.106vw;
    }

    #ee .ee-bg-box .ee-txt-01 {
        font-weight: 500;
        text-align: center;
        color: #fff;
        margin-bottom: 7.005vw;
        padding-left: 0px;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    #ee .ee-bg-box .ee-bg-s-box {
        width: 91.787vw;
        margin: 0 auto;
        background: #f2f0eb;
        box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.4);
        padding-top: 15.459vw;
        padding-bottom: 9.179vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list {
        width: 83.575vw;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li {
        width: 100%;
        border-radius: 2.899vw;
        position: relative;
        margin-bottom: 12.56vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li a:hover {
        text-decoration: none;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li a:hover img {
        opacity: 1;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(3n) {
        margin-right: 0px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(1) .ee-li-wap {
        height: 63.768vw;
        border-radius: 2.899vw;
        background: #fff;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(2) .ee-li-wap {
        height: 63.285vw;
        border-radius: 2.899vw;
        background: #ffde1e;
        transition: 0.25s ease-in-out;
        position: relative;
        z-index: 10;
        background-image: url(../images/common/ee-deco-01.svg);
        background-repeat: no-repeat;
        background-position: right 15px bottom 16px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(2) .oshi-bd {
        border: 2px solid #FFDE1E;
        background-color: #fff;
        position: absolute;
        bottom: -1.932vw;
        left: 0;
        right: 0;
        width: 100%;
        height: 8.454vw;
        border-radius: 2.899vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(2) {
        margin-bottom: 17.391vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(2) .ee-li-pic {
        top: -6.763vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(2) .ee-li-icon {
        top: 21.014vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(3) .ee-li-wap {
        height: 63.527vw;
        border-radius: 2.899vw;
        background: #06C755;
        transition: 0.25s ease-in-out;
        position: relative;
        z-index: 10;
        background-image: url(../images/common/ee-deco-02.svg);
        background-repeat: no-repeat;
        background-position: right 20px bottom 20px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(3) .oshi-bd {
        border: 2px solid #06C755;
        background-color: #fff;
        position: absolute;
        bottom: -1.932vw;
        left: 0;
        right: 0;
        height: 8.454vw;
        border-radius: 2.899vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(3) {
        margin-bottom: 0px;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(3) .ee-li-pic {
        top: -9.662vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list > li:nth-child(3) .ee-li-icon {
        top: 21.014vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-pic {
        width: 75.845vw;
        margin: 0 auto;
        position: relative;
        top: -8.213vw;
        margin-bottom: -0.966vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-pic img {
        width: 100%;
        height: 33.816vw;
        border-radius: 2.415vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-icon {
        position: absolute;
        width: 19.324vw;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 19.565vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-ttl-01 {
        font-weight: bold;
        text-align: center;
        color: #252525;
        margin-bottom: 2.415vw;
        position: relative;
        z-index: 10;
        padding-left: 0px;
        font-size: 3.865vw;
        letter-spacing: 0.1em;
        line-height: 6.28vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-tel {
        width: 65.942vw;
        margin: 0 auto;
        margin-bottom: 3.14vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-li-txt-01 {
        font-weight: normal;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 5.797vw;
        text-align: center;
        color: #252525;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-ttl-02 {
        font-weight: bold;
        text-align: center;
        color: #252525;
        margin-top: 8.696vw;
        padding-left: 0.966vw;
        font-size: 5.314vw;
        letter-spacing: 0.1em;
        line-height: 7.246vw;
    }

    #ee .ee-bg-box .ee-bg-s-box .ee-list .ee-ttl-03 {
        font-weight: bold;
        text-align: center;
        color: #fff;
        padding-left: 9.179vw;
        background-image: url(../images/common/sp-ee-deco.png);
        background-repeat: no-repeat;
        background-position: 10.145vw 3.382vw;
        background-size: 6.906vw;
        width: 83.575vw;
        margin: 0 auto;
        margin-top: 7.246vw;
        padding-top: 3.865vw;
        padding-bottom: 3.865vw;
        font-size: 5.314vw;
        letter-spacing: 0.1em;
        line-height: 6.763vw;
    }

    footer {
        background-color: #162F67;
    }

    .ff-box {
        width: 77.295vw;
        margin: 0 auto;
        padding-top: 13.768vw;
        padding-bottom: 26.329vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ff-box .ff-box-l {
        display: none;
    }

    .ff-box .ff-box-r {
        width: 100%;
        position: relative;
        right: -0.242vw;
        padding-top: 0.483vw;
    }

    .ff-box .ff-box-r .ff-company-logo {
        width: 69.565vw;
        margin-bottom: 4.589vw;
        margin-top: 12.077vw;
        margin-left: 3.865vw;
    }

    .ff-box .ff-box-r .ff-company-logo img {
        width: 100%;
        height: auto;
    }

    .ff-box .ff-box-r .ff-company-txt-01 {
        font-weight: normal;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 5.797vw;
        text-align: left;
        color: #fff;
        margin-bottom: 1.932vw;
        text-align: center;
    }

    .ff-box .ff-box-r .ff-company-txt-01.ano {
        padding-left: 0px;
        position: relative;
        /* left: 0.725vw; */
    }
    .ff-box .ff-box-r .ff-company-txt-01 a{
                color: #fff;
    }

    .ff-box .ff-box-r .ff-company-list-01 {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 9.42vw;
        margin-top: 7.246vw;
        margin-left: 11.594vw;
    }

    .ff-box .ff-box-r .ff-company-list-01 > li {
        margin-right: 7.005vw;
    }

    .ff-box .ff-box-r .ff-company-list-01 > li a {
        background-image: url(../images/common/ff-icon.svg);
        background-repeat: no-repeat;
        background-position: 0 0.966vw;
        font-weight: normal;
        font-size: 3.865vw;
        letter-spacing: 0.1em;
        line-height: 5.797vw;
        text-align: left;
        color: #fff;
        padding-left: 6.763vw;
    }

    .ff-box .ff-box-r .ff-company-list-01 > li:last-child {
        margin-right: 0;
    }

    .ff-box .ff-box-r .ff-company-list-02 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 11.836vw;
    }

    .ff-box .ff-box-r .ff-company-list-02 > li {
        width: 7.729vw;
        margin-right: 4.831vw;
    }

    .ff-box .ff-box-r .ff-company-list-02 > li:last-child {
        margin-right: 0;
    }

    .ff-company-bnr {
        width: 58.454vw;
        margin: 0 auto;
    }

    .copyright {
        padding: 3.382vw 0.725vw 26.329vw;
        display: block;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 5.797vw;
        text-align: center;
        color: #252525;
        background-color: #F2F0EB;
    }

    h1.main-title {
        width: 100%;
        height: 19.324vw;
        background: #F7F6F3;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    h1.main-title .jp {
        font-weight: bold;
        font-size: 4.348vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
        text-align: center;
        color: #252525;
    }

    h2.sub-title {
        background: #525252;
        font-weight: bold;
        padding: 3%;
        color: #fff;
        margin-bottom: 5%;
        font-size: 5vw;
        letter-spacing: 0.966vw;
        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 {
        -o-object-fit: cover;
        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;
    }

    .wysiwyg p {
        line-height: 1.6;
        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: #0249AD;
        color: #fff;
    }

    .wysiwyg h2 {
        font-size: 3.865vw;
        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: 3.865vw;
        line-height: 1.6;
        margin: 0.5em 0 1em;
        padding: 2vw;
        border-left: 4px solid #0249AD;
    }

    .wysiwyg h4 {
        font-size: 3.865vw;
        line-height: 1.6;
        margin: 0.5em 0 1em;
        padding: 0 0 3%;
        border-bottom: 1px solid #000;
    }

    .wysiwyg h5 {
        font-size: 3.865vw;
        line-height: 1.6;
        margin: 0.5em 0 1em;
        padding: 0 0 3%;
        border-bottom: 1px dashed #000;
    }

    .wysiwyg h6 {
        font-size: 3.865vw;
        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: -2415.217vw;
        margin-top: -2.415vw;
        padding-bottom: 2.415vw;
    }

    /* スクロール縦 */
    .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: 7.246vw;
        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 */