@charset "UTF-8";
    /* Theme Name:hiraokakenchiku 
  Theme URI:
  Author: hiraokakenchiku
  Author URI:
  Description:
  Version: 1.0
  License: GNU General Public License v2 or later
  License URI: http: //www.gnu.org/licenses/gpl-2.0.html
  Text Domain: nasumaintenance
  
  This theme, like WordPress,
  is licensed under the GPL.
  Use it to make something cool, have fun, and share what you've learned with others. */
    
    article,
    blockquote,
    body,
    dd,
    section,
    div,
    dl,
    dt,
    fieldset,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    li,
    ol,
    p,
    pre,
    td,
    textarea,
    th,
    ul {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    address,
    caption,
    cite,
    code,
    dfn,
    em,
    strong,
    th {
        font-style: normal;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    caption,
    p,
    th {
        text-align: center;
    }
    
    abbr,
    acronym,
    fieldset {
        border: 0;
    }
    
    li {
        list-style-type: none;
    }
    
    ul {
        display: block;
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
    }
    
    a:active,
    a:focus,
    a:hover {
        text-decoration: none;
    }
    
    body p {
        display: block;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
        color: #333;
    }
    
    html {
        font-weight: 600;
        font-feature-settings: "palt";
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.12em;
        color: #333;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    ul,
    li,
    dl,
    dt,
    dd,
    table,
    figure,
    p {
        border-collapse: collapse;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    a {
        color: #333;
        text-decoration: none;
        -webkit-transition: all .3s;
        transition: all .3s
    }
    
    a {
        color: inherit;
        text-decoration: none;
        transition: 0.4s;
        font-size: 20px;
    }
    
    img {
        border: none;
        vertical-align: middle;
        max-width: 100%;
        height: auto;
        width: auto;
        transition: .3s;
    }
    
    .fadeU,
    .fadeD,
    .fadeL,
    .fadeR {
        opacity: 0;
    }
    
    html {
        overflow-y: scroll;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    ul,
    li,
    dl,
    dt,
    dd,
    table,
    figure,
    p {
        border-collapse: collapse;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    a {
        z-index: 10000;
        text-decoration: none;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    
    .header-logo {
        margin-left: 2.5%;
        display: flex;
        justify-content: space-between;
    }
    
    img {
        border: none;
        vertical-align: middle;
        max-width: 100%;
        height: auto;
        width: auto;
        transition: .3s;
    }
    
    body {
        margin: 0;
        -webkit-text-size-adjust: none;
        /* line-height: 2.2; */
        zoom: 1;
        position: relative;
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        letter-spacing: 0.10em;
        color: #333;
        background: #fff;
        width: 100%;
        /* min-width: 1080px; */
        height: 100%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    body.home {
        font-style: normal;
        font-weight: 500;
        /* font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; */
        /* font-family: 'Josefin Sans', sans-serif; */
    }
    
    * {
        box-sizing: border-box;
        float: none;
    }
    
    main {
        overflow: visible;
    }
    
    main {
        position: relative;
        overflow: hidden;
        z-index: 10;
    }
    
    .main-side {
        display: block;
        margin: 0 0 0 12rem;
    }
    
    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        transition: .3s;
    }
    
    .header {
        padding: 5rem 5rem 0;
    }
    
    .header {
        /* position: fixed;
     top: 0;
     left: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100vw;
     padding: 2.4rem 1.5rem 0;
     -webkit-transition: mix-blend-mode .3s linear;
     transition: mix-blend-mode .3s linear; */
        z-index: 99;
    }
    
    .header {
        padding: 2.5rem 0;
        /* background-color: #fee4c3; */
        /* background: rgba(255, 255, 255, 0.4) !important; */
    }
    
    .other .privacylink {
        display: none;
    }
    
    .other #header {
        background-color: #fff;
        z-index: 9999;
    }
    
    .other #header.leave_head,
    .other #header.menu_open {
        background: rgba(255, 255, 255, 0.6) !important;
    }
    
    #main_nav li {
        padding-left: 20px;
        color: #ffffff;
    }
    
    #header .sp-logo {
        display: none;
    }
    
    .other #header .sp-logo {
        display: block;
    }
    
    .other #header .pc-logo {
        display: none;
    }
    
    .other #header #main_nav li {
        color: #333;
    }
    
    #header.leave_head,
    #header.menu_open {
        background: rgb(176 176 176 / 60%) !important;
    }
    
    .header-logo a {
        z-index: 10000;
    }
    
    .nav-wrapper {
        left: 2rem;
        position: fixed;
        margin-top: 42%;
    }
    /* .base {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
} */
    
    .hk-home {
        /* width: calc(100vw - 12rem); */
        width: auto;
        /* padding-top: 7rem; */
        overflow: visible;
    }
    
    .sns {
        left: 2rem;
        position: fixed;
        margin-top: 15%;
    }
    
    .insta img {
        width: 45px;
        height: 45px;
    }
    
    .twitter img {
        width: 45px;
        height: 45px;
    }
    
    .line img {
        width: 45px;
        height: 45px;
    }
    
    .insta,
    .line {
        padding-left: 20px;
    }
    
    #home main section {
        background-color: #fff;
    }
    
    .mf.on {
        -webkit-animation: fade 1.5s forwards;
        animation: fade 1.5s forwards;
    }
    
    .mf2.on2 {
        padding-top: 80px;
    }
    
    .about-service-block {
        max-width: 1040px;
        margin: 150px auto 0;
        padding: 50px 20px 0;
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    
    .about-service-block__logo {
        width: 320px;
        height: 320px;
        border: 1px solid #d0d1d4;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }
    
    .about-service-block__logo img {
        width: 104px;
        height: auto;
    }
    
    .about-service-block .block {
        width: 38.5%;
        text-align: center;
        box-sizing: border-box;
        position: relative;
    }
    
    .about-service-block .block.left .ttl,
    .about-service-block .block.left p {
        padding-right: 30px;
    }
    
    .about-service-block .block .ttl {
        font-size: 2rem;
        padding-bottom: 15px;
        margin-bottom: 20px;
        border-bottom: 1px solid #d0d1d4;
    }
    
    .about-service-block .block.left .ttl,
    .about-service-block .block.left p {
        padding-right: 30px;
    }
    
    .about-service-block .block.left .btn {
        margin-top: 27px;
    }
    
    .about-service-block .block.left .ttl,
    .about-service-block .block.left p {
        padding-right: 30px;
        line-height: 2.2;
    }
    
    .btn a:hover {
        opacity: 0.7;
    }
    
    .btn a {
        display: inline-block;
        width: 260px;
        line-height: 56px;
        letter-spacing: 0.15em;
        box-sizing: border-box;
        text-align: center;
        font-size: 1.6rem;
        background: #494b4c;
        color: #FFFFFF;
        position: relative;
    }
    
    .btn a::before {
        bottom: 0;
        left: 0;
    }
    
    .btn a::after,
    .btn a::before {
        width: 0;
        height: 1px;
    }
    
    .btn a::after,
    .btn a::before,
    .btn a span::after,
    .btn a span::before {
        content: "";
        position: absolute;
        background: #494b4c;
        transition: all .1s ease-out;
    }
    
    .btn a .en {
        font-size: 1rem;
    }
    
    .btn a span {
        display: block;
        position: relative;
        padding-top: 4px;
    }
    
    .btn a span::before {
        top: 0;
        left: 0;
    }
    
    .btn a span::after,
    .btn a span::before {
        width: 1px;
        height: 0;
    }
    
    .btn a::after,
    .btn a::before,
    .btn a span::after,
    .btn a span::before {
        content: "";
        position: absolute;
        background: #494b4c;
        transition: all .1s ease-out;
    }
    
    .btn a span::after {
        bottom: 0;
        right: 0;
    }
    
    .btn a span::after,
    .btn a span::before {
        width: 1px;
        height: 0;
    }
    
    .btn a::after,
    .btn a::before,
    .btn a span::after,
    .btn a span::before {
        content: "";
        position: absolute;
        background: #494b4c;
        transition: all .1s ease-out;
    }
    
    .about-service-block .block.right .ttl,
    .about-service-block .block.right p {
        padding-left: 30px;
        line-height: 2.2;
    }
    
    .about-service-block .block.right .btn {
        margin-top: 60px;
    }
    
    .outline-block,
    .outline-block03 {
        width: 56.1255%;
    }
    
    .outline-block02 {
        width: 56%;
        padding: 120px 0px 0px 0px;
    }
    
    .outline-block2 {
        width: 56.1255%;
        padding-top: 60px;
        margin: 0 50px 0 20px;
    }
    
    .sec-ttl {
        line-height: 1.75;
        margin-bottom: 60px;
    }
    
    .sec-ttl .bd,
    .sec-ttl .bdr {
        display: inline-block;
        position: relative;
    }
    
    .sec-ttl .en {
        position: relative;
        letter-spacing: 0.3em;
        margin-bottom: 5px;
        font-size: 1.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* .en {
     font-family: 'Josefin Sans', sans-serif;
 } */
    
    .on.sec-ttl .bd::after,
    .on.sec-ttl .bdr::after,
    .on.sec-ttl .bdc::after {
        animation: ef-border 0.8s cubic-bezier(0.76, 0.09, 0.215, 1) forwards;
    }
    
    .sec-ttl .bdr::after {
        content: "";
        width: 180px;
        height: 1px;
        background: #323333;
        position: absolute;
        top: 45%;
        left: -70px;
        transform-origin: right top;
        z-index: 99999;
    }
    
    #fixed_nav {
        display: flex;
        float: right;
        padding-right: 20px;
    }
    
    #maintop {
        z-index: 1;
        position: relative;
        background: #333;
        mix-blend-mode: multiply;
        opacity: .9;
        text-shadow: .5px .5px #363636;
        width: 100%;
        color: #fcfcfc;
    }
    
    .hiraken,
    .hiraken2,
    .hiraken3 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 100px 50px;
    }
    
    .hiraken-img,
    .hiraken-img3 {
        padding: 100px 0px 0px 0px;
        /* width: 38.5145%; */
        height: auto
    }
    
    .house {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .house-1 p:hover {
        color: #68a4d9;
        background-color: rgba(176, 196, 222, 0.3);
        border: none;
        font-size: 22px;
    }
    
    .house-2 p:hover {
        color: #69b076;
        background-color: rgba(143, 188, 143, 0.3);
        border: none;
        font-size: 22px;
    }
    
    .house-3 p:hover {
        color: #dd7a56;
        background-color: rgba(208, 130, 108, 0.3);
        border: none;
        font-size: 22px;
    }
    
    .house-1 {
        padding: 15px;
    }
    
    .house-2 {
        padding: 15px;
    }
    
    .house-3 {
        padding: 15px;
    }
    
    .house-p {
        width: 200px;
        height: 200px;
        border: 1px solid #d0d1d4;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .hiraken-icon1 {
        width: 200px;
        height: 200px;
        border: 1px solid #d0d1d4;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .hiraken-icon2 {
        width: 200px;
        height: 200px;
        border: 1px solid #d0d1d4;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .hiraken-icon3 {
        width: 200px;
        height: 200px;
        border: 1px solid #d0d1d4;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .top-menu {
        position: relative;
    }
    
    .top-menu img {
        filter: brightness(80%);
    }
    
    .menu-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
    }
    
    .hiraken-icon1 {
        margin-bottom: 0;
        margin-top: 15px;
    }
    
    .top-menu p {
        font-size: 0.9em;
        color: #fff;
        opacity: 100;
        text-shadow: 1px 2px 3px #696969;
        letter-spacing: 0.2em;
        white-space: nowrap
    }
    
    .works {
        display: flex;
        justify-content: center;
        /* filter: opacity(80%); */
        /* filter: brightness(80%); */
        padding-top: 100px;
    }
    
    .renovation-img {
        padding: 80px 0px 0px 0px;
        /* width: 38.5145%; */
        height: 675px;
    }
    
    .sec-hiraken2 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 60px;
    }
    
    .sec-ttl02 {
        line-height: 1.75;
        margin-bottom: 30px;
        -webkit-animation: fade 1.5s forwards;
        animation: fade 1.5s forwards;
    }
    
    .rnv {
        position: relative;
        letter-spacing: 0.40em;
        margin-bottom: 5px;
        font-size: 2.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .sec-ttl02 .rnv::after {
        content: "";
        width: 180px;
        height: 1px;
        background: #323333;
        position: absolute;
        top: 45%;
        right: -70px;
        transform-origin: right top;
    }
    
    .works-title p {
        position: relative;
        letter-spacing: 0.18em;
        font-size: 2.0rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        letter-spacing: 0.40em;
        padding-top: 120px;
        margin-bottom: 5px;
    }
    
    .works-title p:before,
    .works-title p:after {
        content: "";
        height: 1px;
        width: 180px;
        background-color: #666;
    }
    
    .works-title p:before {
        margin-right: 5rem;
    }
    
    .works-title p:after {
        margin-left: 5rem;
    }
    
    .top-menu a:hover img {
        opacity: 0.7;
    }
    
    .contact {
        display: flex;
        width: 100%;
        max-width: 1120px;
        padding: 0 20px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        line-height: 2.2;
    }
    
    .contact a:hover {
        background-color: rgba(176, 196, 222, 0.3);
    }
    
    .tel {
        background-image: url(img/tel.png);
        display: block;
        width: 47%;
        height: 240px;
        margin-left: 3%;
        box-sizing: border-box;
        text-align: center;
        border: 1px solid #000;
        color: #000;
        background-position: top 55px center;
        background-repeat: no-repeat;
        background-size: 24px auto;
        padding-top: 110px;
        font-size: 1.1rem;
    }
    
    .ttl-01 {
        font-size: 2.3rem;
        line-height: 28px;
        padding-bottom: 10px;
        font-family: 'Josefin Sans', sans-serif;
    }
    
    .sp {
        display: none;
    }
    
    .mail-box {
        background-image: url(img/mail.png);
        display: block;
        width: 47%;
        height: 240px;
        margin-left: 3%;
        box-sizing: border-box;
        text-align: center;
        border: 1px solid #000;
        color: #000;
        background-position: top 55px center;
        background-repeat: no-repeat;
        background-size: 24px auto;
        padding-top: 110px;
        font-size: 1.3rem;
    }
    
    .ttl-02 {
        font-size: 2.2rem;
        background-image: url(img/arrow.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 32px auto;
        padding-bottom: 50px;
        line-height: 28px;
        font-family: 'Josefin Sans', sans-serif;
    }
    /* #fixed_nav {
     width: 168px;
     background-color: #dcdcdc;
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     z-index: 13;
     box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
 } */
    
    .sns-icon {
        /* padding-top: 200px;
     padding-left: 20px; */
        display: flex;
    }
    
    #sns-icon a:hover {
        opacity: 0.6;
    }
    
    #main_nav {
        display: flex;
        align-items: center;
    }
    
    #main_nav a:hover {
        font-weight: bold;
        color: #7f8185;
        border-bottom: #fff solid 1px;
        padding-bottom: 5px;
    }
    
    .other #main_nav a:hover {
        color: #7f8185;
        border-bottom: #333 solid 1px;
    }
    
    .nav-top a,
    .nav-tradition a,
    .nav-company a,
    .nav-estate a,
    .nav-renovation a,
    .nav-works a,
    .nav-inquiry a,
    .nav-hiraken a {
        font-size: 13px;
    }
    
    #main_nav li {
        padding-left: 20px;
        color: #ffffff;
    }
    
    .rnv-headline {
        text-align: center;
    }
    
    .rnv-surround {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        line-height: 2;
        width: 100%;
        align-items: flex-start;
    }
    
    .rnv-category {
        padding-bottom: 15px;
    }
    
    .rnv-list {
        padding: 30px;
        width: 33%;
    }
    
    .sub {
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 7px;
        font-size: 1.2rem;
    }
    
    .footer {
        bottom: 0;
        left: 0;
        width: 100%;
    }
    
    .privacy {
        width: 960px;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    
    .privacylink {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 100%;
    }
    
    .privacylink a {
        font-size: 15px;
    }
    
    .privacy {
        width: 960px;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    
    .privacy h2 {
        font-size: 20px;
        padding: 0.25em 0.5em;
        color: #000;
        background: #fff;
        border-left: solid 5px #808080;
        margin-bottom: 1em;
        margin-top: 200px;
    }
    
    .privacy p {
        font-size: 15px;
        margin-left: 2em;
        text-align: left;
    }
    
    .policy {
        font-size: 18px;
        margin: 15px 0 5px 0;
        padding-left: 15px;
    }
    
    .main-title {
        width: 50%;
        margin-left: 100px;
        top: 7%;
        padding-top: 2%;
    }
    
    .mainttl {
        font-family: 'Alegreya Sans SC', sans-serif;
    }
    
    .main-title .mainttl .en-ttl {
        display: block;
        font-size: 4rem;
        font-weight: 600;
        line-height: 1.75;
        margin-bottom: 5px;
        letter-spacing: 0.05em;
        color: #383c3c;
    }
    
    .jp-ttl::after {
        content: "";
        width: 150px;
        height: 1px;
        background: #323333;
        position: absolute;
        top: 51%;
        transform-origin: right top;
        right: -320px;
        z-index: 2;
    }
    
    .jp-ttl {
        font-weight: 200;
        display: inline-block;
        font-size: 1.4rem;
        position: relative;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    }
    
    .sentence {
        display: flex;
        width: 350px;
        text-align: justify;
        margin-top: 70px;
        font-size: 1.1rem;
        letter-spacing: .3rem;
        line-height: 2.2;
    }
    
    .page-ttl {
        padding: 210px 0px 0px 0px;
        display: flex;
        justify-content: space-between;
        position: relative;
        /* overflow: hidden; */
        height: 100vh;
        align-items: center;
    }
    
    .page-ttl-img {
        width: 50%;
        height: auto;
        animation: fadeIn 3.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
    }
    
    .box_con07 {
        max-width: 900px;
        margin: 0 auto;
        margin-top: 120px;
    }
    
    .map {
        filter: opacity(0.8);
        margin-top: 50px;
    }
    
    .maptitle {
        margin: 150px 0 100px;
    }
    
    .map-e {
        position: relative;
        letter-spacing: 0.3em;
        margin-bottom: 5px;
        font-size: 1.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .map-j {
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 7px;
        font-size: 1.2rem;
    }
    
    @media only screen and (max-width: 768px) {
        .box_con07 {
            width: 95%;
        }
    }
    
    .box_con07 form {
        width: 100%;
        padding-bottom: 100px;
    }
    
    .box_con07 form ul {
        width: 100%;
        margin-bottom: 60px;
    }
    
    .box_con07 form ul li {
        position: relative;
        overflow: hidden;
        margin: .5em 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    @media only screen and (min-width: 769px) {
        .box_con07 form ul li {
            display: -webkit-flex;
            display: flex;
        }
    }
    
    @media print {
        .box_con07 form ul li {
            display: -webkit-flex;
            display: flex;
        }
    }
    
    .ie8 .box_con07 form ul li {
        display: -webkit-flex;
        display: flex;
    }
    
    @media only screen and (max-width: 768px) {
        .box_con07 form ul li {
            margin: 1em 0;
        }
    }
    
    .box_con07 form ul li .title {
        position: relative;
        width: 30%;
        font-weight: normal;
        padding: 1em;
        position: relative;
        color: #1c2e53;
    }
    
    @media only screen and (min-width: 769px) {
        .box_con07 form ul li .title {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
        }
    }
    
    @media print {
        .box_con07 form ul li .title {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
        }
    }
    
    .ie8 .box_con07 form ul li .title {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
    
    .box_con07 form ul li .title em {
        position: relative;
        z-index: 1;
        font-size: 16px;
    }
    
    .box_con07 form ul li .title span {
        background: #00ff01;
        padding: 0 .3em;
        color: #fff;
        margin-left: .5em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .box_con07 form ul li .box_det {
        width: 70%;
        position: relative;
        padding: 1em;
        border-bottom: 1px solid #000;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: flex;
        font-size: 16px;
    }
    
    @media only screen and (max-width: 768px) {
        .box_con07 form ul li .box_det {
            padding: 1.5em .5em .5em;
            display: block;
            width: 100%;
        }
    }
    
    .box_con07 form ul li .box_br {
        display: block;
        padding: 0px 15px 0px 0px;
    }
    
    .box_con07 form ul li select,
    .box_con07 form ul li textarea,
    .box_con07 form ul li .wide {
        width: 100%;
        height: 3em;
        padding: .5em;
        border: none;
        outline: none;
        background: transparent;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 15px;
    }
    
    .box_con07 form ul li textarea {
        height: 10em;
    }
    
    .con_pri {
        max-width: 700px;
        margin: 0 auto;
    }
    
    @media only screen and (max-width: 768px) {
        .con_pri {
            width: 95%;
        }
    }
    
    .con_pri .box_pri {
        height: 300px;
        overflow-y: scroll;
        border: 1px solid #cdcdcd;
        background: #f7f7f7;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 20px;
        padding: 20px 55px;
    }
    
    @media only screen and (max-width: 768px) {
        .con_pri .box_pri {
            margin-top: 4%;
            padding: 3%;
        }
    }
    
    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .con_pri .box_pri {
            padding: 4%;
        }
    }
    
    .con_pri .box_pri .box_tori {
        text-align: left;
        margin-top: 40px;
    }
    
    @media only screen and (max-width: 768px) {
        .con_pri .box_pri .box_tori {
            margin-top: 4%;
        }
    }
    
    .con_pri .box_pri .box_tori h4 {
        font-weight: normal;
        margin-bottom: 30px;
        font-size: 150%;
    }
    
    @media only screen and (max-width: 768px) {
        .con_pri .box_pri .box_tori h4 {
            margin-bottom: 4%;
        }
    }
    
    .con_pri .box_pri .box_tori .txt {
        padding: 0 20px;
    }
    
    @media only screen and (max-width: 768px) {
        .con_pri .box_pri .box_tori .txt {
            padding: 0;
        }
    }
    
    .con_pri .box_pri .box_num {
        margin-top: 30px;
    }
    
    @media only screen and (max-width: 768px) {
        .con_pri .box_pri .box_num {
            margin-top: 5%;
        }
    }
    
    .con_pri .box_pri .box_num h4 {
        font-weight: normal;
        font-size: 113%;
    }
    
    .con_pri .box_pri .box_num .txt {
        padding: 10px 0 0 20px;
    }
    
    @media only screen and (max-width: 768px) {
        .con_pri .box_pri .box_num .txt {
            padding: 3% 0 0 3%;
        }
    }
    
    .box_check {
        text-align: center;
        margin: 1em auto;
    }
    
    .box_check label {
        display: inline-block;
    }
    
    .box_check label span {
        margin-left: .3em;
    }
    
    .btn {
        text-align: center;
    }
    
    .btn input {
        display: inline-block;
        background: #9e9e9e;
        padding: 1.2em 5em;
        color: #eee;
        text-decoration: none;
        cursor: pointer;
        border: none;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        font-size: 15px;
    }
    
    .btn input:hover {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
    }
    
    .main_catch {
        position: absolute;
        top: 58%;
        left: 8.5%;
        transform: translateY(-45%);
        z-index: 9998;
    }
    
    .circle {
        /* animation: fuwafuwa 1.5s ease-in-out 2 forwards; */
        font-size: 300%;
        /* letter-spacing: .2em; */
        line-height: 1.6;
        font-family: 'Arizonia', cursive;
        font-family: 'Cormorant Garamond', serif;
        font-family: 'Cormorant Upright', serif;
        font-family: 'EB Garamond', serif;
        font-family: 'Ephesis', cursive;
        font-family: 'Noto Serif JP', serif;
        font-family: 'Shippori Mincho B1', serif;
    }
    
    .anime-fade-skew {
        display: flex;
        flex-direction: column;
    }
    
    @keyframes fuwafuwa {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-40px);
        }
        100% {
            transform: translateY(0px);
        }
        0%,
        100% {
            opacity: 1;
        }
    }
    
    .slider2 img {
        width: 100%;
        height: auto;
    }
    
    .slider2 .slick-slide {
        margin: 0 10px;
    }
    
    .top_bg .slick_parts img {
        width: 100%;
        height: 100vh;
        filter: brightness(80%);
        object-fit: cover;
    }
    /* .slide01,
.slide02,
.slide03 {
    background: rgba(255, 255, 255, 0.4) !important;
    z-index: 1000 !important;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
} */
    
    .top-ttl {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .textanimation {
        font-size: 45px;
        line-height: 1.5;
        letter-spacing: 1.3rem;
        font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", serif;
    }
    
    @keyframes showTextFromBottom {
        0% {
            transform: translateY( 100%);
        }
        100% {
            transform: translateY( 0px);
        }
    }
    
    .textanimation span {
        animation: showText 0.5s backwards;
        display: inline-block;
    }
    
    .textanimation>span {
        overflow: hidden;
    }
    
    .textanimation>span>span {
        animation: showTextFromBottom 1.5s backwards;
    }
    
    .anime {
        margin: 100px 0px 150px 0px;
    }
    
    .cursor {
        position: fixed;
        top: -15px;
        left: -15px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: solid 1px #a9a9a9;
        background: rgba(255, 255, 255, 0.7);
        z-index: 1000;
        transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s;
        transform: translate(0, 0);
        pointer-events: none;
        font-size: 0;
    }
    
    .cursor.cursor--hover {
        top: -35px;
        left: -35px;
        width: 70px;
        height: 70px;
        background: #696969;
        opacity: 0.4;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
    }
    
    .btn2 {
        display: inline-block;
        min-width: 300px;
        margin: 20px;
        padding: 20px;
        color: #000;
        background-color: #fff;
        font-size: 20px;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
    }
    
    #container {
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 120px;
    }
    
    #container div {
        width: 23%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 0px 20px 0px;
    }
    
    .picture {
        margin-top: 100px;
    }
    
    #container2 {
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        margin-bottom: 70px;
        justify-content: space-evenly;
    }
    
    #container2 div {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 0px 20px 0px;
    }
    
    .btnn {
        position: relative;
        display: inline-block;
        cursor: pointer;
        text-decoration: none;
        overflow: hidden;
    }
    
    .btn__text {
        position: absolute;
        left: 0;
        display: block;
        height: 100%;
        width: 100%;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        transition: all 0.3s;
    }
    
    .btn__text:nth-child(1) {
        top: 0;
    }
    
    .btn__text:nth-child(2) {
        top: -100%;
    }
    
    .btnn:hover .btn__text:nth-child(1) {
        top: 100%;
    }
    
    .btnn:hover .btn__text:nth-child(2) {
        top: 0;
    }
    
    .fadeU,
    .fadeD,
    .fadeL,
    .fadeR {
        opacity: 0;
    }
    
    .fadeUp {
        animation-name: fadeUpAnime;
        animation-duration: 3.0s;
        animation-fill-mode: forwards;
        opacity: 0;
    }
    
    @keyframes fadeUpAnime {
        from {
            opacity: 0;
            transform: translateY(100px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .fadeUpTrigger {
        opacity: 0;
    }
    
    .emblem {
        position: absolute;
        left: 0;
        right: 0;
        top: -16vh;
        margin: 0 auto;
        width: 45vh;
        height: 45vh;
        border-radius: 50%;
        font-weight: bold;
        color: #383c3c;
        animation: spinZ 20s linear infinite;
        text-align: center;
    }
    
    .emblem span {
        position: absolute;
        display: inline-block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        text-transform: uppercase;
        font-size: 4vh;
        transition: all .5s cubic-bezier(0, 0, 0, 1);
        font-weight: 300;
        fonernt-family: "Hannari";
    }
    
    @keyframes spinZ {
        0% {
            transform: rotateZ(360deg);
        }
        100% {
            transform: rotateZ(0deg);
        }
    }
    
    .title-inner p:nth-child(2) {
        display: none;
    }
    
    .top-menu:hover p:nth-child(1) {
        display: none;
    }
    
    .top-menu:hover p:nth-child(2) {
        display: block;
    }
    
    .head_test-wrap {
        display: none;
    }
    
    .content_wrap {
        display: flex;
        text-align: center;
        width: 100%;
        justify-content: center;
        margin-top: 150px;
        margin-bottom: 100px;
    }
    
    .approach {
        margin: 150px 0px;
    }
    
    .approach1 {
        display: flex;
    }
    
    .approachtitle1 h1 {
        text-align: center;
    }
    
    .approach1pic {
        width: 50%;
    }
    
    .approachtitle1 {
        width: 50%;
        text-align: center;
    }
    
    .message1 {
        justify-content: space-between;
        text-align: center;
        align-items: center;
    }
    
    .approach-0 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 100px;
    }
    
    .approach-last {
        display: flex;
        justify-content: space-between;
        margin-bottom: 100px;
    }
    
    .leftap {
        width: 50%;
        float: left;
        margin: 0 0 0 100px;
    }
    
    .rightap {
        position: relative;
        box-sizing: border-box;
        float: left;
        float: right;
        width: 50%;
        margin: 70px 100px 0 -70px;
        padding: 100px;
        background-color: #e9e4d4;
        /* box-shadow: 0px 20px 10px 5px rgba(192, 192, 192, 0.2); */
        z-index: 100;
    }
    
    .number {
        position: absolute;
        top: 0;
        left: 8px;
        z-index: -1;
        font-family: Lato, "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
        font-size: 5.5rem;
        font-style: italic;
        font-weight: 300;
        line-height: 1;
        color: #f8f4e6;
        content: counter(box-num);
    }
    
    .number2 {
        position: absolute;
        top: 0;
        left: 8px;
        z-index: -1;
        font-family: Lato, "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
        font-size: 5.5rem;
        font-style: italic;
        font-weight: 300;
        line-height: 1;
        color: #f6f6f6;
        content: counter(box-num);
    }
    
    .aptext h1 {
        text-align: center;
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .aptext p {
        font-size: 16px;
        line-height: 2.2;
        letter-spacing: 0.10em;
        width: 90%;
    }
    
    .apmessage {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .leftap2 {
        position: relative;
        box-sizing: border-box;
        float: left;
        float: right;
        width: 50%;
        margin: 70px -70px 0 100px;
        padding: 100px;
        background-color: #dcdcdc;
        /* box-shadow: 0px 20px 10px 5px rgba(192, 192, 192, 0.2); */
        z-index: 100;
    }
    
    .rightap2 {
        width: 50%;
        float: left;
        margin: 0 100px 0 0;
    }
    
    .aptext h1 {
        text-align: center;
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .aptext p {
        font-size: 1.1rem;
        line-height: 2.1;
        letter-spacing: .2em;
    }
    
    .menu {
        list-style-type: none;
    }
    
    .menu a {
        font-size: 13px;
        line-height: 2.2;
    }
    
    .circle0 {
        display: none;
    }
    
    .circle1 {
        display: none;
    }
    
    .menu>li:hover div,
    .menu2>li:hover div {
        display: block;
    }
    
    .menu>li>div>ul>:hover li {
        display: block;
    }
    
    .menu2 {
        list-style-type: none;
    }
    
    .menu2 a {
        font-size: 13px;
        line-height: 2.2;
    }
    
    #main_nav .circle0 li {
        padding: 0;
    }
    
    #main_nav .circle1 li {
        padding: 0;
    }
    
    .menu>li,
    .menu2>li {
        display: inline-block;
        position: relative;
    }
    
    .menu>ul .menu2>ul {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .menu>li>ul,
    .menu2>li>ul {
        display: none;
    }
    
    .menu>li:hover ul,
    .menu2>li:hover ul {
        position: absolute;
        padding: 0;
        margin: 0;
        top: 1em;
        left: -65%;
        list-style-type: none;
        background-color: rgba(171, 206, 216, 0.8);
        width: 180px;
        height: 180px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .btntextchange span {
        position: absolute;
        top: 20%;
        white-space: nowrap;
        font-size: 1.2rem;
        letter-spacing: 0.2em;
    }
    
    .navigation li {
        margin: 10px;
    }
    
    .navigation ol li:hover {
        background-color: #494b4c;
        color: #fff;
    }
    
    .navigation ol li {
        position: relative;
        display: inline-block;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        border: 1px solid #d3d3d3;
    }
    
    .navigation ol {
        display: flex;
        justify-content: space-between;
        margin: 0px;
        padding: 0px;
    }
    
    .navigation li a {
        position: absolute;
        display: inline-block;
        left: 0%;
        width: 100%;
        height: 100%;
        padding-left: 10px;
        line-height: 100px;
        /* font-family: 'Josefin Sans', sans-serif; */
        font-size: 1.2rem;
        letter-spacing: 0.2em;
    }
    
    .btntextchange span:nth-child(2) {
        opacity: 0;
    }
    
    .btntextchange:hover span:nth-child(1) {
        opacity: 0;
    }
    
    .btntextchange:hover span:nth-child(2) {
        opacity: 1;
    }
    
    .house a {
        margin: 10px;
    }
    
    .backimg {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 200px;
        padding-bottom: 100px;
        position: relative;
    }
    
    .backimg1 {
        animation: r1 12s linear infinite;
    }
    
    .cms {
        font-size: 1.3rem;
        position: absolute;
        left: 46%;
        top: 51%;
        transform: translate(5%, -20%);
    }
    
    .flow {
        padding-top: 150px;
        padding-bottom: 100px;
    }
    
    .innerflow {
        max-width: 700px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .ttlflow {
        text-align: center;
        padding-bottom: 50px;
        font-size: 2.5rem;
        color: #6a5f5f;
    }
    
    .innerflow .h2 {
        line-height: 2.2;
    }
    
    .h2 {
        font-size: 160%;
        line-height: 1.5em;
        font-weight: bold;
    }
    
    .flowbox .inbox {
        padding: 40px;
        border: solid 3px #808080;
        margin-top: 70px;
        position: relative;
        background-color: #FFF;
    }
    
    .mark {
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        background-color: #abced8;
        color: #FFF;
        position: absolute;
        top: -50px;
        border-radius: 999px;
        margin-left: -50px;
        letter-spacing: normal;
    }
    
    .detail {
        padding-top: 5px;
    }
    
    .mark2 {
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        background-color: #a4d5bd;
        color: #FFF;
        position: absolute;
        top: -50px;
        border-radius: 999px;
        margin-left: -50px;
        letter-spacing: normal;
    }
    
    .flowbox .inbox .mark strong {
        font-size: 2rem;
        font-weight: normal;
    }
    
    .mark2 strong {
        font-size: 2rem;
        font-weight: normal;
    }
    
    .headline {
        text-align: center;
        margin-top: 10px;
        font-size: 140%;
        font-weight: bold;
        line-height: 1.5em;
        padding-bottom: 5px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #000;
    }
    
    .h3 {
        margin-top: 40px;
        font-size: 140%;
        font-weight: bold;
        line-height: 1.5em;
        padding-bottom: 5px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #000;
    }
    
    .flowbox .inbox::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -21px;
        left: 50%;
        margin-left: -21px;
        color: #808080;
        border-style: solid;
        border-color: transparent;
        border-width: 1.5em 1.5em;
        border-top-color: currentColor;
        border-bottom: 0;
    }
    
    .flowbox {
        margin-bottom: 100px;
    }
    
    .thk_msg {
        text-align: center;
        margin-top: 250px;
        margin-bottom: 100px;
    }
    
    .thanks_message {
        font-weight: bold;
        color: #507ea4;
        font-size: 2.5em;
    }
    
    .thk_msg p {
        font-size: 16px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 40px;
        line-height: 1.5;
    }
    
    .topBtn {
        width: 250px;
        margin: 0 auto;
        background-color: #414040;
        border: 1px solid #414040;
        border-radius: 5px;
        transition: .4s;
        padding: 10px;
        color: #fff;
    }
    
    .topBtn a {
        font-size: 1.1rem;
    }
    
    .topBtn::after {
        content: "";
        position: absolute;
        background: #494b4c;
        transition: all .1s ease-out;
    }
    /* .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
    .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
        border-radius: 20px;
        filter: opacity(70%);
    } */
    
    .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
    .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img:hover {
        filter: none;
    }
    
    .company {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 50px 100px 200px;
    }
    
    .company-img {
        margin: 100px 0px 0px 0px;
    }
    
    .company-img img {
        margin-left: auto;
        display: block;
    }
    
    .company-row {
        width: 100%;
        border-top: 1px solid #d9d9d9;
        display: flex;
        flex-wrap: wrap;
    }
    
    .company-info {
        padding-left: 100px;
        line-height: 2;
    }
    
    .table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
    }
    
    .table tr {
        border-bottom: 1px solid #ACACAC;
    }
    
    .table tr th,
    .table tr td {
        padding: 20px 0;
        text-align: left;
        vertical-align: top;
    }
    
    .table tr th {
        width: 21%;
        font-weight: bold;
        white-space: nowrap;
    }
    
    .table tr td {
        width: 75%;
    }
    /* @media screen and (max-width: 767px) {
    .table tr th,
    .table tr td {
        display: block;
        width: 100%;
        padding: 0;
        margin: 20px 0;
    }
} */
    
    .biography {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .biographyleft {
        padding-right: 100px;
        max-width: 350px;
    }
    
    .biographyright {
        padding-left: 100px;
        max-width: 350px;
    }
    
    .profile-neme {
        text-align: center;
        margin-top: 20px;
    }
    
    .profile-neme h2 {
        letter-spacing: 5px;
    }
    
    .head1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .head1 span {
        font-size: 18px;
        height: 200px;
        position: absolute;
        width: 20px;
        transform-origin: bottom center;
        top: -55px;
    }
    
    .char1 {
        transform: rotate(-30deg);
    }
    
    .char2 {
        transform: rotate(-15deg);
    }
    
    .char3 {
        transform: rotate(0deg);
    }
    
    .char4 {
        transform: rotate(15deg);
    }
    
    .char5 {
        transform: rotate(30deg);
    }
    
    .char6 {
        transform: rotate(-30deg);
    }
    
    .char7 {
        transform: rotate(-20deg);
    }
    
    .char8 {
        transform: rotate(-10deg);
    }
    
    .char9 {
        transform: rotate(0deg);
    }
    
    .char10 {
        transform: rotate(10deg);
    }
    
    .char11 {
        transform: rotate(20deg);
    }
    
    .char12 {
        transform: rotate(30deg);
    }
    
    .company0 {
        margin-bottom: 100px;
    }
    
    .backcolor {
        margin-bottom: 150px;
    }
    
    .box-wrap {
        display: flex;
        margin: 0 -20px -20px 0;
        padding: 20px 100px;
    }
    
    .box2 {
        padding: 65px 0 70px;
        margin: 2em 0;
        color: #2c2c2f;
        background-color: rgba(186, 220, 173, 0.3);
        width: calc(100% / 3);
        margin: 10px;
    }
    
    .box3 {
        padding: 65px 0 70px;
        margin: 2em 0;
        color: #2c2c2f;
        background-color: rgba(132, 185, 203, 0.2);
        width: calc(100% / 3);
        margin: 0 20px 20px 0;
    }
    
    .box4 {
        padding: 65px 0 70px;
        margin: 2em 0;
        color: #2c2c2f;
        background-color: rgba(235, 225, 169, 0.3);
        width: calc(100% / 3);
        margin: 0 20px 20px 0;
    }
    
    .box-title {
        text-align: center;
        margin-bottom: 35px;
    }
    
    .english {
        display: block;
        font-size: 18px;
        letter-spacing: .2em;
        margin-bottom: 12px;
        font-family: Montserrat, "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
    }
    
    .jp {
        display: block;
        font-size: 17px;
        font-weight: 300;
        line-height: 1;
    }
    
    .box2 .jp {
        color: #175401;
    }
    
    .box3 .jp {
        color: #055775;
    }
    
    .box4 .jp {
        color: #766502;
    }
    
    .box-text {
        font-size: 15px;
        line-height: 2.5;
        width: 80%;
        margin: 0 auto;
    }
    
    .heading-013 {
        letter-spacing: .2em;
        font-size: 28px;
        margin: 100px 0;
        padding-left: 100px;
        position: relative;
        color: #303030;
        -webkit-box-reflect: below -10px -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .5));
    }
    
    .heading-013::before {
        position: absolute;
        top: -110px;
        right: 0;
        left: 0;
        width: 1px;
        height: 100px;
        margin: auto;
        content: "";
        background: #303030;
    }
    
    .heading-013::before {
        transition: height .6s cubic-bezier(.075, .82, .165, 1);
    }
    
    .container1,
    .container2,
    .container3 {
        padding-top: 100px;
    }
    
    #scroll {
        position: fixed;
        bottom: -100px;
        right: 2px;
        width: 53px;
        height: 352px;
        display: none;
        opacity: 0.75;
        margin: 0px;
        padding: 10px;
        z-index: 99;
    }
    
    .sec-inquiry {
        display: flex;
        padding-top: 50px;
    }
    
    .bird {
        padding-right: 30px;
    }
    
    .list {
        margin-right: 52%;
        padding-top: 100px;
    }
    
    .list a {
        background: #eee;
        position: relative;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
        max-width: 240px;
        padding: 10px 25px;
        color: #313131;
        transition: 0.3s ease-in-out;
        font-weight: 500;
        font-size: 15px;
    }
    
    .list a:before {
        content: '';
        position: absolute;
        top: calc(50% - 2px);
        right: -2em;
        transform: translateY(calc(-50% - 2px)) rotate(30deg);
        width: 12px;
        height: 2px;
        background-color: #6bb6ff;
        transition: 0.3s;
    }
    
    .list a:after {
        content: '';
        position: absolute;
        top: 50%;
        right: -2em;
        transform: translateY(-50%);
        width: 60px;
        height: 2px;
        background-color: #6bb6ff;
        transition: 0.3s;
    }
    
    .list a:hover:before,
    .list a:hover:after {
        right: -2.5em;
    }
    
    .list a:hover {
        background: #7098c0;
        color: #fff;
    }
    /* .post {
    width: 100%;
} */
    
    .works-block {
        margin: 2% auto 0;
        max-width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    
    .works-block2 {
        margin: 2% auto 0;
        max-width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    
    .works_date {
        font-size: 1.5rem;
    }
    
    .works_info_text {
        font-size: 14px;
    }
    
    .works_title {
        display: block;
        font-size: 20px;
        color: #1b1a1a;
        font-family: ヒラギノ明朝 W3 JIS2004, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
        font-weight: bold;
        margin: 5% auto;
    }
    
    .quote {
        margin: 30px;
        text-align: center;
        max-width: 800px;
        margin: 25px 30px;
    }
    
    .quote2 {
        text-align: center;
        max-width: 1150px;
        margin: 25px 30px;
        width: 100%;
    }
    
    .line-through {
        display: block;
        position: relative;
        border-bottom: 1px solid #444;
        height: 15px;
    }
    
    .line-through span {
        position: absolute;
        display: inline-block;
        background: #fff;
        width: 150px;
        margin-left: 30px;
        line-height: 30px;
        color: #444;
        font-size: 12px;
        text-align: center;
    }
    
    .box3-4 {
        margin: 1em auto;
        padding: 2em;
        position: relative;
        padding: 1.5em;
        z-index: 0;
    }
    
    .box3-4:before {
        position: absolute;
        border: 1px dashed #848484;
        content: '';
        display: block;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        /* margin: 5px; */
        z-index: -1;
        border-radius: 3px;
        border-right: none;
        border-left: none;
    }
    
    .works_list {
        padding: 1%;
        margin: 5px 0;
        width: 100%;
    }
    
    .works_list2 {
        padding: 1%;
        margin: 5px 0;
        width: 100%;
    }
    
    .works_list {
        font-size: 1.8rem;
        position: relative;
        /* max-height: 300px; */
        margin: 3% auto;
        width: 100%;
        text-align: center;
        max-width: 1200px;
        filter: opacity(80%);
    }
    
    .works_list2 {
        font-size: 1.8rem;
        position: relative;
        /* max-height: 300px; */
        /* margin: 3% auto; */
        width: 100%;
        text-align: center;
    }
    
    .works_list a {
        text-decoration: none;
        font-family: sans-serif;
        width: 100%;
        display: inline-flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    
    .works_list2 a {
        text-decoration: none;
        font-family: sans-serif;
        width: 100%;
        /* display: inline-flex;
    justify-content: space-evenly;
    flex-wrap: wrap; */
    }
    
    .works_image2 {
        width: 45%;
        max-width: 450px;
        text-align: start;
    }
    /* .W_back2 {
    width: 50%;
    max-width: 450px;
    text-align: start;
} */
    
    .W_back2 {
        width: 50%;
        max-width: 450px;
        text-align: start;
        position: absolute;
        top: 50%;
        transform: translate(50%, -50%);
        margin-left: 10%;
    }
    
    .W_back2 .works_info_text p {
        text-align: start;
    }
    
    .works_image img {
        max-width: 200px;
        height: 200px;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        object-fit: cover;
    }
    
    .works_image2 img {
        max-width: 200px;
        height: 200px;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        object-fit: cover;
    }
    
    .works_info_text {
        font-size: 14px;
    }
    
    .line-through2 {
        display: block;
        position: relative;
        border-bottom: 1px solid #444;
    }
    
    .line-through2 span {
        position: absolute;
        display: inline-block;
        background: #fff;
        width: 150px;
        margin-left: -66px;
        line-height: 30px;
        color: #444;
        font-size: 12px;
        text-align: center;
        margin-top: -10px;
    }
    /* #sec-company {
    height: 100vh;
    position: relative;
} */
    
    .rotate__cont {
        position: fixed;
        width: 400px;
        height: 400px;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }
    
    .sec-rotate {
        height: 100vh;
    }
    
    .rotate__inner-txt {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 17px;
        text-align: center;
        z-index: 1;
    }
    
    .rotate__float {
        animation: rotate 20s infinite linear;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    
    .post {
        margin-bottom: 3%;
    }
    
    .pagination {
        text-align: center;
        margin-bottom: 3%;
    }
    
    .pnavi,
    .span {
        display: inline-block;
    }
    
    .pnavi a,
    .pnavi span {
        padding: 0 5px;
        text-decoration: none;
        border: 1px solid #ddd;
        font-size: 17px;
    }
    
    .pagination .current {
        background: #a5a5a5;
        color: #fff;
    }
    
    .pnavi a:hover:not(.active) {
        background-color: #6aa1ad;
    }
    
    .pnavi span:hover:not(.active) {
        background-color: #ddd;
    }
    /************************************
** Contact form 7 CSSカスタマイズ
************************************/
    /* 入力欄全体の設定 */
    
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    select,
    textarea {
        display: block;
        width: 100%;
        height: 45px;
        margin-bottom: 0;
        padding: 0 12px;
        border: 0;
        border-radius: 3px;
        box-shadow: none;
        background-color: #F6F8F8;
        color: #5c6b80;
        font-size: 1em;
        vertical-align: middle;
        line-height: 45px;
        transition: background-color 0.24s ease-in-out;
    }
    /* テキストエリアの設定 */
    
    table.CF7_table textarea {
        resize: vertical;
        max-width: 100%;
        min-height: 300px;
        line-height: 1.5em;
        padding: 0.5em;
        overflow: auto;
    }
    /* 入力欄とテキストエリア共通 */
    
    .CF7_table input,
    .CF7_table select,
    .CF7_table textarea {
        border: 1px solid #d8d8d8;
    }
    /* table */
    
    table.CF7_table {
        width: 100%;
        margin: 0 auto;
        border: none !important;
        max-width: 1200px;
    }
    
    table.CF7_table tr th p {
        text-align: start;
    }
    
    table.CF7_table tr {
        border-top: 1px solid #e5e5e5;
    }
    
    table.CF7_table th {
        width: 30%;
        background-color: #F6F8F8;
        font-size: 15px;
        vertical-align: middle;
    }
    /* 背景を削除 */
    
    table.CF7_table tr,
    table.CF7_table th,
    table.CF7_table td {
        padding: 0.75rem 0.75rem !important;
        background: none !important;
        border: none !important;
    }
    
    .single .entry-content table.CF7_table,
    .page .entry-content table.CF7_table {
        display: table;
    }
    
    .CF7_table ::placeholder {
        color: #797979;
    }
    /*「必須」文字*/
    
    .CF7_req {
        font-size: .9em;
        padding: 4px 7px;
        background: #4c6d70;
        color: #fff;
        border-radius: 3px;
        margin-right: 1em;
    }
    /*「任意」文字*/
    
    .CF7_unreq {
        font-size: .9em;
        padding: 4px 7px;
        background: #bdbdbd;
        color: #fff;
        border-radius: 3px;
        margin-right: 1em;
    }
    
    .wp-block-image img {
        max-width: 700px;
    }
    
    .wp-block-gallery.has-nested-images figure.wp-block-image {
        max-width: 700px;
    }
    
    .content_wrap h2 {
        margin-bottom: 5%;
    }
    
    .single_txt {
        font-size: 20px;
    }
    /* レスポンシブ */
    
    @media screen and (max-width: 768px) {
        table.CF7_table {
            width: 90%;
        }
        .CF7_table tr,
        .CF7_table td,
        .CF7_table th {
            display: block;
            width: 100% !important;
            line-height: 2.5em;
        }
        .CF7_table th {
            background-color: #F6F8F8;
        }
    }
    /* 「送信する」ボタン */
    
    .wpcf7 input.wpcf7-submit {
        background-color: #4c6d70;
        border: 2px solid #4c6d70;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        margin: 0 auto;
        padding: 15px 30px;
        transition: all 0.5s 0s ease;
    }
    
    .wpcf7 input.wpcf7-submit:hover {
        background: #fff;
        color: #4c6d70;
    }
    
    .CF7_btn {
        text-align: center;
        margin: 20px;
    }
    
    .wpcf7-spinner {
        width: 0;
        margin: 0;
    }
    /* ************************************
  ************************************ */
    
    @media screen and (max-width: 1530px) {
        .rnv-list {
            padding: 20px;
        }
    }
    
    @media screen and (max-width: 1424px) {
        .rnv-list {
            padding: 10px;
        }
        .navigation ol li {
            width: 170px;
            height: 170px;
        }
    }
    
    @media screen and (max-width: 1317px) {
        .circle {
            font-size: 300%;
        }
        .about-service-block .block .ttl {
            font-size: 2rem;
        }
        .btn a {
            width: 240px;
        }
        .about-service-block__logo {
            width: 280px;
            height: 280px;
        }
        .about-service-block__logo img {
            width: 85px;
        }
        .btntextchange span {
            font-size: 1rem;
        }
        .rnv-surround {
            line-height: 2;
        }
        .rnv,
        .works-title p,
        .sec-ttl .en {
            font-size: 1.8rem;
            letter-spacing: .3em;
        }
    }
    
    @media screen and (max-width: 1698px) {
        .rnv-list {
            padding: 34px;
        }
        .rightap,
        .leftap2 {
            padding: 60px;
        }
        .rnv-list {
            padding: 20px;
        }
        .rnv-text {
            line-height: 1.8;
        }
        .btn a {
            width: 240px;
        }
        .circle {
            font-size: 280%;
        }
    }
    
    @media screen and (max-width: 1596px) {
        .sec-hiraken2 {
            margin: 0;
        }
        .rnv-list {
            padding: 15px;
        }
        .navigation ol li {
            width: 180px;
            height: 180px;
        }
    }
    
    @media screen and (max-width: 1480px) {
        .sentence {
            margin-top: 30px;
            line-height: 2;
        }
        .main-title .mainttl .en-ttl {
            font-size: 4rem;
        }
        .aptext p {
            font-size: 1.1rem;
            line-height: 2.1;
        }
        .rightap,
        .leftap2 {
            padding: 50px;
        }
        .number,
        .number2 {
            font-size: 4.3rem;
        }
        .about-service-block .block .ttl {
            font-size: 2rem;
        }
        /* .hk-home {
        padding-top: 11rem;
    } */
        .about-service-block__logo {
            width: 270px;
            height: 270px;
        }
        .about-service-block__logo img {
            width: 90px;
        }
        .btn a {
            width: 220px;
        }
        .block p {
            line-height: 1.9;
        }
        .box-text {
            line-height: 2;
        }
        .about-service-block {
            margin: 120px auto 0;
        }
    }
    
    @media screen and (max-width: 1430px) {
        .sec-ttl .bdr::after {
            width: 150px;
            left: -77px;
        }
        .ttl-01,
        .ttl-02 {
            font-size: 1.9rem;
        }
        .rnv,
        .works-title p,
        .sec-ttl .en {
            font-size: 1.8rem;
            letter-spacing: .3em;
        }
        .rnv-list {
            padding: 10px;
        }
        .btn a {
            width: 200px;
            letter-spacing: 0.1em;
            font-size: 1.5rem;
        }
        .rnv-category {
            padding-bottom: 30px;
        }
    }
    
    @media screen and (max-width: 1400px) {
        .approach {
            margin: 100px 0 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .flow {
            padding-top: 100px;
        }
        .approach-0 {
            flex-direction: column;
            height: auto;
            margin: 0 auto;
            position: relative;
        }
        .approach1 {
            display: block;
            margin-bottom: 100px;
        }
        .approach2 {
            display: block;
            margin-bottom: 100px;
        }
        .leftap {
            width: 70%;
            z-index: -1;
            margin: 0 auto;
        }
        .rightap {
            width: 60%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            margin: 0 auto;
        }
        .leftap2 {
            width: 60%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            margin: 0 auto;
        }
        .rightap2 {
            width: 70%;
            margin: 0 auto;
            z-index: -1;
        }
    }
    
    @media screen and (max-width: 1365px) {
        .hiraken,
        .hiraken2,
        .hiraken3 {
            margin: 70px 50px;
        }
        .works-title p {
            padding-top: 70px;
        }
        .anime {
            margin: 100px 0px 70px 0px;
        }
        .rnv,
        .map-e,
        .works-title p,
        .sec-ttl .en {
            font-size: 1.6rem;
            letter-spacing: .2em;
            line-height: 1.2;
        }
        .sec-ttl .bdr::after {
            width: 140px;
        }
        .navigation ol li {
            width: 170px;
            height: 170px;
        }
        .btntextchange span {
            font-size: 1rem;
        }
        .ttl {
            line-height: 1.5;
        }
        .about-service-block .block .ttl {
            font-size: 1.9rem;
        }
        .btn a {
            line-height: 50px;
        }
        .container1,
        .container2,
        .container3 {
            padding-top: 80px;
        }
    }
    
    @media screen and (max-width: 1280px) {
        .sec-ttl02 {
            margin-bottom: 20px;
        }
        .hiraken2 {
            margin: 0 50px 50px;
        }
        .hiraken {
            margin: 50px 50px 0;
        }
        .hiraken3 {
            margin: 50px 50px 50px;
        }
        .about-service-block {
            margin: 130px auto 0;
        }
        .works {
            padding-top: 80px;
        }
        .tel,
        .mail-box {
            height: 220px;
            font-size: 1rem;
        }
        .ttl-01,
        .ttl-02 {
            font-size: 1.7rem;
        }
        #main_nav li {
            line-height: 1.9;
        }
        .rnv,
        .map-e,
        .works-title p,
        .sec-ttl .en {
            font-size: 1.5rem;
        }
        .navigation ol li {
            width: 150px;
            height: 150px;
            margin: 5px;
        }
        .btntextchange span {
            font-size: .9rem;
        }
        .circle {
            line-height: 1.6;
            font-size: 270%;
        }
        .about-service-block__logo img {
            width: 70px;
        }
        .about-service-block__logo {
            width: 240px;
            height: 240px;
        }
        .about-service-block {
            max-width: 970px;
        }
        .about-service-block .block .ttl {
            font-size: 1.8rem;
        }
        /* .company-img {
         padding: 0;
     } */
        .biographyleft,
        .biographyright {
            max-width: 350px;
        }
        .approach1,
        .approach2 {
            margin-bottom: 70px;
        }
        .main-title .mainttl .en-ttl {
            font-size: 3.8rem;
        }
        .rnv-list h3 {
            line-height: 1.5;
            font-size: 1.1rem;
        }
        .leftap,
        .rightap2 {
            width: 65%;
        }
        .table tr th,
        .table tr td {
            padding: 15px 0;
        }
        .sec-ttl {
            margin-bottom: 40px;
        }
        .mf2.on2 {
            padding-top: 80px;
        }
        .company-img {
            margin: 80px 0px 0px 0px;
        }
        .company-info {
            padding-left: 50px;
        }
        .box2,
        .box3,
        .box4 {
            padding: 50px 0 55px;
        }
        .box-text {
            line-height: 1.8;
        }
        .english {
            font-size: 15px;
        }
        .works_image img {
            max-width: 150px;
            height: 150px;
        }
        .works_image2 img {
            max-width: 150px;
            height: 150px;
        }
        .circle {
            font-size: 280%;
        }
        .works-block2 {
            margin: 2% 50px 0;
        }
        .page-ttl-img img {
            height: 450px;
            object-fit: cover;
        }
        .main-title {
            width: 45%;
        }
        .page-ttl-img {
            width: 55%;
        }
        .page-ttl {
            padding: 150px 0px 0px 0px;
        }
        .company {
            margin: 0 100px 200px;
        }
    }
    
    @media screen and (max-width: 1230px) {
        .rnv-list {
            width: 50%;
        }
    }
    
    @media screen and (min-width: 1180px) {
        .hamburger-menu {
            display: none;
        }
    }
    
    @media screen and (max-width: 1180px) {
        #fixed_nav {
            display: none;
        }
        .jp-ttl::after {
            width: 130px;
            right: -200px;
        }
        .aptext p {
            line-height: 1.8;
        }
        .about-service-block {
            max-width: 800px;
        }
        .about-service-block__logo {
            width: 220px;
            height: 220px;
        }
        .btn a {
            width: 180px;
            font-size: 1.2rem;
            line-height: 45px;
        }
        .about-service-block .block .ttl {
            font-size: 1.7rem;
        }
        .block p {
            line-height: 1.8;
        }
        .hiraken-img,
        .hiraken-img3 {
            padding: 80px 0px 0px 0px;
            /* height: 550px; */
        }
        .number,
        .number2 {
            font-size: 4.1rem;
        }
        .rightap,
        .leftap2 {
            padding: 45px;
        }
        /* ハンバーガー     */
        .other #header .menu-btn span,
        .menu-btn span:before,
        .menu-btn span:after {
            background-color: #333;
        }
        .other #header .menu-btn span:before,
        .other #header .menu-btn span:after {
            background-color: #333;
        }
        #menu-btn-check:checked~.menu-btn span {
            background-color: rgba(255, 255, 255, 0);
        }
        #menu-btn-check:checked~.menu-btn span::before {
            bottom: 0;
            transform: rotate(45deg);
            background-color: #333;
        }
        #menu-btn-check:checked~.menu-btn span::after {
            top: 0;
            transform: rotate(-45deg);
            background-color: #333;
        }
        .menu-btn {
            position: fixed;
            top: 20px;
            right: 20px;
            display: flex;
            height: 60px;
            width: 60px;
            justify-content: center;
            align-items: center;
            z-index: 90;
            transform: rotate(45deg);
        }
        .menu-btn span,
        .menu-btn span:before,
        .menu-btn span:after {
            content: '';
            display: block;
            height: 2px;
            width: 35px;
            border-radius: 3px;
            position: absolute;
        }
        .menu-btn span {
            transform: rotate(135deg);
            background-color: #fff;
        }
        #header .menu-btn span,
        .menu-btn span:before,
        .menu-btn span:after {
            background-color: #fff;
        }
        .menu-btn span:before {
            bottom: 8px;
        }
        .menu-btn span:after {
            top: 8px;
        }
        #menu-btn-check {
            display: none;
        }
        .menu-content {
            width: 100%;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 100%;
            z-index: 80;
            background-color: #fff;
            transition: all 0.5s;
            overflow: scroll;
        }
        #menu-btn-check:checked~.menu-content {
            left: 0;
        }
        .menu-content ul {
            padding-right: 20px;
        }
        .menu-content ul li {
            list-style: none;
        }
        .menu-content ul li a {
            display: block;
            width: 100%;
            display: block;
            width: 100%;
            font-size: 1.1rem;
            box-sizing: border-box;
            color: #050505;
            text-decoration: none;
            position: relative;
            font-family: "yuji-syuku", 'Noto Serif JP', sans-serif, serif;
        }
        .menu-text {
            width: 1em;
            display: inline-block;
            margin: 0 auto auto;
            padding-top: 5px;
            font-size: 1.3rem;
            text-align: right;
            letter-spacing: 0.15em;
            order: 4;
            z-index: 1;
            transform: scaleY(0.9);
            transform-origin: center top;
            color: var(--color-drawer-txt-weak);
            transition: color 0.5s ease;
        }
        .line::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            content: "";
            display: inline-block;
            flex: 1 0;
            width: 1px;
            height: 100%;
            min-height: 60px;
            margin: auto;
            background-size: 5px;
            background-position: center top;
            transition: opacity 0.5s cubic-bezier(0.17, 0.84, 0.44, 1);
            order: 3;
            opacity: 0.5;
        }
        .menu-box2 .table-row th {
            padding-block-start: 0.1em;
            padding-inline-start: 0;
            padding-inline-end: 100px;
            vertical-align: baseline;
            text-align: left;
            white-space: nowrap;
            height: auto;
            font-weight: 500;
        }
        .menu-box2 .eve-table {
            inline-size: calc(100% / 0.9);
            block-size: auto;
            font-feature-settings: inherit;
        }
        .menu-box2 .table-row td {
            margin-inline-start: 0;
        }
        .menu-box2 .table-row td {
            inline-size: calc(100% - 80px);
            margin-block-end: 0;
            padding-block-end: 15px;
            font-size: 1rem;
            text-align: right;
        }
        .menu-box2 {
            height: auto;
            padding: 0;
            list-style: none;
            line-height: 4rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -30%);
            font-feature-settings: "vpal";
            text-orientation: upright;
            block-size: 100%;
            max-inline-size: 100%;
            letter-spacing: .2rem;
            font-size: 1.3rem;
        }
        .menu-box2 li {
            flex-direction: column;
            justify-content: flex-start;
            height: 100%;
            margin: 0;
        }
        .menu-logo {
            position: absolute;
            top: 50%;
            left: 60px;
            transform: translate(-50%, -50%);
        }
        .menu-box {
            max-width: 1600px;
            margin: auto;
        }
        .logo-inner img {
            max-width: 85%;
        }
        .footer-box {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .p_box {
            margin: 0 auto;
        }
        #footer .menu {
            width: fit-content;
            margin: auto;
        }
        .table-row {
            border-bottom: dashed 1px #050505;
        }
        .sentence {
            line-height: 1.6;
        }
        .company-info {
            line-height: 1.7;
        }
        .mf2.on2 {
            padding-top: 20px;
        }
        .page-ttl-img {
            width: 60%;
        }
        .main-title {
            width: 40%;
        }
    }
    
    @media screen and (max-width: 1080px) {
        .rightap,
        .leftap2 {
            padding: 40px;
        }
        .number,
        .number2 {
            font-size: 4rem;
        }
        .aptext h1 {
            margin-bottom: 10px;
        }
        .aptext p {
            font-size: 1rem;
        }
        .company-info {
            padding-left: 30px;
        }
        .company {
            margin: 0px 0px 150px 50px;
        }
        .sec-ttl {
            margin-bottom: 25px;
        }
        .outline-block2 {
            padding-top: 20px;
        }
        .biographyleft,
        .biographyright {
            max-width: 330px;
        }
        .head1 span {
            height: 170px;
        }
        .box2,
        .box3,
        .box4 {
            padding: 40px 0 45px;
        }
        .heading-013 {
            margin: 70px 0;
        }
        .backcolor {
            margin-bottom: 120px;
        }
        .jp {
            font-size: 16px;
        }
        .box-text {
            font-size: 14px;
        }
        .box_con07 {
            max-width: 85%;
        }
        .maptitle {
            margin: 150px 0 80px;
        }
        .main-title {
            margin-left: 50px;
        }
        .hiraken-img3 img {
            width: 300px;
            height: 500px;
            object-fit: cover;
        }
        .house2 {
            padding-top: 10%;
        }
        .hiraken-img3 {
            margin-right: auto;
        }
    }
    
    @media screen and (min-width: 981px) {
        .spimg2 {
            display: none;
        }
    }
    
    @media screen and (max-width: 980px) {
        .pcimg {
            display: none;
        }
        .main-title {
            margin-left: 50px;
        }
        .approach {
            margin: 0;
        }
        .main-title .mainttl .en-ttl {
            font-size: 3.6rem;
        }
        .jp-ttl {
            font-size: 1.3rem;
        }
        .rightap,
        .leftap2 {
            padding: 30px;
        }
        .number,
        .number2 {
            font-size: 3rem;
        }
        .leftap,
        .rightap2 {
            width: 75%;
        }
        .menu-box2 {
            line-height: 3.5rem;
        }
        .sec-ttl .bdr::after {
            display: none;
        }
        .table tr th,
        .table tr td {
            line-height: 1.5;
        }
        .company-info {
            padding-left: 10px;
        }
        .sentence {
            font-size: 1rem;
        }
        .box-wrap {
            padding: 20px 50px;
        }
        .works_date {
            font-size: 1.3rem;
        }
        .works_title {
            font-size: 1.3rem;
        }
        .works_date {
            font-size: 1.3rem;
        }
        .mf2.on2 {
            padding-top: 70px;
        }
        .btn a .en {
            font-size: .8rem;
        }
        .about-service-block .block.left .ttl,
        .about-service-block .block.left p {
            padding-right: 30px;
            line-height: 1.8;
        }
        .about-service-block .block.right .ttl,
        .about-service-block .block.right p {
            padding-left: 30px;
            line-height: 1.8;
        }
        .rnv-text {
            font-size: .9rem;
        }
        .renovation-img {
            padding: 120px 0 0 0;
        }
        .rnv,
        .map-e,
        .works-title p,
        .sec-ttl .en {
            font-size: 1.3rem;
        }
        .slide01,
        .slide02,
        .slide03 {
            /* background: rgba(255, 255, 255, 0.4) !important; */
            z-index: 1000 !important;
            position: absolute;
            width: 100%;
            height: 100vh;
            top: 0;
        }
        .header {
            background: none !important;
        }
        /* .top_bg {
            filter: brightness(80%);
        } */
        /* .menu-btn span {
            background-color: #fff;
        }
        .other #header .menu-btn span,
        .menu-btn span:before,
        .menu-btn span:after {
            background-color: #333;
        }
        .other #menu-btn-check:checked~.menu-btn span {
            background-color: rgba(255, 255, 255, 0);
        }
        #header .menu-btn span,
        .menu-btn span:before,
        .menu-btn span:after {
            background-color: #fff;
        } */
        .main_catch {
            /* top: 70%;
            left: 65%;
            transform: translateY(-50%) translateX(-30%); */
            z-index: 9998;
            white-space: nowrap
        }
        .header-logo {
            display: block;
        }
        #maintop {
            opacity: 1;
        }
        .heading-013 {
            padding-left: 50px;
        }
        .backcolor {
            margin-bottom: 80px;
        }
        .main-title {
            width: 45%;
        }
        .page-ttl-img {
            width: 55%;
        }
        .page-ttl-img img {
            height: 550px;
            object-fit: cover;
        }
        .container1,
        .container2,
        .container3 {
            padding-top: 60px;
        }
        .flow {
            padding-top: 0;
            padding-bottom: 50px;
        }
        .hiraken,
        .hiraken3 {
            flex-flow: column;
        }
        /* .hiraken {
            margin: 0 0 80px;
        } */
        .hiraken3 {
            margin: 0 0 50px;
        }
        .border1 {
            content: "";
            height: 100px;
            content: "";
            background: #303030;
            z-index: 999;
            width: 1px;
            position: absolute;
            top: 37.5%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
        }
        .border2 {
            content: "";
            height: 100px;
            content: "";
            background: #303030;
            z-index: 999;
            width: 1px;
            position: absolute;
            top: 57.5%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
        }
        .outline-block {
            padding-top: 120px;
            width: 80%;
        }
        .hiraken-img {
            padding: 120px 0 0 0;
            height: auto;
            width: auto;
        }
        .renovation-img {
            height: auto;
            width: auto;
        }
        .sec-hiraken2 {
            flex-flow: column;
            flex-direction: column-reverse;
        }
        .sec-ttl02 .rnv::after {
            display: none;
        }
        .outline-block03 {
            width: 80%;
            margin-top: 50px;
        }
        .house2 {
            padding-top: 0;
        }
        .hiraken-img3 {
            padding: 0;
        }
        .outline-block02 {
            width: 80%;
        }
        .anime {
            margin: 80px 0px 80px 0px;
        }
        .tel {
            margin-left: 0;
            width: 50%;
        }
        .mail-box {
            width: 50%;
        }
        .single_txt {
            font-size: 16px;
        }
    }
    
    @media screen and (max-width: 870px) {
        .innerflow {
            max-width: none;
            width: 80%;
            margin: 0 auto;
            padding-right: 0;
            padding-left: 0;
        }
        .box_con07 form ul li .title em {
            font-size: 15px;
        }
        .box_con07 form ul li .box_det {
            font-size: 15px;
        }
        .box_con07 form ul li select,
        .box_con07 form ul li textarea,
        .box_con07 form ul li .wide {
            font-size: 14px;
        }
        .btn input {
            padding: 1.2em 4em;
        }
        .page-ttl {
            display: block;
            padding: 150px 0px 0px 0px;
        }
        .page-ttl-img {
            width: 100%;
            margin: 0 auto;
        }
        .page-ttl-img img {
            height: 300px;
            width: 100%;
            object-fit: cover;
        }
        .main-title .mainttl .en-ttl {
            line-height: 1;
            font-size: 3.4rem;
        }
        .sentence {
            margin: 15px 0;
            line-height: 1.6;
        }
        .page-ttl-img {
            padding-top: 40px;
        }
        .main_catch {
            top: 65%;
        }
        .border2 {
            top: 57.5%;
        }
        .about-service-block {
            max-width: 700px;
        }
        .hiraken-img3 img {
            height: 450px;
        }
        .border1 {
            top: 38.5%;
        }
        .border2 {
            top: 58.5%;
        }
    }
    
    @media screen and (max-width: 820px) {
        .aptext p {
            line-height: 1.6;
        }
        .aptext h1 {
            font-size: 18px;
        }
        .aptext p {
            width: 100%;
        }
        .company {
            margin: 50px 0px 100px 50px;
        }
        .biographyleft,
        .biographyright {
            max-width: 300px;
        }
        .profile-neme h2 {
            font-size: 1.3rem;
        }
        .head1 span {
            height: 165px;
            font-size: 1.2rem;
        }
        .sec-ttl .bdr::after {
            width: 100px;
            left: -65px;
        }
        .box-title {
            margin-bottom: 20px;
        }
        .about-service-block__logo {
            width: 190px;
            height: 190px;
        }
        .about-service-block__logo img {
            width: 60px;
        }
        .about-service-block .block .ttl {
            font-size: 1.5rem;
        }
        .block p {
            font-size: 13px;
        }
        .about-service-block .block.right .btn {
            margin-top: 27px;
        }
        .about-service-block {
            max-width: 650px;
        }
        .hiraken-img3 img {
            height: 400px;
        }
        .border2 {
            top: 59.2%;
        }
        .wp-block-image img {
            max-width: 500px;
        }
        .wp-block-gallery.has-nested-images figure.wp-block-image {
            max-width: 500px;
        }
    }
    
    @media screen and (max-width: 798px) {
        .border2 {
            top: 58.5%;
        }
        .border1 {
            top: 38%;
        }
    }
    
    @media screen and (min-width: 781px) {
        .slick_slide2 {
            display: none;
        }
    }
    
    @media screen and (max-width: 780px) {
        .leftap,
        .rightap2 {
            width: 80%;
        }
        .jp-ttl {
            font-size: 1.1rem;
        }
        .company {
            flex-flow: column;
            margin: 0 0 100px;
        }
        .company-info {
            padding-left: 0;
        }
        .mf2.on2 {
            padding-top: 80px;
        }
        .outline-block2 {
            width: 80%;
            margin: 0 50px;
        }
        .mf2.on2 {
            padding-top: 0;
            float: left;
        }
        .biographyright {
            padding-left: 0;
            margin: 0 50px 0 25px;
        }
        .biographyleft {
            padding-right: 0;
            margin: 0 25px 0 50px;
        }
        .biographyleft,
        .biographyright {
            max-width: 220px;
        }
        .company-img {
            margin: 0 50px;
        }
        .border {
            content: "";
            height: 100px;
            content: "";
            background: #303030;
            z-index: 999;
            width: 1px;
            position: absolute;
            top: 55%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
        }
        .box-text {
            line-height: 1.6;
        }
        .jp,
        .english {
            font-size: 14px;
        }
        .heading-013 {
            margin: 50px 0;
            font-size: 25px;
        }
        .heading-013::before {
            height: 80px;
        }
        .box_con07 form ul li .box_det {
            padding: .5em;
        }
        .sec-ttl {
            margin-bottom: 40px;
        }
        .sec-ttl .bdr::after {
            display: none;
        }
        .outline-block2 {
            padding-top: 50px;
        }
        .box-wrap {
            padding: 20px 20px;
        }
        .heading-013 {
            padding-left: 20px;
        }
        .slick_slide {
            display: none;
        }
        .slick_slide2 {
            display: block;
        }
        .slick-slide img {
            display: block;
        }
        .wpcf7 input.wpcf7-submit {
            font-size: 1em;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .box_con07 form ul li .title {
            text-align: center;
            width: 100%;
            display: block;
            padding: .8em .2em;
            background: #eee;
        }
        .border1 {
            top: 37%;
        }
        .border2 {
            top: 57%;
        }
    }
    
    @media screen and (max-width: 730px) {
        .leftap,
        .rightap2 {
            width: 90%;
        }
        .jp-ttl {
            font-size: 1.2rem;
        }
        .about-service-block {
            margin: 100px auto 0;
        }
        .hiraken-img {
            padding: 50px 0 0 0;
        }
        .about-service-block__logo {
            width: 170px;
            height: 170px;
        }
        .about-service-block {
            max-width: 594px;
        }
        .main_catch {
            top: 63%;
        }
        .border1 {
            top: 36%;
        }
        .border2 {
            top: 56.5%;
        }
        .renovation-img {
            padding: 100px 0 0 0;
        }
        .works-title p:before,
        .works-title p:after {
            width: 150px;
        }
        .works-title p:before {
            margin-right: 3rem;
        }
        .works-title p:after {
            margin-left: 3rem;
        }
    }
    
    @media screen and (max-width: 670px) {
        .jp-ttl::after {
            width: 110px;
            right: -190px;
        }
        .sentence {
            font-size: 1rem;
        }
        .approach-0 {
            display: flex;
            flex-flow: column;
        }
        .approach1 .approach-0 {
            flex-direction: column-reverse;
        }
        .rightap,
        .leftap2 {
            position: relative;
            top: 0;
            left: 0;
            transform: translate(0);
            width: 90%;
        }
        .biographyleft,
        .biographyright {
            max-width: 200px;
        }
        .company-img {
            width: 70%;
        }
        .box2,
        .box3,
        .box4 {
            margin: 5px;
        }
        .box-text {
            width: 90%;
        }
        .flowbox .inbox {
            padding: 30px;
        }
        .headline {
            margin-top: 0;
        }
        .mark {
            width: 80px;
            height: 80px;
            line-height: 80px;
        }
        .flowbox .inbox .mark strong {
            font-size: 1.9rem;
        }
        .mark2 strong {
            font-size: 1.9rem;
        }
        .ttlflow {
            padding-bottom: 20px;
        }
        .flow {
            padding-bottom: 80px;
        }
        .mark2 {
            width: 80px;
            height: 80px;
            line-height: 80px;
        }
        .W_back2 {
            margin-left: 20%;
        }
        .maptitle {
            margin: 100px 0 60px;
        }
        .border {
            top: 53%;
        }
        .main_catch {
            left: 68%;
            transform: translateY(-50%) translateX(-50%);
        }
        .about-service-block__logo {
            width: 150px;
            height: 150px;
        }
        .about-service-block__logo img {
            width: 53px;
        }
        .about-service-block .block .ttl {
            font-size: 1.4rem;
        }
        .about-service-block .block.right .ttl,
        .about-service-block .block.right p {
            padding-left: 20px;
            line-height: 1.6;
        }
        .about-service-block .block.left .ttl,
        .about-service-block .block.left p {
            padding-right: 20px;
            line-height: 1.6;
        }
        .about-service-block {
            max-width: 551px;
        }
        .hiraken-img3 img {
            width: 280px;
            height: 360px;
        }
        #scroll {
            padding: 10px 0px 10px 10px;
            width: 30px;
            right: 1px;
            height: 310px;
            bottom: -110px;
        }
        .anime {
            margin: 50px 0px 80px 0px;
        }
        .btn a {
            width: 160px;
        }
        .border1 {
            top: 36.7%;
        }
        .border2 {
            top: 56.8%;
        }
    }
    
    @media screen and (max-width: 600px) {
        .page-ttl {
            padding: 170px 0px 0px 0px;
        }
        .main-title .mainttl .en-ttl {
            font-size: 2.8rem;
        }
        .header-logo img {
            width: 250px;
        }
        .aptext h1 {
            font-size: 17px;
        }
        .aptext p {
            line-height: 1.5;
        }
        .approach1,
        .approach2 {
            margin-bottom: 50px;
        }
        .menu-box2 .table-row td {
            padding-block-end: 10px;
        }
        .menu-box2 .table-row th {
            padding-inline-end: 50px;
        }
        .menu-content ul li a {
            font-size: 1rem;
        }
        .menu-box2 .table-row td {
            font-size: .9rem;
        }
        .box-text {
            font-size: 13px;
        }
        .heading-013 {
            margin: 30px 0;
        }
        .container1,
        .container2,
        .container3 {
            padding-top: 120px;
        }
        .box2,
        .box3,
        .box4 {
            width: 100%;
        }
        .jp,
        .english {
            font-size: 17px;
        }
        .box-text {
            font-size: 14px;
        }
        .box-wrap {
            display: block;
            padding: 0 20px;
            margin: 0;
        }
        .box-text {
            width: 80%;
        }
        .ttlflow {
            font-size: 2.3rem;
        }
        .works_image img {
            height: 120px;
        }
        .works_date {
            font-size: 1.1rem;
        }
        .works_title {
            font-size: 1.1rem;
        }
        .works_image2 img {
            max-width: 120px;
            height: 120px;
        }
        .works_title {
            font-size: 1.1rem;
        }
        .works_date {
            font-size: 1.1rem;
        }
        .quote2 {
            margin: 25px 0;
        }
        .post {
            margin-bottom: 7%;
        }
        .btn input {
            padding: 1em 3.5em;
        }
        .box_con07 form {
            padding-bottom: 80px;
        }
        .border {
            top: 50%;
        }
        .container1,
        .container2,
        .container3 {
            padding-top: 100px;
        }
        /* .header-logo img {
            width: 40%;
        } */
        .works-title p:before,
        .works-title p:after {
            width: 130px;
        }
        .hiraken-img3 img {
            width: 250px;
        }
        .works-title p {
            padding-top: 50px;
        }
        .main_catch {
            top: 61%;
        }
        .about-service-block {
            margin: 80px auto 0;
        }
        .hiraken {
            margin: 30px 50px 0;
        }
        .renovation-img {
            padding: 80px 0 0 0;
        }
        .hiraken2 {
            margin: 0 50px 30px;
        }
        .outline-block03 {
            width: 90%;
        }
        .works {
            padding-top: 60px;
        }
        .top-menu p {
            font-size: .8em;
        }
        .wp-block-image img {
            max-width: 450px;
        }
        .wp-block-gallery.has-nested-images figure.wp-block-image {
            max-width: 450px;
        }
        .main_catch {
            left: 66%;
        }
    }
    
    @media screen and (max-width: 560px) {
        .about-service-block__logo {
            width: 140px;
            height: 140px;
        }
        .about-service-block__logo img {
            width: 49px;
        }
        .about-service-block .block .ttl {
            white-space: nowrap;
        }
        .about-service-block {
            max-width: 500px;
        }
        .about-service-block .block.right .btn {
            margin-top: 10px;
        }
        .about-service-block .block.left .btn {
            margin-top: 30px;
        }
        .wp-block-image img {
            max-width: 350px;
        }
        .wp-block-gallery.has-nested-images figure.wp-block-image {
            max-width: 350px;
        }
    }
    
    @media screen and (max-width: 548px) {
        .border1 {
            top: 37%;
        }
        .border2 {
            top: 56.3%;
        }
        .outline-block02 {
            width: 90%;
        }
    }
    
    @media screen and (min-width: 521px) {
        .sphouse,
        .sphouse2,
        .sphouse3 {
            display: none;
        }
    }
    
    @media screen and (max-width: 520px) {
        .mainttl {
            line-height: 1;
        }
        .aptext p {
            font-size: .9rem;
        }
        .sentence {
            margin: 20px 0;
        }
        .main-title {
            margin-left: 30px;
        }
        /* .header-logo img {
            width: 220px;
        } */
        .menu-box2 {
            width: 70%;
            margin: 0 auto;
        }
        .menu-content ul li a {
            font-size: .9rem;
        }
        .menu-box2 {
            letter-spacing: .1rem;
        }
        .menu-box2 .table-row td {
            font-size: .8rem;
        }
        .mf2.on2 {
            padding-top: 50px;
        }
        .head1 span {
            height: 123px;
            font-size: 1rem;
        }
        .profile-neme h2 {
            font-size: 1.2rem;
        }
        .head1 span {
            top: -37px;
        }
        .ttlflow {
            padding-bottom: 0;
        }
        .headline {
            font-size: 1.2rem;
        }
        .ttlflow {
            font-size: 2.3rem;
        }
        .flowbox .inbox {
            border: solid 2px #808080;
        }
        .flowbox .inbox::after {
            bottom: -18px;
            border-width: 1.3em 1.3em;
        }
        .flowbox .inbox {
            padding: 20px;
        }
        .flowbox {
            margin-bottom: 80px;
        }
        .sec-inquiry {
            display: block;
            padding-top: 30px;
        }
        .bird {
            padding-right: 0;
            text-align: center;
        }
        .rotate__cont {
            width: 300px;
            height: 300px;
        }
        .rotate__inner-txt {
            font-size: 15px;
        }
        .quote2 {
            margin: 0;
        }
        .works-block2 {
            margin: 5% 50px;
        }
        .W_back2 {
            margin-left: 30%;
        }
        .box_con07 form ul li .title em {
            font-size: 14px;
        }
        .box_con07 form ul li .box_det {
            font-size: 14px;
        }
        .box_con07 {
            margin-top: 70px;
        }
        .btn input {
            padding: 1em 3em;
        }
        .box_con07 form {
            padding-bottom: 70px;
        }
        .backcolor {
            margin-bottom: 50px;
        }
        .outline-block2 {
            padding-top: 0;
            width: 90%;
            margin: 0 auto;
        }
        .biographyleft {
            margin: 0 10px 0 0;
        }
        .biographyright {
            margin: 0 0 0 10px;
        }
        .biography {
            margin: 0 20px;
        }
        .border {
            top: 47%;
        }
        .main-title .mainttl .en-ttl {
            font-size: 3rem;
        }
        .container1,
        .container2,
        .container3 {
            padding-top: 90px;
        }
        .backcolor {
            margin-top: -10px;
        }
        .flow {
            padding-bottom: 50px;
        }
        .main_catch {
            top: 50%;
            left: 50%;
        }
        .circle {
            line-height: 2;
        }
        .hiraken2 {
            margin: 0 20px 30px;
        }
        .hiraken {
            margin: 30px 20px 0;
        }
        .outline-block,
        .outline-block02 {
            width: 100%;
        }
        .btn a {
            width: 140px;
        }
        .about-service-block .block.left .ttl,
        .about-service-block .block.left p {
            padding-right: 0;
            line-height: 1.5;
        }
        .about-service-block .block.right .ttl,
        .about-service-block .block.right p {
            padding-left: 0;
            line-height: 1.5;
        }
        .about-service-block .block .ttl {
            padding-bottom: 10px;
            margin-bottom: 10px;
            font-size: 1.3rem;
        }
        .about-service-block__logo img {
            width: 35px;
        }
        .about-service-block {
            max-width: 430px;
        }
        .btn a .en {
            font-size: .7rem;
        }
        .circle {
            font-size: 260%;
        }
        .navigation ol li {
            width: 135px;
            height: 135px;
        }
        .ttl-01,
        .ttl-02 {
            font-size: 1.4rem;
        }
        .tel,
        .mail-box {
            height: 200px;
            padding-top: 100px;
        }
        .pchouse,
        .pchouse2,
        .pchouse3 {
            display: none;
        }
        .sphouse,
        .sphouse2,
        .sphouse3 {
            display: block;
        }
        .works {
            flex-flow: column;
        }
        .about-service-block__logo {
            justify-content: center;
            align-items: center;
            top: 40%;
        }
        .about-service-block {
            flex-flow: column;
            justify-content: center;
            align-items: center;
        }
        .about-service-block {
            padding: 0;
        }
        .about-service-block .block.left {
            padding-bottom: 100px;
        }
        .about-service-block .block {
            width: 80%;
        }
        .about-service-block__logo {
            border: none;
        }
        .about-service-block .block.right .btn {
            margin-top: 30px;
        }
        .border1 {
            top: 35.3%;
        }
        .border2 {
            top: 52%;
        }
        .works-title p:before,
        .works-title p:after {
            width: 100px;
        }
        .textanimation {
            font-size: 36px;
            line-height: 1.5;
            letter-spacing: 1.2rem;
            padding-left: 4%;
        }
    }
    
    @media screen and (max-width: 470px) {
        .border {
            top: 45%;
        }
        .navigation ol li {
            width: 130px;
            height: 130px;
        }
        .btn a {
            line-height: 40px;
        }
        .outline-block03 {
            width: 100%;
        }
        .border1 {
            top: 35.6%;
        }
        .about-service-block__logo {
            top: 39%;
        }
        .content_wrap {
            margin-top: 100px;
            margin-bottom: 50px;
        }
    }
    
    @media screen and (max-width: 420px) {
        .aptext h1 {
            font-size: 16px;
        }
        .number,
        .number2 {
            font-size: 2.7rem;
        }
        .rightap,
        .leftap2 {
            padding: 20px;
        }
        .sentence {
            line-height: 1.4;
        }
        .header-logo img {
            width: 200px;
        }
        .jp-ttl::after {
            width: 85px;
            right: -135px;
        }
        .menu-btn span,
        .menu-btn span:before,
        .menu-btn span:after {
            width: 32px;
        }
        .head1 span {
            height: 110px;
        }
        .profile-neme span {
            font-size: .8rem;
        }
        .jp,
        .english {
            font-size: 16px;
        }
        .heading-013 {
            font-size: 21px;
        }
        .flowbox .inbox .mark strong {
            font-size: 1.7rem;
        }
        .mark2 strong {
            font-size: 1.7rem;
        }
        .mark {
            width: 70px;
            height: 70px;
            line-height: 70px;
        }
        .flowbox {
            margin-bottom: 60px;
        }
        .headline {
            font-size: 1.1rem;
        }
        .ttlflow {
            font-size: 2.1rem;
        }
        .border {
            top: 40%;
        }
        .sentence {
            font-size: 13px;
            width: 320px;
        }
        .navigation ol li {
            width: 120px;
            height: 120px;
        }
        .btntextchange span {
            top: 6%;
        }
        .hiraken-img3 img {
            width: 220px;
        }
        .ttl-text {
            font-size: 12px;
        }
        .rnv,
        .map-e,
        .works-title p,
        .sec-ttl .en {
            font-size: 1.2rem;
        }
        .border1 {
            top: 36.5%;
        }
        .border2 {
            top: 52.3%;
        }
        .hiraken-img3 img {
            width: 220px;
            height: 310px;
        }
        .menu-btn {
            right: 0;
        }
        .wp-block-image img {
            max-width: 350px;
        }
        .wp-block-gallery.has-nested-images figure.wp-block-image {
            max-width: 350px;
        }
    }
    
    @media screen and (max-width: 398px) {
        .border1 {
            top: 34.5%;
        }
        .border2 {
            top: 51.5%;
        }
        .sub {
            color: #8c5d46;
        }
    }
    
    @media screen and (max-width: 381px) {
        .border1 {
            top: 35%;
        }
    }
    
    @media screen and (max-width: 385px) {
        .border {
            top: 38%;
        }
        .navigation ol li {
            width: 110px;
            height: 110px;
        }
        .ttl-01,
        .ttl-02 {
            font-size: 1.3rem;
        }
        .works-title p:before,
        .works-title p:after {
            width: 90px;
        }
    }