/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
        
        @import url("../bridge/style.css");
        /* 全体 */
        /* Google Fonts */
        
        @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
        @import url('https://fonts.googleapis.com/css?family=Amiri');
        @import url('https://fonts.googleapis.com/css?family=Jaldi');
        @font-face {
            font-family: 'Noto Serif Japanese';
            font-style: normal;
            font-weight: 100;
            src: url(./fonts/NotoSerifJP/NotoSerifJP-ExtraLight.otf) format('opentype');
            font-display: swap;
        }
        
        @font-face {
            font-family: 'Noto Serif Japanese';
            font-style: normal;
            font-weight: 200;
            src: url(./fonts/NotoSerifJP/NotoSerifJP-Light.otf) format('opentype');
            font-display: swap;
        }
        
        @font-face {
            font-family: 'Noto Serif Japanese';
            font-style: normal;
            font-weight: 400;
            src: url(./fonts/NotoSerifJP/NotoSerifJP-Regular.otf) format('opentype');
            font-display: swap;
        }
        
        @font-face {
            font-family: 'Noto Serif Japanese';
            font-style: normal;
            font-weight: 500;
            src: url(./fonts/NotoSerifJP/NotoSerifJP-Medium.otf) format('opentype');
            font-display: swap;
        }
        
        @font-face {
            font-family: 'Noto Serif Japanese';
            font-style: normal;
            font-weight: 600;
            src: url(./fonts/NotoSerifJP/NotoSerifJP-SemiBold.otf) format('opentype');
            font-display: swap;
        }
        
        @font-face {
            font-family: 'Noto Serif Japanese';
            font-style: normal;
            font-weight: 700;
            src: url(./fonts/NotoSerifJP/NotoSerifJP-Bold.otf) format('opentype');
            font-display: swap;
        }
        
        @font-face {
            font-family: 'Noto Serif Japanese';
            font-style: normal;
            font-weight: 900;
            src: url(./fonts/NotoSerifJP/NotoSerifJP-Black.otf) format('opentype');
            font-display: swap;
        }
        
        .font-exlight {
            font-weight: 200;
        }
        
        .font-light {
            font-weight: 300;
        }
        
        .font-regular {
            font-weight: 400;
        }
        
        .font-medium {
            font-weight: 500;
        }
        
        .font-semibold {
            font-weight: 600;
        }
        
        .font-bold {
            font-weight: 700;
        }
        
        .font-black {
            font-weight: 900;
        }
        /*font*/
        
        body {
            /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
            font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
            -webkit-text-size-adjust: 100%;
            -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch;
            color: #1d1d1d;
            line-height: 1.6;
            background: #fff;
            letter-spacing: 0.6px;
            font-weight: 500;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            /*
            font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
            font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
            font-weight: 400;
        }
        
        img {
            vertical-align: bottom;
        }
        
        .fcc-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .fce-wrapper {
            display: flex;
            justify-content: center;
            align-items: flex-end;
        }
        
        .fcc-wrapper a {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .position-relative-box {
            position: relative;
        }
        
        .absolute-center-box {
            position: absolute;
            top: 50%;
            left: 50%;
        }
        
        .center-01 {
            text-align: center;
            width: 100%;
        }
        
        .center-02 {
            margin: 0 auto;
        }
        
        .right {
            text-align: right;
        }
        
        .page-section .vc_column-inner {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        
        h2.section-title-box {
            font-size: 2.0em;
            font-weight: 500;
            font-family: 'Amiri Regular', serif;
            letter-spacing: 5px;
        }
        
        h3.section-title-box {
            font-size: 1.5em;
            font-weight: 500;
            display: inline-block;
        }
        
        h4.section-title-box {
            margin: 1em 0;
            font-size: 1em;
        }
        
        .rink-underline-box {
            text-decoration: underline;
        }
        
        .right-column-08 {
            float: right;
            width: 65%;
        }
        
        .left-column-04 {
            float: left;
            width: 33%;
        }
        
        .right-column-06 {
            float: right;
            width: 50%;
        }
        
        .left-column-06 {
            float: left;
            width: 48%;
        }
        
        .right-column-04 {
            float: right;
            width: 33%;
        }
        
        .left-column-08 {
            float: left;
            width: 65%;
        }
        
        .content .container .container_inner.default_template_holder,
        .content .container .container_inner.page_container_inner {
            padding-top: 0 !important;
        }
        
        .content .container .container_inner.page_container_inner,
        .full_page_container_inner {
            padding: 0 !important;
        }
        
         ::selection {
            background: #555 !important;
            color: #fff;
        }
        
        a:hover img:not(.q_logo img) {
            opacity: 0.7 !important;
        }
        
        h4 a:hover {
            opacity: 0.7;
            color: #000 !important;
        }
        
        a:hover,
        p a:hover {
            color: #333;
            opacity: 0.7;
            text-decoration: none;
        }
        
        #back_to_top>span {
            background: #555!important;
        }
        
        #back_to_top>span:hover {
            background: #aaa!important;
        }
        
        #back_to_top span i {
            color: #fff!important;
        }
        
        .mt-1 {
            margin-top: 1em;
        }
        
        .mt-2 {
            margin-top: 2em;
        }
        
        .mt-3 {
            margin-top: 3em;
        }
        
        .mt-5 {
            margin-top: 5em;
        }
        
        .mt-10 {
            margin-top: 10em;
        }
        
        .mb-1 {
            margin-bottom: 1em;
        }
        
        .mb-2 {
            margin-bottom: 2em;
        }
        
        .mb-3 {
            margin-bottom: 3em;
        }
        
        .mb-5 {
            margin-bottom: 5em;
        }
        
        .mb-10 {
            margin-bottom: 10em;
        }
        
        @media screen and (max-width:1000px) {}
        
        @media screen and (max-width:767px) {
            .mt-0-re {
                margin-top: 0;
            }
            .mt-1-re {
                margin-top: 1em;
            }
            .mt-2-re {
                margin-top: 2em;
            }
            .mt-3-re {
                margin-top: 3em;
            }
            .mt-5-re {
                margin-top: 5em;
            }
            .mt-10-re {
                margin-top: 10em;
            }
            .mb-0-re {
                margin-bottom: 0;
            }
            .mb-1-re {
                margin-bottom: 1em;
            }
            .mb-2-re {
                margin-bottom: 2em;
            }
            .mb-3-re {
                margin-bottom: 3em;
            }
            .mb-5-re {
                margin-bottom: 5em;
            }
            .mb-10-re {
                margin-bottom: 10em;
            }
        }
        
        @media screen and (max-width:480px) {
            .mt-0-xs {
                margin-top: 0;
            }
            .mt-1-xs {
                margin-top: 1em;
            }
            .mt-2-xs {
                margin-top: 2em;
            }
            .mt-3-xs {
                margin-top: 3em;
            }
            .mt-5-xs {
                margin-top: 5em;
            }
            .mt-10-xs {
                margin-top: 10em;
            }
            .mb-0-xs {
                margin-bottom: 0;
            }
            .mb-1-xs {
                margin-bottom: 1em;
            }
            .mb-2-xs {
                margin-bottom: 2em;
            }
            .mb-3-xs {
                margin-bottom: 3em;
            }
            .mb-5-xs {
                margin-bottom: 5em;
            }
            .mb-10-xs {
                margin-bottom: 10em;
            }
        }
        /* header */
        
        nav.mobile_menu ul li a:hover,
        nav.mobile_menu ul li.active>a {
            color: #FF8C00;
        }
        
        .header_top {
            height: 0px;
        }
        
        nav.main_menu.left>ul {
            margin-left: 15px;
        }
        
        #back_to_top {
            bottom: 70px;
        }
        
        @media screen and (max-width:1000px) {}
        
        @media screen and (max-width:767px) {}
        /* HOME */
        
        .image-line-box-intro {
            width: 20vw;
            text-align: center;
        }
        
        .image-line-box {
            vertical-align: middle!important;
        }
        
        .flc-wrapper {
            display: flex !important;
            justify-content: left;
            align-items: center;
            overflow: hidden;
        }
        
        .ofi-wrapper {
            height: 100%;
        }
        
        .ofi-wrapper img {
            width: 100%;
            object-fit: cover;
            object-position: center center;
            font-family: 'object-fit: cover; object-position: center center';
            vertical-align: bottom;
        }
        
        .contents-wrap {
            display: flex;
            justify-content: space-between;
            background: linear-gradient(90deg, transparent 0%, transparent 25%, #f3f3f3 25%, #f3f3f3 100%);
        }
        
        .contents-wrap:nth-child(even) {
            flex-direction: row-reverse;
        }
        
        .contents-text {
            width: 50%;
            margin-top: 2em;
            position: relative;
            /*flex: 2;*/
        }
        
        .contents-img {
            width: 45%;
            /*flex: 1;*/
        }
        
        .contents-img img {
            display: block;
            width: 100%;
        }
        
        .home-btn-box {
            padding: 10px 20px;
            border: 1px solid #000;
            text-align: center;
            width: 15vw;
            position: absolute;
            bottom: 10%;
            left: 20%;
            font-size: 12px;
            letter-spacing: 3px;
        }
        
        .contents-wrap-re {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            background: linear-gradient(90deg, #f3f3f3 0%, #f3f3f3 75%, transparent 75%, transparent 100%);
        }
        
        .contents-text-re {
            width: 50%;
            margin-top: 2em;
            padding: 3rem;
            position: relative;
            text-align: right;
        }
        
        .home-btn-box-re {
            padding: 10px 20px;
            border: 1px solid #000;
            text-align: center;
            width: 15vw;
            position: absolute;
            bottom: -5%;
            left: 60%;
            font-size: 12px;
            letter-spacing: 3px;
        }
        
        .bg-home-recruit-01 {
            background: url(/wp-content/themes/bridge-child/assets/img/HOME/image_recruit.jpg);
            height: 450px;
            max-width: 1200px;
            background-size: contain;
            background-repeat: no-repeat;
        }
        
        .bg-white-box-01 {
            background: #fff;
            padding: 2em;
            position: absolute;
            bottom: 0;
            left: 10%;
        }
        
        .home-btn-box-bg {
            padding: 10px 20px;
            border: 1px solid #000;
            text-align: center;
            width: 15vw;
            font-size: 12px;
            letter-spacing: 3px;
            display: inline-block;
        }
        
        .bg-white-box-02 {
            background: #fff;
            padding: 2em;
            width: 80%;
            max-width: 330px;
            margin: 3em 0 5em 0;
        }
        
        .bg-white-box-03 {
            background: #fff;
            padding: 2em;
            width: 80%;
            max-width: 330px;
            margin: 5em 0 3em 0;
        }
        
        .bg-home-recruit-02 {
            background: url(/wp-content/themes/bridge-child/assets/img/HOME/br_recruit.jpg);
            background-size: cover;
            background-repeat: no-repeat;
        }
        
        .bg-gray {
            background: linear-gradient(to right, transparent 0%, transparent 55%, #f3f3f3 55%, #f3f3f3 100%);
        }
        
        .home-company-wrap {
            display: flex;
            justify-content: space-between;
        }
        
        .home-company-wrap:nth-child(even) {
            flex-direction: row-reverse;
        }
        
        .home-company-text {
            width: 50%;
            position: relative;
            /*flex: 2;*/
        }
        
        .home-company-img {
            width: 45%;
            /*flex: 1;*/
        }
        
        .home-btn-box-company {
            padding: 10px 20px;
            border: 1px solid #000;
            text-align: center;
            width: 15vw;
            font-size: 12px;
            letter-spacing: 3px;
            position: absolute;
            bottom: 0;
            right: 15px;
        }
        
        .home-btn-box-news {
            padding: 10px 20px;
            border: 1px solid #000;
            text-align: center;
            width: 15vw;
            font-size: 12px;
            letter-spacing: 3px;
        }
        /*
        .home-company-img img {
            display: block;
            width: 100%;
            height: auto;
        }*/
        
        @media screen and (max-width: 767px) {
            .contents-wrap,
            .contents-wrap-re,
            .home-company-wrap {
                flex-direction: column;
            }
            .contents-text,
            .contents-img,
            .home-company-img {
                width: 100%;
                flex: 1;
                margin-top: 2em;
                box-sizing: border-box;
            }
            .image-res-box {
                width: 100%;
                height: 400px;
                object-fit: cover;
            }
            .contents-text,
            .contents-text-re,
            .home-company-text,
            .home-company-text-re {
                width: 100%;
                box-sizing: border-box;
                padding: 0;
                text-align: left;
            }
            .contents-text h2 {
                text-align: center;
            }
            .home-btn-box-company {
                width: 100%;
                box-sizing: border-box;
                position: static;
            }
            .home-btn-box-news {
                width: 100%;
                box-sizing: border-box;
            }
            .image-line-box-intro {
                width: 30vw;
            }
            .home-btn-box,
            .home-btn-box-re {
                width: 38vh;
                position: static;
                margin: auto;
                margin-top: 1em;
            }
            .home-btn-box-bg {
                width: 100%;
                box-sizing: border-box;
            }
            .bg-white-box-01,
            .bg-white-box-02,
            .bg-white-box-03 {
                padding: 1em;
                width: 100%;
                max-width: 330px;
                margin: 3em 0 5em -1em;
                position: static;
            }
            .bg-home-recruit-01 {
                height: 25vh;
            }
        }
        
        @media screen and (max-width: 480px) {
            .image-line-box-intro {
                width: 50vw;
            }
            .image-res-box {
                height: 300px;
            }
        }
        
        @media screen and (max-width: 320px) {
            .bg-white-box-01,
            .bg-white-box-02,
            .bg-white-box-03 {
                max-width: 290px;
            }
        }
        /* widget */
        
        .widget_archive a.year {
            cursor: pointer;
            text-decoration: underline;
        }
        
        .widget_archive .years ul {
            -webkit-transition: .3s ease;
            transition: .3s ease;
            margin: 0;
            margin-bottom: 1em;
        }
        
        .widget_archive ul.years li {
            margin-bottom: 0;
        }
        
        .widget_archive ul.years .hide {
            margin: 0;
            height: 0;
            opacity: 0;
            visibility: hidden;
        }
        
        .widget_archive ul.month li {
            padding-left: 1.2em;
        }
        
        @media screen and (max-width:480px) {
            .logo_wrapper {
                left: 55%;
            }
        }
        /* subpage */
        
        .page-title-lag {}
        
        .page-title-lag-en {
            font-size: 2.0em;
            letter-spacing: 15px;
            font-weight: bold;
            font-family: 'Amiri Regular', serif;
            position: relative;
        }
        
        .page-title-lag-en::after {
            border-bottom: 1px solid #555;
            content: '';
            position: absolute;
            top: 75%;
            width: 80px;
            background-color: black;
            margin-left: 1em;
        }
        
        .page-title-lag-jp {
            font-size: 1.1em;
            margin-top: 0.5em;
            font-weight: 500;
            font-family: 'Noto Serif Japanese';
        }
        
        .page-title {
            text-align: center;
        }
        
        .page-title-en {
            font-size: 1.0em;
            letter-spacing: 2px;
            font-family: 'Jaldi Regular', sans-serif;
        }
        
        .page-title-jp {
            font-size: 1.8em;
            margin-top: 0.5em;
        }
        
        .page-title-en-other {
            font-size: 1.0em;
            letter-spacing: 2px;
            color: #bfbfbf;
            font-family: 'Jaldi Regular', sans-serif;
        }
        
        .page-title-jp-other {
            font-size: 1.8em;
            margin-top: 0.5em;
            color: #bfbfbf;
        }
        
        .sub-flex-box {
            display: flex;
        }
        
        .sub-flex-box-ingrid {
            display: flex;
        }
        
        .sub-flex-img-ingrid {
            max-width: 500px;
            width: 200px;
            height: 250px;
            object-fit: cover;
            font-family: 'object-fit: cover;';
            /*IE対策*/
        }
        
        .sub-flex-box-three {
            display: flex;
            justify-content: space-between;
        }
        
        .sub-section-text {
            margin-left: 2em;
        }
        
        .sub-section-text-ingrid {
            margin-left: 1em;
        }
        
        .sub-section-title {
            font-size: 1.3em;
            font-weight: 500;
            font-family: 'Noto Serif Japanese';
        }
        
        .sub-section-title-border {
            border-top: 1px solid;
            border-bottom: 1px solid;
            padding: 2em 0;
        }
        /*h3.sub-section-title {
            position: relative;
            padding: 0 55px;
            font-family: 'Noto Serif Japanese';
            font-size: 1.3em;
        }
        
        h3.sub-section-title:before {
            content: '';
            position: absolute;
            top: 50%;
            display: inline-block;
            width: 50px;
            height: 1px;
            background-color: #555;
            left: 0;
        }
        
        h3.sub-section-title:after {
            content: '';
            position: absolute;
            top: 50%;
            display: inline-block;
            width: 87%;
            height: 1px;
            background-color: #555;
            right: 0;
        }
        .full-left-border {
            content: '';
            position: absolute;
            top: 1em;
            width: 90%;
            height: 1px;
            background-color: #555;
            left: 0;
        }
        
        .full-right-border {
            content: '';
            position: absolute;
            top: 1em;
            width: 100%;
            height: 1px;
            background-color: #555;
            right: 0;
        }
        
        .flex-left-border {
            content: '';
            position: absolute;
            top: 1em;
            width: 90%;
            height: 1px;
            background-color: #555;
            left: 0;
        }
        
        .flex-right-border {
            content: '';
            position: absolute;
            top: 1em;
            width: 100%;
            height: 1px;
            background-color: #555;
            right: 0;
        }
        h3.sub-section-title:after {
            content: '';
            position: absolute;
            top: 50%;
            width: 90%;
            height: 1px;
            background-color: #555;
            right: 0;
        }
        
        .title-flex-box {
            display: flex;
        }*/
        
        table.table-box {
            width: 70%;
        }
        
        .table-box th {
            text-align: left;
            padding: 1em 1em;
            font-weight: 400;
            width: 25%;
            line-height: 2;
        }
        
        .table-box td {
            text-align: left;
            width: 45%;
            font-weight: 400;
            padding-left: 1em;
            line-height: 2;
        }
        
        table.table-box-02 {
            width: 100%;
        }
        
        .table-box-02 th {
            text-align: left;
            padding: 1em 1em;
            font-weight: 400;
            width: 20%;
            line-height: 2;
        }
        
        .table-box-02 td {
            text-align: left;
            font-weight: 400;
            padding: 1em 1em;
            line-height: 2;
        }
        
        td.circle-border-box {
            width: 5%;
            border-left: 1px solid #555;
        }
        
        td.circle-border-box::after {
            content: "●";
            position: absolute;
            left: 20.2%;
        }
        
        table.table-box-03 {
            width: 80%;
        }
        
        .table-box-03 th {
            text-align: left;
            font-weight: 400;
            padding: 1em 1em;
            width: 60%;
            line-height: 2;
        }
        
        .table-box-03 td {
            text-align: left;
            width: 20%;
            font-weight: 400;
            padding-left: 1em;
            line-height: 2;
        }
        
        table.table-box-04 {
            width: 100%;
        }
        
        .table-box-04 th {
            text-align: left;
            font-weight: 400;
            padding: 1em 1em;
            width: 60%;
            line-height: 2;
        }
        
        .table-box-04 td {
            text-align: left;
            width: 40%;
            font-weight: 400;
            padding-left: 1em;
            line-height: 2;
        }
        
        table.table-box-05 {
            width: 100%;
        }
        
        .table-box-05 th {
            text-align: left;
            font-weight: 400;
            padding: 1em 1em;
            width: 20%;
            line-height: 2;
        }
        
        .table-box-05 td {
            text-align: left;
            width: 80%;
            font-weight: 400;
            padding-left: 1em;
            line-height: 2;
        }
        /* vr */
        
        .rela {
            position: relative;
            height: 100%;
            width: 100%;
        }
        
        .abso a {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        
        #iframeBlock1 {
            height: 100%;
            margin: 20px 20px;
            padding: 20px;
        }
        
        #iframeBlock1 .iframeBody {
            height: 500px;
        }
        
        #iframeBlock1 .iframeBody iframe {
            border: none;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
        }
        
        .btn-vr-box a {
            padding: 10px 50px;
            border: 1px solid #000;
            text-align: center;
            font-size: 12px;
            letter-spacing: 3px;
        }
        /* contact */
        
        .contact-box {
            width: 80%;
            margin: 0 auto;
        }
        
        .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit,
        .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
            background-color: #fff;
            border-radius: 5px;
            padding-left: 2em;
            padding-right: 2em;
            letter-spacing: 3px;
            font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
        }
        
        .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit,
        .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:not([disabled]) :hover {
            background-color: #eee;
            border-radius: 5px;
            padding-left: 2em;
            padding-right: 2em;
            letter-spacing: 3px;
            font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
        }
        
        div.wpcf7-response-output.wpcf7-mail-sent-ok {
            background-color: #cfcfcf;
            color: #333;
        }
        
        div.wpcf7-mail-sent-ok {
            border: 2px solid #ccc!important;
        }
        
        div.wpcf7-validation-errors {
            border: 2px solid #ccc!important;
        }
        /*div.wpcf7-response-output {
            margin: 2em 0.5em 1em;
            padding: 0.2em 1em;
            border: 2px solid #ccc;
        }*/
        
        div.wpcf7-response-output.wpcf7-validation-errors {
            background-color: #cfcfcf;
            color: #333;
        }
        
        div.wpcf7-validation-errors,
        div.wpcf7-acceptance-missing {
            border: 2px solid #ccc;
        }
        
        div.wpcf7-response-output:before {
            display: none!important;
        }
        /* subpage responsive */
        
        @media screen and (max-width:1200px) {
            h3.sub-section-title:after {
                width: 85%;
            }
        }
        
        @media screen and (max-width:1000px) {
            h3.sub-section-title:after {
                width: 81%;
            }
        }
        
        @media screen and (min-width:768px) and (max-width:1000px) {
            .sub-flex-box {
                flex-direction: column;
            }
            .sub-section-text {
                margin-left: 0;
            }
        }
        
        @media screen and (max-width:768px) {
            .sub-flex-box-ingrid {
                flex-direction: column;
            }
            .sub-flex-img-ingrid {
                width: auto;
            }
            .sub-section-text-ingrid {
                margin-left: 0;
            }
            .sub-flex-box-three {
                flex-direction: column;
                flex-flow: row wrap;
            }
            #iframeBlock1 {
                margin: 0;
                padding: 0;
            }
        }
        
        @media screen and (max-width:767px) {
            .sub-flex-box {
                margin-left: 0;
                flex-direction: column;
            }
            .sub-flex-box img {
                width: fit-content;
                height: auto;
            }
            .sub-section-text {
                margin-left: 0.5em;
            }
            h3.sub-section-title:after {
                width: 76%;
            }
            .page-title-jp-other {
                font-size: 1.2em;
            }
            .page-title-jp {
                font-size: 1.2em;
            }
        }
        
        @media screen and (max-width:600px) {
            h3.sub-section-title:after {
                width: 66%;
            }
        }
        
        @media screen and (max-width:480px) {
            table.table-box,
            .table-box-02,
            .table-box-03 {
                margin: 0 auto;
                width: 100%;
            }
            .table-box,
            .table-box-02,
            th {
                font-size: 0.7em;
                width: 30%;
            }
            .table-box,
            .table-box-02,
            td {
                font-size: 0.7em;
                width: 70%;
            }
            .table-box-04 th {
                width: 100%;
                display: block;
            }
            .table-box-04 td {
                width: 100%;
                display: block;
            }
            td.circle-border-box::after {
                left: 23.2%;
            }
            h3.sub-section-title:after {
                width: 52%;
            }
            .sub-flex-box-three {
                flex-direction: column;
                flex-flow: row wrap;
            }
        }
        
        @media screen and (max-width:320px) {}
        /* footer */
        /*
.footer_bottom_holder {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.text-footer-copyright {
    margin-top: -80px;
}

.text-footer-copyright a:hover {
    opacity: 0.7 !important;
    color: #000;
}*/
        
        .footer-btn-box {
            padding: 10px 20px;
            border: 1px solid #fff;
            text-align: center;
            width: 15vw;
            font-size: 12px;
            letter-spacing: 3px;
            position: absolute;
            right: 0;
        }
        
        .footer-title-box {
            font-family: 'Amiri Regular', serif;
            font-size: 2.0em;
            letter-spacing: 15px;
            margin-bottom: 0.5em;
        }
        
        .tel-link-box a {
            color: #fff;
        }
        
        .tel-link-box a:hover {
            opacity: 0.7;
        }
        
        .three_columns>.column2 {
            text-align: left;
        }
        
        .br-1000 {
            display: none;
        }
        
        .content,
        .content .container,
        .full_width {
            background-color: transparent;
        }
        
        @media only screen and (max-width: 1000px) {
            .br-1000 {
                display: block;
            }
        }
        
        @media only screen and (max-width: 600px) {
            .footer-btn-box {
                width: 50vw;
                font-size: 12px;
                letter-spacing: 3px;
                position: static;
                box-sizing: border-box;
            }
            .footer-title-box {
                font-family: 'Amiri Regular', serif;
                font-size: 3.0em;
                letter-spacing: 15px;
                margin-bottom: 0.5em;
            }
        }
        /* blog-archive */
        
        .blog_holder.blog_large_image h2,
        .blog_holder.blog_large_image h2 a,
        .blog_holder.blog_single article h2 {
            font-size: 2em;
        }
        
        .blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column2>h2 {
            font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
        }
        
        .blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column2>h2 a {
            font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
        }
        
        .blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column2>h2 a:hover {
            color: #333;
            opacity: 0.7;
        }
        
        .blog-image-text-box {
            position: relative;
        }
        
        .blog-image-box-en {
            position: absolute;
            left: 0;
            top: 80%;
        }
        
        .content {
            margin-top: 0px;
        }
        
        .post_content_holder .post_image .ofi-wrapper img {
            height: 250px;
            width: 95%;
            background-position: center center;
            background-repeat: no-repeat;
            background-origin: content-box;
            background-size: cover;
            margin: 0 auto;
        }
        
        .column2>.column_inner>.sidebar {
            padding: 0!important;
        }
        
        .post-categories {
            list-style-type: none;
        }
        
        .back-to-archive-box .btn {
            display: block;
            position: relative;
            padding: 2em;
            line-height: 1;
            font-size: 1.1em;
            overflow: hidden;
            width: 50%;
            margin: 6em auto;
            color: #333;
            text-decoration: none;
            transition: all .2s;
            text-align: center;
            border-top: 1px solid #333;
            border-bottom: 1px solid #333;
        }
        
        .back-to-archive-box .btn:hover {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            color: #777;
            opacity: 1;
        }
        
        @media only screen and (max-width: 320px) {
            .two_columns_75_25 .column2 .column_inner,
            .two_columns_75_25.grid2 .column2 .column_inner {
                padding: 0 1em;
            }
        }
        /* blog-single */
        
        .blog_holder.blog_single article h2 {
            margin-bottom: 0px;
        }
        
        .flex-inline-box {
            display: flex;
            justify-content: space-between;
            margin-bottom: 2em;
            margin-right: 1em;
            font-size: 1.5em;
            margin-top: 3em;
        }
        
        .flex-inline-box a:hover {
            opacity: 0.7 !important;
            color: #000;
        }
        
        .blog_holder .post_author,
        .post_comments,
        .social_share_title,
        .dots {
            display: none !important;
        }
        
        .blog_like a {
            display: none;
        }
        
        .blog_holder article .post_text h2 .date {
            display: none;
        }
        
        .post_info a:hover {
            color: #bebebe !important;
            opacity: 0.7;
        }
        
        .blog_single .blog_holder .post_image {
            height: 70vh;
            margin-top: 2em;
            margin-bottom: 2em;
        }
        
        .blog_single .blog_holder .post_image img {
            height: 100%;
            width: auto !important;
            margin: 0 auto;
        }
        
        @media only screen and (max-width: 768px) {
            .previous-style-box {
                font-size: 3vw;
            }
            .next-style-box {
                font-size: 3vw;
            }
        }
        /* sidebar */
        
        .column2>.column_inner>.sidebar {
            padding: 2em 0 0 20px;
        }
        
        aside .widget h5 {
            font-size: 1.3em;
            font-weight: 500;
            border-bottom: 1px solid #333;
            display: block;
        }
        
        .wpb_widgetised_column .widget h5 {
            font-size: 1.3em;
            font-weight: 500;
            border-bottom: 1px solid #333;
            display: inline-block;
        }
        /* bloglist */
        
        .latest_post_text_inner {
            display: inline-flex;
        }
        
        .latest_post_holder ul {
            background: #efefef;
            padding: 1em 2em;
            box-sizing: border-box;
        }
        
        .latest_post_title.entry_title a {
            font-weight: 600;
            padding-left: 3em;
            font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
        }
        
        .latest_post_title.entry_title a:hover {
            color: #555;
            opacity: 0.7;
        }
        
        .fb-title-box a {
            line-height: 1.2;
            letter-spacing: 2px;
            font-weight: 600;
        }
        
        .fb-title-box a:hover {
            color: #333;
            opacity: 0.7;
        }
        
        .facebook-wrapper {
            max-width: 500px;
            margin: 0 auto;
        }
        
        .facebook-wrapper>.fb-page {
            width: 100%;
        }
        
        .facebook-wrapper>.fb-page>span,
        .facebook-wrapper iframe {
            width: 100% !important;
        }