@charset "UTF-8";
/*==================================================================================================
	ローディング画面
==================================================================================================*/
.loading {
    background-color: #ffffff;
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 100%;
}
@media (max-width: 1024px) {
    .loading {
        left: 10px;
        width: calc(100% - 20px);
    }
}

.svglogo svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 700px;
    width: 80%;
    height: auto;
}

/* ロゴの色指定 */
.cls-1 {
    fill: #f18900;
}

.cls-1 {
    stroke: #f18900;
    stroke-miterlimit: 10;
}

.cls-2 {
    stroke: #113961;
    stroke-miterlimit: 10;
}

.cls-2 {
    fill: #113961;
}

/* 共通アニメーション統一 */
.svg-elem-1, .svg-elem-2, .svg-elem-3, .svg-elem-4, .svg-elem-5,
.svg-elem-6, .svg-elem-7, .svg-elem-8, .svg-elem-9, .svg-elem-10,
.svg-elem-11, .svg-elem-12, .svg-elem-13, .svg-elem-14, .svg-elem-15,
.svg-elem-16, .svg-elem-17, .svg-elem-18, .svg-elem-19, .svg-elem-20,
.svg-elem-21, .svg-elem-22, .svg-elem-23, .svg-elem-24, .svg-elem-25,
.svg-elem-26, .svg-elem-27, .svg-elem-28, .svg-elem-29 {
    fill: transparent;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

/* 各パスごとのdash値のみ個別管理 */
.svg-elem-1 {
    stroke-dashoffset: 1212.38px;
    stroke-dasharray: 1212.38px;
}

.svg-elem-2 {
    stroke-dashoffset: 80.94px;
    stroke-dasharray: 80.94px;
}

.svg-elem-3 {
    stroke-dashoffset: 148.4956px;
    stroke-dasharray: 148.4956px;
}

.svg-elem-4 {
    stroke-dashoffset: 105.98px;
    stroke-dasharray: 105.98px;
}

.svg-elem-5 {
    stroke-dashoffset: 120.5396px;
    stroke-dasharray: 120.5396px;
}

.svg-elem-6 {
    stroke-dashoffset: 141.5035px;
    stroke-dasharray: 141.5035px;
}

.svg-elem-7 {
    stroke-dashoffset: 109.8287px;
    stroke-dasharray: 109.8287px;
}

.svg-elem-8 {
    stroke-dashoffset: 120.5395px;
    stroke-dasharray: 120.5395px;
}

.svg-elem-9 {
    stroke-dashoffset: 18.58px;
    stroke-dasharray: 18.58px;
}

.svg-elem-10 {
    stroke-dashoffset: 22.1615px;
    stroke-dasharray: 22.1615px;
}

.svg-elem-11 {
    stroke-dashoffset: 71.7508px;
    stroke-dasharray: 71.7508px;
}

.svg-elem-12 {
    stroke-dashoffset: 80.94px;
    stroke-dasharray: 80.94px;
}

.svg-elem-13 {
    stroke-dashoffset: 125.3453px;
    stroke-dasharray: 125.3453px;
}

.svg-elem-14 {
    stroke-dashoffset: 156.7743px;
    stroke-dasharray: 156.7743px;
}

.svg-elem-15 {
    stroke-dashoffset: 294.6604px;
    stroke-dasharray: 294.6604px;
}

.svg-elem-16 {
    stroke-dashoffset: 250.1921px;
    stroke-dasharray: 250.1921px;
}

.svg-elem-17 {
    stroke-dashoffset: 329.2788px;
    stroke-dasharray: 329.2788px;
}

.svg-elem-18 {
    stroke-dashoffset: 238.8929px;
    stroke-dasharray: 238.8929px;
}

.svg-elem-19 {
    stroke-dashoffset: 362.9503px;
    stroke-dasharray: 362.9503px;
}

.svg-elem-20 {
    stroke-dashoffset: 133.9354px;
    stroke-dasharray: 133.9354px;
}

.svg-elem-21 {
    stroke-dashoffset: 79.61px;
    stroke-dasharray: 79.61px;
}

.svg-elem-22 {
    stroke-dashoffset: 79.61px;
    stroke-dasharray: 79.61px;
}

.svg-elem-23 {
    stroke-dashoffset: 351.1104px;
    stroke-dasharray: 351.1104px;
}

.svg-elem-24 {
    stroke-dashoffset: 305.2734px;
    stroke-dasharray: 305.2734px;
}

.svg-elem-25 {
    stroke-dashoffset: 404.6381px;
    stroke-dasharray: 404.6381px;
}

.svg-elem-26 {
    stroke-dashoffset: 307.9476px;
    stroke-dasharray: 307.9476px;
}

.svg-elem-27 {
    stroke-dashoffset: 255.84px;
    stroke-dasharray: 255.84px;
}

.svg-elem-28 {
    stroke-dashoffset: 427.04px;
    stroke-dasharray: 427.04px;
}

.svg-elem-29 {
    stroke-dashoffset: 342.82px;
    stroke-dasharray: 342.82px;
}

/* active時のfill色は元のまま個別管理 */
.svg-elem-1.active, .svg-elem-15.active,
.svg-elem-16.active, .svg-elem-17.active,
.svg-elem-18.active, .svg-elem-28.active {
    stroke-dashoffset: 0;
    fill: rgb(17, 57, 97);
}

.svg-elem-2.active, .svg-elem-3.active, .svg-elem-4.active, .svg-elem-5.active,
.svg-elem-6.active, .svg-elem-7.active, .svg-elem-8.active, .svg-elem-9.active,
.svg-elem-10.active, .svg-elem-11.active, .svg-elem-12.active, .svg-elem-13.active,
.svg-elem-14.active, .svg-elem-19.active, .svg-elem-20.active, .svg-elem-21.active,
.svg-elem-22.active, .svg-elem-23.active, .svg-elem-24.active, .svg-elem-25.active,
.svg-elem-26.active, .svg-elem-27.active, .svg-elem-29.active {
    stroke-dashoffset: 0;
    fill: rgb(241, 137, 0);
}

/*==================================================================================================
	TOP
==================================================================================================*/
.top .hero {
    width: 100%;
}
.top .hero_inner .hero_content {
    position: relative;
}
.top .hero_inner .hero_content .uk-slider-items .uk-width-3-4 {
    width: 80%;
    margin: 0 5px;
}
.top .hero_inner .hero_content .uk-slider-items .uk-width-3-4 img {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .top .hero_inner .hero_content .uk-slider-items .uk-width-3-4 img {
        aspect-ratio: none;
        height: 60vw;
    }
}
@media (max-width: 540px) {
    .top .hero_inner .hero_content .uk-slider-items .uk-width-3-4 img {
        height: 80vw;
    }
}
.top .customer {
    overflow: hidden;
    margin: 0 auto;
    padding: calc(clamp(60px, 12vw, 150px) + 1.5%) 5% clamp(60px, 12vw, 150px);
}
.top .customer:before, .top .customer:after {
    position: absolute;
    content: url(../img/01_top/customer_bg.png);
    z-index: -1;
}
.top .customer:before {
    top: 0;
    right: 0;
}
.top .customer:after {
    bottom: 0;
    left: 0;
}
@media (max-width: 700px) {
    .top .customer:after {
        opacity: 0;
    }
}
.top .customer_inner .customer_content .lists {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 80px 60px;
}
@media (max-width: 840px) {
    .top .customer_inner .customer_content .lists {
        width: 700px;
        max-width: 100%;
        margin: 0 auto;
        gap: 80px 40px;
    }
}
@media (max-width: 540px) {
    .top .customer_inner .customer_content .lists {
        gap: clamp(50px, 8vw, 80px) 20px;
    }
}
.top .customer_inner .customer_content .lists .list {
    width: calc((100% - 120px) / 3);
}
@media (max-width: 840px) {
    .top .customer_inner .customer_content .lists .list {
        width: calc((100% - 80px) / 3);
    }
}
@media (max-width: 540px) {
    .top .customer_inner .customer_content .lists .list {
        width: calc((100% - 40px) / 3);
    }
}
.top .customer_inner .customer_content .lists .list a {
    background-color: #f18900;
    padding: 0 min(30px, 5%) clamp(30px, 5vw, 50px);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.top .customer_inner .customer_content .lists .list a:before {
    content: "";
    display: block;
    border-style: solid;
    border-width: 0px 0px min(22vw, 400px) min(22vw, 400px);
    border-color: #f15400;
    border-bottom-color: transparent;
    position: absolute;
    top: -10px;
    left: -10px;
}
@media (max-width: 540px) {
    .top .customer_inner .customer_content .lists .list a:before {
        border-width: 0px 0px 10vw 10vw;
        top: -5px;
        left: -5px;
    }
}
.top .customer_inner .customer_content .lists .list a:after {
    content: url(../img/00_cmn/arrow_blue.svg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    z-index: 3;
    right: -20px;
    bottom: -20px;
    transition: right 0.3s;
}
@media (max-width: 1280px) {
    .top .customer_inner .customer_content .lists .list a:after {
        width: 80px;
        height: 80px;
    }
}
@media (max-width: 840px) {
    .top .customer_inner .customer_content .lists .list a:after {
        width: 50px;
        height: 50px;
        right: -10px;
        bottom: -10px;
    }
}
@media (max-width: 540px) {
    .top .customer_inner .customer_content .lists .list a:after {
        width: 30px;
        height: 30px;
    }
}
.top .customer_inner .customer_content .lists .list a:hover:after {
    right: -30px;
}
.top .customer_inner .customer_content .lists .list a .list_img {
    text-align: center;
    position: relative;
    z-index: 2;
    max-width: 80%;
    margin: max(-20%, -100px) auto 0;
}
@media (max-width: 1280px) {
    .top .customer_inner .customer_content .lists .list a .list_img {
        height: 200px;
        margin-top: -13%;
    }
}
@media (max-width: 840px) {
    .top .customer_inner .customer_content .lists .list a .list_img {
        height: auto;
    }
}
.top .customer_inner .customer_content .lists .list a .list_img img {
    width: inherit;
}
@media (max-width: 1280px) {
    .top .customer_inner .customer_content .lists .list a .list_img img {
        height: 100%;
    }
}
@media (max-width: 840px) {
    .top .customer_inner .customer_content .lists .list a .list_img img {
        width: 20vw;
        height: auto;
    }
}
.top .customer_inner .customer_content .lists .list a .list_body {
    position: relative;
    z-index: 2;
    margin-top: 40px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
@media (max-width: 1280px) {
    .top .customer_inner .customer_content .lists .list a .list_body {
        margin-top: 20px;
    }
}
@media (max-width: 540px) {
    .top .customer_inner .customer_content .lists .list a .list_body {
        margin-top: 5px;
    }
}
.top .customer_inner .customer_content .lists .list a .list_body .ttl {
    width: 100%;
    display: inline-block;
    font-size: clamp(2.4rem, 2.5vw, 3.2rem);
    font-weight: 900;
    color: #fff;
    padding: 0.8em 0;
    line-height: 1.25;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 4.2em;
}
@media (max-width: 540px) {
    .top .customer_inner .customer_content .lists .list a .list_body .ttl {
        font-size: 1.4rem;
        min-height: 5.2em;
    }
}
.top .customer_inner .customer_content .lists .list a .list_body .ttl .sp {
    display: none;
}
@media (max-width: 540px) {
    .top .customer_inner .customer_content .lists .list a .list_body .ttl .sp {
        display: block;
    }
}
.top .reason {
    width: 100%;
    background-image: url(../img/00_cmn/bg_blue.jpg);
    margin-top: 0;
}
.top .reason_inner {
    padding: clamp(40px, 4vw, 80px) 0;
}
.top .reason_inner .reason_ttl {
    width: 700px;
    max-width: 60%;
    margin: 0 auto 30px;
}
@media (max-width: 840px) {
    .top .reason_inner .reason_ttl {
        max-width: 80%;
    }
}
.top .reason_inner .reason_content .uk-position-relative {
    position: relative;
}
@media (max-width: 840px) {
    .top .reason_inner .reason_content .uk-position-relative {
        margin-right: -5.5%;
    }
}
.top .reason_inner .reason_content .lists .list {
    height: 100%;
    padding-top: 7%;
    margin-right: 3.5%;
    width: 48.25%;
}
@media (max-width: 840px) {
    .top .reason_inner .reason_content .lists .list {
        width: 60vw;
        padding-top: 10%;
        margin-right: 5%;
        margin-top: 60px;
    }
}
@media (max-width: 540px) {
    .top .reason_inner .reason_content .lists .list {
        width: 75vw;
        margin-top: 70px;
    }
}
.top .reason_inner .reason_content .lists .list a {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border-radius: 0 min(150px, 25vw) 0 0;
    padding: clamp(30px, 5vw, 50px) min(30px, 5vw);
    position: relative;
}
.top .reason_inner .reason_content .lists .list a::after {
    content: "";
    position: absolute;
    right: 0;
    top: -15%;
    width: 30%;
    height: 30%;
    max-width: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.top .reason_inner .reason_content .lists .list a:hover .list_img {
    scale: 1.05;
}
.top .reason_inner .reason_content .lists .list a .list_img {
    margin-top: 5%;
    transition: scale 0.5s;
}
.top .reason_inner .reason_content .lists .list a .list_body {
    margin-top: 2em;
    display: flex;
    justify-content: center;
}
.top .reason_inner .reason_content .lists .list a .list_body .ttl {
    min-height: 4em;
    font-size: clamp(2.2rem, 3vw, 3.2rem);
    color: #113961;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
    display: flex;
    justify-content: center;
    position: relative;
}
.top .reason_inner .reason_content .lists .list a .list_body .ttl:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ed726b;
    position: absolute;
    top: 0.8em;
    left: -15px;
}
.top .reason_inner .reason_content .lists .list.-num01 a:after {
    background-image: url(../img/01_top/reason_num01.png);
}
.top .reason_inner .reason_content .lists .list.-num02 a:after {
    background-image: url(../img/01_top/reason_num02.png);
}
.top .reason_inner .reason_content .lists .list.-num03 a:after {
    background-image: url(../img/01_top/reason_num03.png);
}
.top .reason_inner .reason_content .lists .list.-num04 a:after {
    background-image: url(../img/01_top/reason_num04.png);
}
.top .reason_inner .reason_content .lists .list.-num05 a:after {
    background-image: url(../img/01_top/reason_num05.png);
}
.top .reason_inner .reason_content .btn_next, .top .reason_inner .reason_content .btn_prev {
    position: absolute;
    top: -115px;
    right: 0px;
    z-index: 10;
    width: 60px;
    height: 60px;
    background-color: transparent;
    background-image: url(../img/00_cmn/next_btn.svg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    border-right: 2px solid #fff;
    transition: background-size 0.5s;
}
.top .reason_inner .reason_content .btn_next:hover, .top .reason_inner .reason_content .btn_prev:hover {
    background-size: 75%;
}
@media (max-width: 840px) {
    .top .reason_inner .reason_content .btn_next, .top .reason_inner .reason_content .btn_prev {
        right: auto;
        left: 50px;
        top: 0;
        width: 50px;
        height: 50px;
    }
}
.top .reason_inner .reason_content .btn_prev {
    background-image: url(../img/00_cmn/prev_btn.svg);
    right: 60px;
    border-left: 2px solid #fff;
}
@media (max-width: 840px) {
    .top .reason_inner .reason_content .btn_prev {
        right: auto;
        left: 0;
    }
}
.top .reason_inner .reason_readbtn {
    margin-top: 4em;
    display: flex;
    justify-self: end;
}
.top .reason_inner .reason_readbtn a {
    display: inline-block;
}
.top .reason_inner .reason_readbtn a span {
    color: #fff;
}
.top .reason_inner .reason_readbtn a span:before {
    background-color: #fff;
}
.top .blog {
    position: relative;
    margin-bottom: 30px;
}
.top .blog_inner {
    background-color: #f7f7f7;
}
.top .blog_inner:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 1600px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    height: 25vh;
    z-index: -1;
    background-color: #f7f7f7;
}
.top .blog_inner .blog_content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 5em 2em;
    position: relative;
}
@media (min-width: 841px) {
    .top .blog_inner .blog_content {
        min-height: 380px;
    }
}
@media (max-width: 540px) {
    .top .blog_inner .blog_content {
        padding-left: 1em;
        padding-right: 1em;
    }
}
.top .blog_inner .blog_head {
    width: 35%;
}
@media (max-width: 840px) {
    .top .blog_inner .blog_head {
        width: 100%;
    }
}
.top .blog_inner .blog_head .blog_topttl {
    position: relative;
}
.top .blog_inner .blog_head .blog_topttl .en {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    position: absolute;
    font-size: clamp(8rem, 8vw, 14rem);
    bottom: 0;
    left: 0;
    z-index: 0;
    color: rgba(17, 57, 97, 0.2);
}
.top .blog_inner .blog_head .blog_topttl .en span {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    opacity: 0;
    translate: 0 -0.15em;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
}
.top .blog_inner .blog_head .blog_topttl .en span.-active {
    opacity: 1;
    translate: 0 0;
}
.top .blog_inner .blog_head .blog_topttl .cmn_topttl_main .icon {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 1s, translate 0.5s;
}
.top .blog_inner .blog_head .blog_topttl .cmn_topttl_main .ja {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
}
.top .blog_inner .blog_head .blog_topttl .cmn_topttl_main::after {
    width: 0px;
    transition: width 1s;
}
.top .blog_inner .blog_head .blog_topttl .cmn_topttl_main.-active .icon {
    opacity: 1;
    translate: 0 0;
}
.top .blog_inner .blog_head .blog_topttl .cmn_topttl_main.-active .ja {
    opacity: 1;
    translate: 0 0;
}
.top .blog_inner .blog_head .blog_topttl .cmn_topttl_main.-active::after {
    width: 130px;
}
.top .blog_inner .blog_body {
    width: 65%;
}
@media (max-width: 840px) {
    .top .blog_inner .blog_body {
        width: 100%;
    }
}
.top .blog_inner .blog_body .lists .list {
    border-bottom: solid 1px #a8a8a8;
}
.top .blog_inner .blog_body .lists .list a {
    padding: 1.5em 1em;
    position: relative;
}
.top .blog_inner .blog_body .lists .list a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(241, 137, 0, 0.05);
    position: absolute;
    top: 0;
    left: 0;
    scale: 0 1;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    transition: scale 0.5s;
}
.top .blog_inner .blog_body .lists .list a:after {
    content: url(../img/00_cmn/arrow_orange.svg);
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    transition: right 0.3s;
}
@media (max-width: 840px) {
    .top .blog_inner .blog_body .lists .list a:after {
        width: 40px;
        height: 40px;
    }
}
.top .blog_inner .blog_body .lists .list a:hover:before {
    scale: 1 1;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.top .blog_inner .blog_body .lists .list a:hover:after {
    right: 0;
}
.top .blog_inner .blog_body .lists .list a .list_head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 5;
}
.top .blog_inner .blog_body .lists .list a .list_head .category {
    display: inline-block;
    background-color: #fff;
    border-radius: 1em;
    padding: 0.5em 1em 0.55em 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top .blog_inner .blog_body .lists .list a .list_head .category span {
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
}
.top .blog_inner .blog_body .lists .list a .list_head .category span:before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 5px;
    margin-right: 0.5em;
    background-color: #113961;
}
.top .blog_inner .blog_body .lists .list a .list_head .data {
    color: #113961;
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    margin-left: 1em;
}
.top .blog_inner .blog_body .lists .list a .list_ttl {
    font-size: clamp(1.4rem, 2vw, 1.8rem);
    margin-top: 0.8em;
    display: inline-block;
    position: relative;
    z-index: 5;
}
.top .blog_inner .blog_readmore {
    margin-top: 2em;
}
@media (min-width: 841px) {
    .top .blog_inner .blog_readmore {
        position: absolute;
        bottom: 80px;
        left: 2em;
    }
}
.top .works {
    background-color: #f15400;
    -webkit-clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 calc(100% - 7vw));
    clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 calc(100% - 7vw));
    z-index: 0;
    margin: 0 20px;
    padding: 10% 5%;
    margin-bottom: 25vh;
    z-index: 2;
    overflow: hidden;
}
@media (max-width: 700px) {
    .top .works {
        margin: 0 10px;
        padding: 20% 5%;
    }
}
@media (max-width: 540px) {
    .top .works {
        padding: 25% 5%;
    }
}
.top .works_inner {
    position: relative;
}
.top .works_inner:after {
    content: url(../img/01_top/works_bg.png);
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    z-index: -1;
}
.top .works_inner .works_head .works_topttl {
    position: relative;
}
.top .works_inner .works_head .works_topttl .en {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    position: absolute;
    font-size: clamp(8rem, 8vw, 14rem);
    bottom: 30%;
    left: 0;
    z-index: -1;
    color: rgba(255, 255, 255, 0.2);
}
.top .works_inner .works_head .works_topttl .en span {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    opacity: 0;
    translate: 0 -0.15em;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
}
.top .works_inner .works_head .works_topttl .en span.-active {
    opacity: 1;
    translate: 0 0;
}
.top .works_inner .works_head .works_topttl .cmn_topttl_main .icon {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 1s, translate 0.5s;
}
.top .works_inner .works_head .works_topttl .cmn_topttl_main .ja {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
    color: #fff;
}
.top .works_inner .works_head .works_topttl .cmn_topttl_main::after {
    width: 0px;
    transition: width 1s;
}
.top .works_inner .works_head .works_topttl .cmn_topttl_main.-active .icon {
    opacity: 1;
    translate: 0 0;
}
.top .works_inner .works_head .works_topttl .cmn_topttl_main.-active .ja {
    opacity: 1;
    translate: 0 0;
}
.top .works_inner .works_head .works_topttl .cmn_topttl_main.-active::after {
    width: 130px;
}
.top .works_inner .works_content {
    margin-right: calc(50% - 50vw);
    padding-right: 20px;
}
.top .works_inner .works_content .works_morebtn {
    margin: 4em 0 3.5em 0;
}
.top .works_inner .works_content .uk-position-relative {
    position: relative;
}
.top .works_inner .works_content .lists {
    margin-top: 150px;
}
@media (max-width: 840px) {
    .top .works_inner .works_content .lists {
        margin-top: 130px;
    }
}
.top .works_inner .works_content .lists .list {
    width: 65vw;
    margin-right: 3.5%;
    padding-top: 20px;
}
@media (max-width: 1024px) {
    .top .works_inner .works_content .lists .list {
        width: 75vw;
    }
}
.top .works_inner .works_content .lists .list.works-tax01 a .category {
    background-color: #ed726b;
}
.top .works_inner .works_content .lists .list.works-tax02 a .category {
    background-color: #7bc5a1;
}
.top .works_inner .works_content .lists .list.works-tax03 a .category {
    background-color: #4db8ea;
}
.top .works_inner .works_content .lists .list.works-tax04 a .category {
    background-color: #564d80;
}
.top .works_inner .works_content .lists .list a {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
@media (max-width: 700px) {
    .top .works_inner .works_content .lists .list a {
        flex-direction: column-reverse;
        padding: 0 40px 30px;
    }
}
.top .works_inner .works_content .lists .list a .category {
    width: 250px;
    position: absolute;
    z-index: 10;
    top: -32px;
    left: 0;
    color: #fff;
    rotate: 90deg;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    padding: 0.25em 3.5em 0.25em 1em;
    -webkit-clip-path: polygon(0 0, 80% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 80% 0%, 90% 100%, 0% 100%);
    font-size: clamp(1.2rem, 1vw, 1.4rem);
}
@media (max-width: 700px) {
    .top .works_inner .works_content .lists .list a .category {
        top: -24px;
    }
}
.top .works_inner .works_content .lists .list a .list_body {
    width: 50%;
    position: relative;
    padding: 60px;
}
@media (max-width: 700px) {
    .top .works_inner .works_content .lists .list a .list_body {
        width: 100%;
        padding: 0;
        padding-top: 30px;
    }
}
.top .works_inner .works_content .lists .list a .list_body .body_head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.top .works_inner .works_content .lists .list a .list_body .body_head .name {
    color: #333;
}
.top .works_inner .works_content .lists .list a .list_body .body_head .ttl {
    margin-top: 0.5em;
    display: inline-block;
    font-size: clamp(2rem, 2vw, 2.4rem);
    color: #113961;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
}
.top .works_inner .works_content .lists .list a .list_body .body_head .btn {
    margin-top: 1.5em;
    width: 35px;
    height: 35px;
}
.top .works_inner .works_content .lists .list a .list_body:hover .btn {
    margin-left: 10px;
}
.top .works_inner .works_content .lists .list a .list_img {
    width: calc(50% - 0.75em);
    overflow: hidden;
    margin: -20px 0.75em 0.75em 0;
}
@media (max-width: 700px) {
    .top .works_inner .works_content .lists .list a .list_img {
        width: 100%;
        margin: -20px 0 0 auto;
    }
}
.top .works_inner .works_content .lists .list a .list_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    aspect-ratio: 16/9;
}
@media (max-width: 700px) {
    .top .works_inner .works_content .lists .list a .list_img img {
        aspect-ratio: 3/2;
    }
}
.top .works_inner .works_content .btn_next, .top .works_inner .works_content .btn_prev {
    position: absolute;
    top: -80px;
    left: 60px;
    z-index: 10;
    width: 60px;
    height: 60px;
    background-color: transparent;
    background-image: url(../img/00_cmn/next_btn.svg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    border-right: 2px solid #fff;
    transition: background-size 0.5s;
}
.top .works_inner .works_content .btn_next:hover, .top .works_inner .works_content .btn_prev:hover {
    background-size: 75%;
}
@media (max-width: 840px) {
    .top .works_inner .works_content .btn_next, .top .works_inner .works_content .btn_prev {
        right: auto;
        left: 50px;
        top: -70px;
        width: 50px;
        height: 50px;
    }
}
.top .works_inner .works_content .btn_prev {
    background-image: url(../img/00_cmn/prev_btn.svg);
    left: 0px;
    border-left: 2px solid #fff;
}
@media (max-width: 840px) {
    .top .works_inner .works_content .btn_prev {
        right: auto;
        left: 0;
    }
}
.top .works_inner .works_content .works_readbtn {
    margin-top: 3em;
    display: flex;
    justify-content: start;
}
.top .works_inner .works_content .works_readbtn a {
    display: inline-block;
}
.top .works_inner .works_content .works_readbtn a span {
    color: #fff;
}
.top .works_inner .works_content .works_readbtn a span:before {
    background-color: #fff;
}
.top .works_inner .works_content .works_readbtn a span:after {
    content: url(../img/00_cmn/arrow_blue.svg);
}
.top .voice {
    margin-top: 0;
    display: block;
    padding-top: 6vw;
}
@media (max-width: 700px) {
    .top .voice {
        padding-top: 25vw;
    }
}
@media (max-width: 540px) {
    .top .voice {
        padding-top: 30vw;
    }
}
.top .voice .voice_deco {
    position: absolute;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    top: -6vw;
    left: calc(50% - 50vw);
    opacity: 0.5;
}
@media (max-width: 700px) {
    .top .voice .voice_deco {
        top: -10vw;
    }
}
.top .voice_inner {
    background-color: #f7f7f7;
    position: relative;
    z-index: 0;
}
.top .voice_inner:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 1600px;
    background-color: #f7f7f7;
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    height: 50vh;
    z-index: -1;
}
.top .voice_inner .voice_content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 5%;
}
.top .voice_inner .voice_head {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 700px) {
    .top .voice_inner .voice_head {
        flex-wrap: wrap;
    }
}
.top .voice_inner .voice_head .voice_topttl {
    position: relative;
}
.top .voice_inner .voice_head .voice_topttl .en {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    position: absolute;
    font-size: clamp(8rem, 8vw, 14rem);
    bottom: 0.2em;
    left: 0;
    z-index: 0;
    color: rgba(17, 57, 97, 0.2);
    white-space: nowrap;
}
.top .voice_inner .voice_head .voice_topttl .en span {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    opacity: 0;
    translate: 0 -0.15em;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
}
.top .voice_inner .voice_head .voice_topttl .en span.-active {
    opacity: 1;
    translate: 0 0;
}
.top .voice_inner .voice_head .voice_topttl .cmn_topttl_main .icon {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 1s, translate 0.5s;
}
.top .voice_inner .voice_head .voice_topttl .cmn_topttl_main .ja {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
}
.top .voice_inner .voice_head .voice_topttl .cmn_topttl_main::after {
    width: 0px;
    transition: width 1s;
}
.top .voice_inner .voice_head .voice_topttl .cmn_topttl_main.-active .icon {
    opacity: 1;
    translate: 0 0;
}
.top .voice_inner .voice_head .voice_topttl .cmn_topttl_main.-active .ja {
    opacity: 1;
    translate: 0 0;
}
.top .voice_inner .voice_head .voice_topttl .cmn_topttl_main.-active::after {
    width: 130px;
}
@media (max-width: 540px) {
    .top .voice_inner .voice_head .voice_readbtn {
        margin-top: 2em;
    }
}
@media (max-width: 840px) {
    .top .voice_inner .voice_head .voice_readbtn span:after {
        width: 40px;
        height: 40px;
        right: -55px;
    }
}
.top .voice_inner .voice_body {
    margin-top: 2em;
    padding: 0 10px;
}
.top .voice_inner .voice_body .lists {
    display: flex;
    flex-wrap: wrap;
}
.top .voice_inner .voice_body .lists .list {
    width: 100%;
    max-width: 1140px;
    background-color: #fff;
    padding: 1em;
    position: relative;
    margin: 1em 0;
}
.top .voice_inner .voice_body .lists .list:nth-child(odd) {
    margin-right: auto;
}
.top .voice_inner .voice_body .lists .list:nth-child(even) {
    margin-left: auto;
}
.top .voice_inner .voice_body .lists .list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 0px 0px 100px 100px;
    border-bottom-color: transparent;
    z-index: 2;
}
@media (max-width: 840px) {
    .top .voice_inner .voice_body .lists .list:before {
        border-width: 0px 0px 20vw 20vw;
    }
}
.top .voice_inner .voice_body .lists .list.voice-tax01:before {
    border-left-color: #ed726b;
}
.top .voice_inner .voice_body .lists .list.voice-tax01 a .category span:before {
    background-color: #ed726b;
}
.top .voice_inner .voice_body .lists .list.voice-tax02:before {
    border-left-color: #7bc5a1;
}
.top .voice_inner .voice_body .lists .list.voice-tax02 a .category span:before {
    background-color: #7bc5a1;
}
.top .voice_inner .voice_body .lists .list.voice-tax03:before {
    border-left-color: #4db8ea;
}
.top .voice_inner .voice_body .lists .list.voice-tax03 a .category span:before {
    background-color: #4db8ea;
}
.top .voice_inner .voice_body .lists .list.voice-tax04:before {
    border-left-color: #564d80;
}
.top .voice_inner .voice_body .lists .list.voice-tax04 a .category span:before {
    background-color: #564d80;
}
.top .voice_inner .voice_body .lists .list a {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.top .voice_inner .voice_body .lists .list a:after {
    content: url(../img/00_cmn/arrow_orange.svg);
    position: absolute;
    top: 50%;
    right: -43.5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: right 0.3s;
    width: 55px;
    height: 55px;
}
@media (max-width: 840px) {
    .top .voice_inner .voice_body .lists .list a:after {
        bottom: 0;
        top: auto;
        width: 40px;
        height: 40px;
        right: -30px;
    }
}
.top .voice_inner .voice_body .lists .list a:hover:after {
    right: -53.5px;
}
@media (max-width: 840px) {
    .top .voice_inner .voice_body .lists .list a:hover:after {
        right: -40px;
    }
}
.top .voice_inner .voice_body .lists .list a .list_img {
    width: 30%;
    overflow: hidden;
    aspect-ratio: 3/2;
}
@media (max-width: 840px) {
    .top .voice_inner .voice_body .lists .list a .list_img {
        width: 100%;
    }
}
.top .voice_inner .voice_body .lists .list a .list_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.top .voice_inner .voice_body .lists .list a .list_body {
    width: 70%;
    padding: 2em;
}
@media (max-width: 840px) {
    .top .voice_inner .voice_body .lists .list a .list_body {
        width: 100%;
        padding: 1em;
    }
}
.top .voice_inner .voice_body .lists .list a .list_body .list_body_head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.top .voice_inner .voice_body .lists .list a .list_body .list_body_head .category {
    display: inline-block;
    background-color: #f2f2f2;
    border-radius: 1em;
    padding: 0.5em 1em 0.55em 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top .voice_inner .voice_body .lists .list a .list_body .list_body_head .category span {
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
}
.top .voice_inner .voice_body .lists .list a .list_body .list_body_head .category span:before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 5px;
    margin-right: 0.5em;
}
.top .voice_inner .voice_body .lists .list a .list_body .list_body_head .data {
    margin-left: 1em;
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #f15400;
    font-size: 14px;
}
.top .voice_inner .voice_body .lists .list a .list_body .list_ttl {
    display: inline-block;
    margin: 1em 0;
    font-size: clamp(2rem, 2vw, 2.4rem);
    font-weight: 900;
    line-height: 1.2;
    color: #113961;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
}
.top .indexnav {
    padding: 0 20px;
}
.top .indexnav_inner .lists {
    display: flex;
    flex-wrap: wrap;
}
.top .indexnav_inner .lists .list {
    width: 50%;
    aspect-ratio: 16/9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
@media (max-width: 1024px) {
    .top .indexnav_inner .lists .list {
        width: 100%;
        aspect-ratio: 16/7;
    }
}
.top .indexnav_inner .lists .list.-flow {
    background-image: url(../img/01_top/indexnav_bg01.jpg);
}
.top .indexnav_inner .lists .list.-faq {
    background-image: url(../img/01_top/indexnav_bg02.jpg);
}
.top .indexnav_inner .lists .list a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: clamp(20px, 3vw, 40px);
    position: relative;
}
.top .indexnav_inner .lists .list a .indexnav_topttl {
    position: relative;
    width: 100%;
}
.top .indexnav_inner .lists .list a .indexnav_topttl:before {
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    right: clamp(20px, 3vw, 40px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    transition: right 0.3s;
}
@media (max-width: 700px) {
    .top .indexnav_inner .lists .list a .indexnav_topttl:before {
        width: 40px;
        height: 40px;
        right: 0;
    }
}
.top .indexnav_inner .lists .list a .indexnav_topttl:hover:before {
    right: clamp(10px, 3vw, 30px);
}
.top .indexnav_inner .lists .list a .indexnav_topttl .en {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    position: absolute;
    font-size: clamp(8rem, 8vw, 14rem);
    bottom: 0.2em;
    left: 0;
    color: rgba(255, 255, 255, 0.2);
}
.top .indexnav_inner .lists .list a .indexnav_topttl .en span {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    opacity: 0;
    translate: 0 -0.15em;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
}
.top .indexnav_inner .lists .list a .indexnav_topttl .en span.-active {
    opacity: 1;
    translate: 0 0;
}
.top .indexnav_inner .lists .list a .indexnav_topttl .cmn_topttl_main .icon {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 1s, translate 0.5s;
}
.top .indexnav_inner .lists .list a .indexnav_topttl .cmn_topttl_main .ja {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
    color: #fff;
}
.top .indexnav_inner .lists .list a .indexnav_topttl .cmn_topttl_main::after {
    width: 0px;
    transition: width 1s;
}
.top .indexnav_inner .lists .list a .indexnav_topttl .cmn_topttl_main.-active .icon {
    opacity: 1;
    translate: 0 0;
}
.top .indexnav_inner .lists .list a .indexnav_topttl .cmn_topttl_main.-active .ja {
    opacity: 1;
    translate: 0 0;
}
.top .indexnav_inner .lists .list a .indexnav_topttl .cmn_topttl_main.-active::after {
    width: 130px;
}

.cmn_contact {
    padding: 0;
    margin-bottom: 0;
}
.cmn_contact .cmn_contact_inner {
    display: flex;
    flex-wrap: wrap;
    overflow-x: clip;
}
.cmn_contact .contact_topttl {
    padding: 0 5%;
    position: relative;
    margin-bottom: -15px;
    width: 100%;
}
@media (max-width: 700px) {
    .cmn_contact .contact_topttl {
        margin-bottom: -7px;
    }
}
.cmn_contact .contact_topttl .en {
    font-size: clamp(8rem, 14.5vw, 25.6rem);
    color: rgba(241, 137, 0, 0.5);
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    margin-bottom: -10px;
}
.cmn_contact .contact_topttl .en span {
    font-size: clamp(8rem, 14.5vw, 25.6rem);
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    opacity: 0;
    translate: 0 -0.075em;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
}
.cmn_contact .contact_topttl .en span.-active {
    opacity: 0.5;
    translate: 0 0;
}
@media (min-width: 701px) {
    .cmn_contact .contact_topttl .en span.-active {
        opacity: 1;
    }
}
.cmn_contact .contact_topttl .cmn_topttl_main {
    position: absolute;
    left: 20px;
    bottom: 5px;
}
@media (min-width: 701px) {
    .cmn_contact .contact_topttl .cmn_topttl_main {
        bottom: 10%;
        left: 55%;
    }
}
.cmn_contact .contact_topttl .cmn_topttl_main .icon {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 1s, translate 0.5s;
}
.cmn_contact .contact_topttl .cmn_topttl_main .ja {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
}
.cmn_contact .contact_topttl .cmn_topttl_main::after {
    width: 0px;
    transition: width 1s;
}
.cmn_contact .contact_topttl .cmn_topttl_main.-active .icon {
    opacity: 1;
    translate: 0 0;
}
.cmn_contact .contact_topttl .cmn_topttl_main.-active .ja {
    opacity: 1;
    translate: 0 0;
}
.cmn_contact .contact_topttl .cmn_topttl_main.-active::after {
    width: 130px;
}
.cmn_contact .contact_content {
    width: 100%;
    background-image: url(../img/00_cmn/bg_orange.jpg);
    background-size: cover;
    background-repeat: repeat;
    padding: clamp(40px, 6.5vw, 100px) 0;
}
.cmn_contact .contact_content_inner {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    background-color: #fff;
    padding: clamp(40px, 4vw, 60px) clamp(20px, 3vw, 40px);
    position: relative;
}
@media (max-width: 840px) {
    .cmn_contact .contact_content_inner {
        margin-top: 25%;
    }
}
.cmn_contact .contact_content_inner .content_img {
    position: absolute;
    width: calc(40% - 40px);
    height: 100%;
    z-index: 1;
}
@media (max-width: 840px) {
    .cmn_contact .contact_content_inner .content_img {
        width: 100%;
    }
}
.cmn_contact .contact_content_inner .content_img .img_txt {
    width: min(520px, 25vw);
    position: absolute;
    right: 30%;
    top: 0;
}
@media (max-width: 840px) {
    .cmn_contact .contact_content_inner .content_img .img_txt {
        right: auto;
        left: 0;
        width: 45%;
        top: -31vw;
    }
}
.cmn_contact .contact_content_inner .content_img .img_people {
    width: 100%;
    max-width: 340px;
    height: auto;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 30%;
}
@media (max-width: 840px) {
    .cmn_contact .contact_content_inner .content_img .img_people {
        left: auto;
        right: 10%;
        top: -22vw;
        width: 35%;
    }
}
.cmn_contact .contact_content_inner .content_form {
    width: 60%;
    margin-left: auto;
    margin-right: 40px;
}
@media (max-width: 840px) {
    .cmn_contact .contact_content_inner .content_form {
        width: 100%;
        margin-right: 0;
    }
}
.cmn_contact .contact_content_inner .content_form .form_head .ttl {
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    position: relative;
}
.cmn_contact .contact_content_inner .content_form .form_head .ttl:after {
    position: absolute;
    content: "";
    width: 45%;
    height: 2px;
    background-color: #113961;
    right: 0;
    top: 55%;
}
@media (max-width: 840px) {
    .cmn_contact .contact_content_inner .content_form .form_head .ttl:after {
        display: none;
    }
}
@media (max-width: 540px) {
    .cmn_contact .contact_content_inner .content_form .form_head .ttl:after {
        width: 30%;
    }
}
.cmn_contact .contact_content_inner .content_form .form_head .ttl span {
    background-color: #113961;
    color: #fff;
    padding: 0.15em 0.3em;
    font-size: clamp(3.2rem, 4.6vw, 4.6rem);
    margin-right: 0.15em;
}
.cmn_contact .contact_content_inner .content_form .form_head .txt {
    margin-top: 0.5em;
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    color: #113961;
    background: linear-gradient(transparent 60%, #ffff00 30%);
    display: inline-block;
}
.cmn_contact .contact_content_inner .content_form .contact_form_body {
    position: relative;
    z-index: 0;
    margin: 2em 0;
    padding: 2em 10px;
}
.cmn_contact .contact_content_inner .content_form .contact_form_body::after {
    position: absolute;
    content: "";
    width: 165%;
    height: 100%;
    background-color: #f0f2ef;
    right: -80px;
    top: 0;
    z-index: -1;
}
@media (max-width: 700px) {
    .cmn_contact .contact_content_inner .content_form .contact_form_body::after {
        width: 100%;
        right: 0;
    }
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .form_txt {
    margin-bottom: 1em;
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .form_lists .form_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: solid 1px #a8a8a8;
    padding: 1em;
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .form_lists .form_item:last-child {
    border-bottom: solid 1px #a8a8a8;
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .form_lists .form_item .item_ttl {
    width: 30%;
}
@media (max-width: 700px) {
    .cmn_contact .contact_content_inner .content_form .contact_form_body .form_lists .form_item .item_ttl {
        width: 100%;
    }
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .form_lists .form_item .item_ttl .label {
    color: #113961;
    font-weight: 900;
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .form_lists .form_item input {
    width: 70%;
    padding: 0.25em;
    border: none;
    border-radius: 0;
    outline: none;
}
@media (max-width: 700px) {
    .cmn_contact .contact_content_inner .content_form .contact_form_body .form_lists .form_item input {
        width: 100%;
        margin-top: 0.25em;
    }
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .cmn_form_btn {
    display: block;
    margin: 2em auto 0;
    background-color: inherit;
    border: none;
    color: #113961;
    font-size: clamp(1.6rem, 2vw, 2rem);
    cursor: pointer;
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .cmn_form_btn span {
    position: relative;
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .cmn_form_btn span:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #113961;
    position: absolute;
    left: 0;
    bottom: -5px;
    transition: bottom 0.3s;
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .cmn_form_btn span:after {
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    right: -65px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    transition: right 0.3s;
}
@media (max-width: 1024px) {
    .cmn_contact .contact_content_inner .content_form .contact_form_body .cmn_form_btn span:after {
        width: 40px;
        height: 40px;
    }
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .cmn_form_btn:hover span:before {
    bottom: 0;
}
.cmn_contact .contact_content_inner .content_form .contact_form_body .cmn_form_btn:hover span:after {
    right: -75px;
}
.cmn_contact .contact_content_inner .content_btn {
    width: 100%;
    position: relative;
    z-index: 1;
}
.cmn_contact .contact_content_inner .content_btn a {
    width: 90%;
    margin: 1em auto;
    background-color: #113961;
    padding: 1em 1.5em;
    position: relative;
}
@media (max-width: 1024px) {
    .cmn_contact .contact_content_inner .content_btn a {
        width: 95%;
        margin-left: 0;
        margin-right: auto;
    }
}
.cmn_contact .contact_content_inner .content_btn a:after {
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    right: -27.5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    transition: right 0.3s;
}
@media (max-width: 1024px) {
    .cmn_contact .contact_content_inner .content_btn a:after {
        width: 40px;
        height: 40px;
        right: -20px;
    }
}
.cmn_contact .contact_content_inner .content_btn a .btn_inner {
    display: flex;
    align-items: center;
}
.cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_icon {
    display: flex;
    align-items: center;
    border-right: solid 2px #fff;
    padding-right: 1.5em;
}
@media (max-width: 540px) {
    .cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_icon {
        padding-right: 1em;
    }
}
.cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_txt {
    padding-left: 1.5em;
}
@media (max-width: 540px) {
    .cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_txt {
        padding-left: 0.5em;
    }
}
.cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_txt span {
    color: #fff;
    font-weight: 900;
}
@media (max-width: 700px) {
    .cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_txt span {
        display: block;
    }
}
.cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_txt span.maintxt {
    line-height: 1.2;
}
.cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_txt span.maintxt.-tel {
    font-size: clamp(3.2rem, 4.6vw, 4.6rem);
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.15em;
}
@media (max-width: 700px) {
    .cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_txt span.maintxt.-tel {
        letter-spacing: 0;
    }
}
.cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_txt span.maintxt.-mail {
    font-size: clamp(1.8rem, 3vw, 3.2rem);
    letter-spacing: 0.25em;
}
@media (max-width: 700px) {
    .cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_txt span.maintxt.-mail {
        letter-spacing: 0;
    }
}
.cmn_contact .contact_content_inner .content_btn a .btn_inner .btn_txt span.subtxt {
    font-size: clamp(1.6rem, 2vw, 2rem);
}
.cmn_contact .contact_content_inner .content_btn a:hover:after {
    right: 0;
    right: -37.5px;
}
@media (max-width: 1024px) {
    .cmn_contact .contact_content_inner .content_btn a:hover:after {
        right: -30px;
    }
}

/* 2025/06/10 いったん非表示、最終OKでたら削除
.cmn_recruit {
    margin-top: 0;

    & .cmn_recruit_inner {
        display: flex;
        flex-wrap: wrap;
        & .cmn_recruit_img {
            width: 45%;
            & img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            @include lg {
                width: 100%;
                aspect-ratio: 16 / 9;
            }
        }
        & .recruit_content {
            width: 55%;
            background-color: $blue;
            padding: 8em 5em 5em 5em;
            overflow: hidden;
            position: relative;
            z-index: 1;

            @include xxl {
                padding: 6em 2.5em 2.5em 2.5em;
            }

            @include lg {
                width: 100%;
                padding: 4em 1em;
            }
            & .recruit_topttl {
                position: relative;

                & .en {
                    @include ttl-en;
                    position: absolute;
                    font-size: clamp(8rem, 8vw, 14rem);
                    bottom: 0;
                    left: 0;
                    z-index: -1;
                    color: rgba(255, 255, 255, 0.2);
                    white-space: nowrap;

                    span {
                        @include ttl-en;
                        opacity: 0;
                        translate: 0 -0.15em;
                        transition: opacity 0.5s, translate 0.5s;
                        display: inline-block;

                        &.-active {
                            opacity: 1;
                            translate: 0 0;
                        }
                    }
                }
                & .cmn_topttl_main {
                    & .icon {
                        opacity: 0;
                        translate: 0 10px;
                        transition: opacity 1s, translate 0.5s;
                    }

                    & .ja {
                        opacity: 0;
                        translate: 0 10px;
                        transition: opacity 0.5s, translate 0.5s;
                        display: inline-block;
                        color: #fff;
                    }

                    &::after {
                        width: 0px;
                        transition: width 1s;
                    }

                    &.-active {
                        & .icon {
                            opacity: 1;
                            translate: 0 0;
                        }

                        & .ja {
                            opacity: 1;
                            translate: 0 0;
                        }

                        &::after {
                            width: 130px;
                        }
                    }
                }
            }
            & .recruit_body {
                margin-top: 4em;
                & .ttl {
                    color: #fff;
                    font-size: clamp(2.8rem, 2.4vw, 4rem);
                }
                & .txt {
                    color: #fff;
                }
            }
            & .recruit_readbtn {
                margin-right: 13vw;
                margin-left: 0;
                margin-top: 3em;
                text-align: right;

                @include lg {
                    margin-right: 0;
                    margin-left: auto;
                }
                & a {
                    & span {
                        color: #fff;
                        &:before {
                            background-color: #fff;
                        }
                        &:after {
                            @include lg {
                                width: 40px;
                                height: 40px;
                            }
                        }
                    }
                }
            }
            & .recruit_deco {
                animation: 60s linear infinite txt_rotate;
                display: block;
                width: clamp(350px, 30vw, 500px);
                right: -10vw;
                bottom: -7vw;
                position: absolute;
                z-index: -1;
            }
        }
    }
}

@keyframes txt_rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} -*/
.cmn_maker .cmn_maker_inner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
}
.cmn_maker .cmn_maker_inner:after {
    content: "";
    position: absolute;
    width: 90%;
    height: 100%;
    background-color: #f4f4f4;
    top: -20%;
    right: 0;
    z-index: -2;
    padding: 4em 0;
}
@media (max-width: 1024px) {
    .cmn_maker .cmn_maker_inner:after {
        width: 105%;
        top: 0;
        padding-bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
    }
}
.cmn_maker .cmn_maker_inner .maker_head {
    width: 30%;
}
@media (max-width: 1024px) {
    .cmn_maker .cmn_maker_inner .maker_head {
        width: 100%;
    }
}
.cmn_maker .cmn_maker_inner .maker_head .maker_topttl_inner {
    position: relative;
}
.cmn_maker .cmn_maker_inner .maker_head .maker_topttl .en {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    position: absolute;
    font-size: clamp(8rem, 8vw, 14rem);
    bottom: 0;
    left: 0;
    z-index: -1;
    color: rgba(17, 57, 97, 0.2);
    white-space: nowrap;
}
.cmn_maker .cmn_maker_inner .maker_head .maker_topttl .en span {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    opacity: 0;
    translate: 0 -0.15em;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
}
.cmn_maker .cmn_maker_inner .maker_head .maker_topttl .en span.-active {
    opacity: 1;
    translate: 0 0;
}
.cmn_maker .cmn_maker_inner .maker_head .maker_topttl .cmn_topttl_main .icon {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 1s, translate 0.5s;
}
.cmn_maker .cmn_maker_inner .maker_head .maker_topttl .cmn_topttl_main .ja {
    opacity: 0;
    translate: 0 10px;
    transition: opacity 0.5s, translate 0.5s;
    display: inline-block;
}
.cmn_maker .cmn_maker_inner .maker_head .maker_topttl .cmn_topttl_main::after {
    width: 0px;
    transition: width 1s;
}
.cmn_maker .cmn_maker_inner .maker_head .maker_topttl .cmn_topttl_main.-active .icon {
    opacity: 1;
    translate: 0 0;
}
.cmn_maker .cmn_maker_inner .maker_head .maker_topttl .cmn_topttl_main.-active .ja {
    opacity: 1;
    translate: 0 0;
}
.cmn_maker .cmn_maker_inner .maker_head .maker_topttl .cmn_topttl_main.-active::after {
    width: 130px;
}
.cmn_maker .cmn_maker_inner .maker_head .txt {
    margin-top: 3em;
}
.cmn_maker .cmn_maker_inner .maker_content {
    padding-left: 2.5%;
    width: 68.5%;
}
@media (max-width: 1024px) {
    .cmn_maker .cmn_maker_inner .maker_content {
        width: 97.5%;
        margin-top: 2em;
    }
}
.cmn_maker .cmn_maker_inner .maker_content .lists {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 1em;
}
@media (max-width: 540px) {
    .cmn_maker .cmn_maker_inner .maker_content .lists {
        gap: 10px 1em;
    }
}
.cmn_maker .cmn_maker_inner .maker_content .lists .list {
    width: calc((100% - 2em) / 3);
}
@media (max-width: 840px) {
    .cmn_maker .cmn_maker_inner .maker_content .lists .list {
        width: calc((100% - 1em) / 2);
    }
}
.cmn_maker .cmn_maker_inner .maker_content .lists .list a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    text-align: center;
    padding: 1em 2em;
}
.cmn_maker .cmn_maker_inner .maker_content .lists .list a img {
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    height: 50px;
}
.cmn_maker .cmn_maker_inner .maker_content .lists .list a:hover {
    opacity: 0.7;
}

#company .contact {
    margin-bottom: 0;
}

.cmn_topttl .cmn_topttl_main {
    position: relative;
    margin-bottom: 20px;
}
.cmn_topttl .cmn_topttl_main:after {
    content: "";
    position: absolute;
    width: 130px;
    height: 8px;
    background-color: #fffa55;
    bottom: -15px;
    left: 0;
}
.cmn_topttl .cmn_topttl_main .icon {
    width: 60px;
    height: 60px;
}
@media (max-width: 700px) {
    .cmn_topttl .cmn_topttl_main .icon {
        width: 40px;
        height: 40px;
    }
}
.cmn_topttl .cmn_topttl_main .ja {
    color: #113961;
    font-size: clamp(2.4rem, 2.4vw, 3.2rem);
    font-weight: 900;
    line-height: 1.2;
    padding-left: 0.5em;
}

.cmn_readbtn {
    padding-right: 90px;
}
@media (max-width: 1024px) {
    .cmn_readbtn {
        padding-right: 50px;
    }
}
@media (max-width: 700px) {
    .cmn_readbtn {
        margin-top: 2.5em;
    }
}
.cmn_readbtn a span {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    font-size: clamp(2rem, 2vw, 2.4rem);
    color: #113961;
    position: relative;
}
.cmn_readbtn a span:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #113961;
    position: absolute;
    bottom: -5px;
    left: 0;
    transition: bottom 0.3s;
}
.cmn_readbtn a span:after {
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    right: -70px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    transition: right 0.3s;
}
@media (max-width: 1024px) {
    .cmn_readbtn a span:after {
        width: 40px;
        height: 40px;
        right: -50px;
    }
}
.cmn_readbtn a:hover span:before {
    bottom: 0;
}
.cmn_readbtn a:hover span:after {
    right: -80px;
}
@media (max-width: 1024px) {
    .cmn_readbtn a:hover span:after {
        right: -60px;
    }
}

.cmn_backbtn {
    padding-left: 90px;
}
@media (max-width: 1024px) {
    .cmn_backbtn {
        padding-left: 50px;
    }
}
@media (max-width: 700px) {
    .cmn_backbtn {
        margin-top: 2.5em;
    }
}
.cmn_backbtn a span {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    font-size: clamp(2rem, 2vw, 2.4rem);
    color: #113961;
    position: relative;
}
.cmn_backbtn a span:before {
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    left: -70px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    width: 55px;
    height: 55px;
    transition: left 0.3s;
}
@media (max-width: 1024px) {
    .cmn_backbtn a span:before {
        width: 40px;
        height: 40px;
        right: -50px;
    }
}
.cmn_backbtn a span:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #113961;
    position: absolute;
    bottom: -5px;
    left: 0;
    transition: bottom 0.3s;
}
.cmn_backbtn a:hover span:before {
    left: -80px;
}
@media (max-width: 1024px) {
    .cmn_backbtn a:hover span:before {
        left: -60px;
    }
}
.cmn_backbtn a:hover span:after {
    bottom: 0;
}

/*==================================================================================================
	会社案内
==================================================================================================*/
#company .message {
    padding: 8% 5%;
    width: 100%;
    background-image: url(../img/00_cmn/bg_orange.jpg);
    margin-top: 0;
}
#company .message .message_inner {
    z-index: 1;
}
#company .message .message_inner .message_content {
    margin-top: 3.5em;
}
#company .message .message_inner .message_content .txt {
    font-size: clamp(1.46rem, 3vw, 2.4rem);
    line-height: 2.5em;
    color: #fff;
}
@media (max-width: 840px) {
    #company .message .message_inner .message_content .txt {
        line-height: 1.8em;
        margin-bottom: 1em;
    }
}
#company .message .message_inner .message_content .txt .br_sp {
    display: none;
}
@media (max-width: 840px) {
    #company .message .message_inner .message_content .txt .br_sp {
        display: block;
    }
}
#company .message .message_inner .message_content .personal {
    margin-top: 2em;
    text-align: right;
}
#company .message .message_inner .message_content .personal .com {
    font-size: clamp(2rem, 2vw, 2.4rem);
    line-height: 2.5em;
    color: #fff;
}
#company .message .message_inner .message_content .personal .name {
    font-size: clamp(2rem, 2vw, 2.4rem);
    line-height: 2.5em;
    color: #fff;
    display: flex;
    justify-content: end;
}
#company .message .message_inner .message_content .personal .name img {
    width: auto;
    height: 100px;
    margin-left: 1em;
}
@media (max-width: 700px) {
    #company .message .message_inner .message_content .personal .name img {
        height: 75px;
    }
}
#company .message .deco {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 5%;
    width: 100%;
    padding: 0 20px;
    z-index: 0;
}
#company .profile .profile_inner .profile_content {
    margin: 2em 0;
}
#company .profile .profile_inner .profile_content .lists .list {
    display: flex;
    flex-wrap: wrap;
}
#company .profile .profile_inner .profile_content .lists .list:last-child > .ttl {
    border-bottom: solid 2px #f18900;
}
@media (max-width: 700px) {
    #company .profile .profile_inner .profile_content .lists .list:last-child > .ttl {
        border-bottom: none;
    }
}
#company .profile .profile_inner .profile_content .lists .list:last-child > .txt {
    border-bottom: solid 2px #a2a2a2;
}
@media (max-width: 700px) {
    #company .profile .profile_inner .profile_content .lists .list:last-child > .txt {
        border-bottom: solid 2px #f18900;
    }
}
#company .profile .profile_inner .profile_content .lists .list > .ttl {
    width: 25%;
    border-top: solid 2px #f18900;
    padding: 2em 0.5em;
    color: #113961;
}
@media (max-width: 700px) {
    #company .profile .profile_inner .profile_content .lists .list > .ttl {
        width: 100%;
        padding-bottom: 0.5em;
        padding-top: 1em;
    }
}
#company .profile .profile_inner .profile_content .lists .list > .txt {
    width: 75%;
    border-top: solid 2px #a2a2a2;
    padding: 2em 0.5em;
}
@media (max-width: 700px) {
    #company .profile .profile_inner .profile_content .lists .list > .txt {
        width: 100%;
        border-top: none;
        padding-top: 0;
        padding-bottom: 1em;
    }
}
#company .profile .profile_inner .profile_content .lists .list > .txt .sp {
    display: none;
}
@media (max-width: 540px) {
    #company .profile .profile_inner .profile_content .lists .list > .txt .sp {
        display: block;
    }
}
#company .profile .profile_inner .profile_content .lists .list > .txt .add_lists .add_list {
    display: flex;
    flex-wrap: wrap;
}
#company .profile .profile_inner .profile_content .lists .list > .txt .add_lists .add_list > .ttl {
    width: 20%;
    position: relative;
    padding-left: 1em;
}
@media (max-width: 700px) {
    #company .profile .profile_inner .profile_content .lists .list > .txt .add_lists .add_list > .ttl {
        width: 100%;
    }
}
#company .profile .profile_inner .profile_content .lists .list > .txt .add_lists .add_list > .ttl:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #f18900;
    border-radius: 4px;
    position: absolute;
    top: 0.7em;
    left: 0;
}
#company .profile .profile_inner .profile_content .lists .list > .txt .add_lists .add_list > .txt {
    width: 80%;
}
@media (max-width: 700px) {
    #company .profile .profile_inner .profile_content .lists .list > .txt .add_lists .add_list > .txt {
        width: 100%;
    }
}
#company .profile .profile_inner .profile_content .lists .list > .txt .sales_lists .sales_list {
    position: relative;
    padding-left: 1em;
}
#company .profile .profile_inner .profile_content .lists .list > .txt .sales_lists .sales_list:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #f18900;
    border-radius: 4px;
    position: absolute;
    top: 0.7em;
    left: 0;
}
#company .profile .profile_inner .profile_content .lists .list > .txt .sales_lists .sales_list .toso_lists {
    margin-left: 1em;
}
#company .profile .profile_inner .profile_content .lists .list > .txt .sales_lists .sales_list .toso_lists .toso_list {
    font-weight: 900;
}
#company .location {
    position: relative;
    background-color: rgba(17, 57, 97, 0.05);
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);
    clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);
    z-index: 0;
    margin: 0 20px;
    padding: 13% 5% 20% 5%;
    z-index: 2;
}
#company .location:before {
    content: url(../img/02_company/location_deco01.png);
    position: absolute;
    display: block;
    right: 0;
    top: 10%;
    z-index: -1;
    width: clamp(230px, 23vw, 460px);
    height: clamp(230px, 23vw, 460px);
    overflow: hidden;
}
#company .location:after {
    content: url(../img/02_company/location_deco02.png);
    position: absolute;
    display: block;
    left: 0;
    bottom: 10%;
    z-index: -1;
    width: clamp(450px, 45vw, 950px);
    height: clamp(230px, 23vw, 460px);
}
@media (max-width: 1024px) {
    #company .location {
        padding-top: 25%;
        padding-bottom: 30%;
    }
}
@media (max-width: 700px) {
    #company .location {
        margin: 0 10px;
    }
}
#company .location_inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
}
#company .location_inner .location_ttl {
    position: relative;
    width: 20%;
    z-index: -1;
}
#company .location_inner .location_ttl .ttl_en {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    font-size: clamp(8rem, 8vw, 14rem);
    color: rgba(17, 57, 97, 0.2);
    line-height: 1;
    position: absolute;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}
#company .location_inner .location_content {
    width: 80%;
    margin-left: auto;
}
@media (max-width: 1024px) {
    #company .location_inner .location_content {
        width: 100%;
    }
}
#company .location_inner .location_content .lists .list {
    margin: 4em 0 0;
}
#company .location_inner .location_content .lists .list .ttl {
    font-size: clamp(2rem, 2vw, 2.4rem);
    color: #113961;
}
#company .location_inner .location_content .lists .list .map {
    margin-top: 0.25em;
    width: 100%;
}
#company .location_inner .location_content .lists .list .map iframe {
    width: 100%;
    aspect-ratio: 2.5/1;
}

/*==================================================================================================
	選ばれる理由
==================================================================================================*/
#reason .reason {
    padding: 8% 5%;
    width: 100%;
    background-image: url(../img/00_cmn/bg_blue.jpg);
    background-repeat: repeat;
    margin-top: 0;
}
#reason .reason .reason_inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
#reason .reason .reason_inner .reason_copy {
    width: 840px;
    max-width: 90%;
    margin: 0 auto;
}
#reason .reason .reason_inner .reason_lists .reason_list {
    width: 100%;
    max-width: 1050px;
    background-color: #fff;
    border-radius: 0 min(150px, 25vw) 0 0;
    padding: clamp(20px, 5vw, 40px);
    margin: 10% 0;
    position: relative;
}
#reason .reason .reason_inner .reason_lists .reason_list#reason01, #reason .reason .reason_inner .reason_lists .reason_list#reason02, #reason .reason .reason_inner .reason_lists .reason_list#reason03, #reason .reason .reason_inner .reason_lists .reason_list#reason04, #reason .reason .reason_inner .reason_lists .reason_list#reason05 {
    scroll-margin-top: 250px;
}
@media (max-width: 700px) {
    #reason .reason .reason_inner .reason_lists .reason_list#reason01, #reason .reason .reason_inner .reason_lists .reason_list#reason02, #reason .reason .reason_inner .reason_lists .reason_list#reason03, #reason .reason .reason_inner .reason_lists .reason_list#reason04, #reason .reason .reason_inner .reason_lists .reason_list#reason05 {
        scroll-margin-top: 180px;
    }
}
#reason .reason .reason_inner .reason_lists .reason_list:after {
    content: "";
    position: absolute;
    top: -60px;
    right: -13%;
    width: clamp(100px, 18vw, 311px);
    background-size: contain;
    background-repeat: no-repeat;
    height: calc(clamp(100px, 18vw, 311px) * 0.85);
}
@media (max-width: 1280px) {
    #reason .reason .reason_inner .reason_lists .reason_list:after {
        right: -5%;
    }
}
@media (max-width: 840px) {
    #reason .reason .reason_inner .reason_lists .reason_list:after {
        top: -20px;
    }
}
#reason .reason .reason_inner .reason_lists .reason_list:nth-child(1):after {
    background-image: url(../img/03_reason/reason_num01.png);
}
#reason .reason .reason_inner .reason_lists .reason_list:nth-child(2):after {
    background-image: url(../img/03_reason/reason_num02.png);
}
#reason .reason .reason_inner .reason_lists .reason_list:nth-child(3):after {
    background-image: url(../img/03_reason/reason_num03.png);
}
#reason .reason .reason_inner .reason_lists .reason_list:nth-child(3) .reason_head .head_img {
    margin-top: -3em;
}
@media (max-width: 840px) {
    #reason .reason .reason_inner .reason_lists .reason_list:nth-child(3) .reason_head .head_img {
        margin-top: 50px;
    }
}
#reason .reason .reason_inner .reason_lists .reason_list:nth-child(4):after {
    background-image: url(../img/03_reason/reason_num04.png);
}
#reason .reason .reason_inner .reason_lists .reason_list:nth-child(5):after {
    background-image: url(../img/03_reason/reason_num05.png);
}
#reason .reason .reason_inner .reason_lists .reason_list:nth-child(even) {
    margin-left: auto;
    margin-right: 0;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_head .head_img {
    width: 50%;
}
@media (max-width: 840px) {
    #reason .reason .reason_inner .reason_lists .reason_list .reason_head .head_img {
        width: 100%;
        margin-top: 50px;
    }
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_head .head_img img {
    width: 100%;
    max-width: 807px;
    margin-bottom: 2em;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_head .head_ttl {
    width: 45%;
    margin-top: 5vw;
    margin-left: 2em;
}
@media (max-width: 840px) {
    #reason .reason .reason_inner .reason_lists .reason_list .reason_head .head_ttl {
        width: 100%;
        margin: 0 0 2em 0;
        display: flex;
        justify-content: center;
    }
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_head .head_ttl .ja {
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    color: #113961;
    position: relative;
    z-index: 1;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_head .head_ttl span:nth-child(1):before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #ed726b;
    border-radius: 5px;
    margin-right: 0.25em;
    position: absolute;
    top: 0.8em;
    left: -0.7em;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_head .en {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    font-size: clamp(4rem, 5vw, 8rem);
    color: rgba(17, 57, 97, 0.2);
    line-height: 1;
    position: absolute;
    right: 18%;
    top: 0;
}
@media (max-width: 540px) {
    #reason .reason .reason_inner .reason_lists .reason_list .reason_head .en {
        right: 25%;
    }
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_body {
    border-top: solid 1px #a2a2a2;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_body .txt {
    padding: 2em 0;
    font-size: clamp(1.8rem, 2vw, 2.4rem);
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason01 .bottom_head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason01 .bottom_body {
    margin-top: 40px;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason01 .bottom_body .lists {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason01 .bottom_body .lists .list {
    width: calc(50% - 10px);
}
@media (max-width: 700px) {
    #reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason01 .bottom_body .lists .list {
        width: 100%;
    }
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason02 .bottom_body {
    margin-top: 4em;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason02 .bottom_body .lists {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason02 .bottom_body .lists .list {
    width: calc(20% - 10px);
}
@media (max-width: 840px) {
    #reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason02 .bottom_body .lists .list {
        width: calc(33.3333333333% - 10px);
    }
}
@media (max-width: 540px) {
    #reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason02 .bottom_body .lists .list {
        width: calc(50% - 10px);
    }
}
#reason .reason .reason_inner .reason_lists .reason_list .reason_bottom.-reason02 .bottom_body .lists .list a:hover {
    opacity: 0.7;
}

/*==================================================================================================
	施工までの流れ
==================================================================================================*/
#flow .flow {
    padding: 8% 5%;
    width: 100%;
    background-image: url(../img/00_cmn/bg_gray.jpg);
    background-repeat: repeat;
    margin-top: 0;
}
#flow .flow .flow_inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
#flow .flow .flow_inner .flow_lists {
    display: flex;
    flex-direction: column;
    gap: 5vw 0;
}
@media (max-width: 840px) {
    #flow .flow .flow_inner .flow_lists {
        gap: 10vw 0;
    }
}
@media (max-width: 540px) {
    #flow .flow .flow_inner .flow_lists {
        gap: 15vw 0;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list {
    width: 100%;
    max-width: 1050px;
    background-color: #fff;
    border-radius: 0 min(150px, 25vw) 0 0;
    padding: clamp(20px, 5vw, 40px) min(5%, 30px);
    padding-right: 10%;
    position: relative;
}
#flow .flow .flow_inner .flow_lists .flow_list:first-child::before {
    display: none;
}
#flow .flow .flow_inner .flow_lists .flow_list:before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 25px solid #f18900;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    border-bottom: 0px solid transparent;
    position: absolute;
    top: -2.5vw;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 840px) {
    #flow .flow .flow_inner .flow_lists .flow_list:before {
        top: -5vw;
    }
}
@media (max-width: 540px) {
    #flow .flow .flow_inner .flow_lists .flow_list:before {
        top: -7.5vw;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list:after {
    content: "";
    position: absolute;
    top: -30px;
    right: -10%;
    width: clamp(80px, 18vw, 186px);
    background-size: contain;
    background-repeat: no-repeat;
    height: calc(clamp(80px, 18vw, 186px) * 0.85);
}
@media (max-width: 1280px) {
    #flow .flow .flow_inner .flow_lists .flow_list:after {
        right: -5%;
    }
}
@media (max-width: 840px) {
    #flow .flow .flow_inner .flow_lists .flow_list:after {
        top: -10px;
    }
}
@media (max-width: 540px) {
    #flow .flow .flow_inner .flow_lists .flow_list:after {
        right: 2.5%;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list:nth-child(1):after {
    background-image: url(../img/05_flow/flow_num01.png);
}
#flow .flow .flow_inner .flow_lists .flow_list:nth-child(2):after {
    background-image: url(../img/05_flow/flow_num02.png);
}
#flow .flow .flow_inner .flow_lists .flow_list:nth-child(3):after {
    background-image: url(../img/05_flow/flow_num03.png);
}
#flow .flow .flow_inner .flow_lists .flow_list:nth-child(4):after {
    background-image: url(../img/05_flow/flow_num04.png);
}
#flow .flow .flow_inner .flow_lists .flow_list:nth-child(5):after {
    background-image: url(../img/05_flow/flow_num05.png);
}
#flow .flow .flow_inner .flow_lists .flow_list:nth-child(6):after {
    background-image: url(../img/05_flow/flow_num06.png);
}
#flow .flow .flow_inner .flow_lists .flow_list:nth-child(7):after {
    background-image: url(../img/05_flow/flow_num07.png);
}
#flow .flow .flow_inner .flow_lists .flow_list:nth-child(8):after {
    background-image: url(../img/05_flow/flow_num08.png);
}
#flow .flow .flow_inner .flow_lists .flow_list:nth-child(even) {
    margin-left: auto;
    margin-right: 0;
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_body {
    position: relative;
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_body .flow_ttl {
    display: flex;
    align-items: center;
}
@media (max-width: 840px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_body .flow_ttl {
        padding-top: 40px;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_body .flow_ttl img {
    width: 80px;
    height: 66px;
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_body .flow_ttl .ja {
    margin-left: 0.5em;
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    color: #113961;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_body .en {
    position: absolute;
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    font-size: clamp(4rem, 5vw, 8rem);
    color: rgba(17, 57, 97, 0.2);
    line-height: 1;
    right: 0;
    top: 0;
}
@media (max-width: 1280px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_body .en {
        right: 10%;
    }
}
@media (max-width: 540px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_body .en {
        right: 20%;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_body .txt {
    margin-top: 1.5em;
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact {
    width: 100%;
    position: relative;
    z-index: 1;
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a {
    width: 100%;
    max-width: 660px;
    margin: 1em 0;
    background-color: #113961;
    padding: 1em 1.5em;
    position: relative;
}
@media (max-width: 1024px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_contact a {
        width: 95%;
        margin-left: 0;
        margin-right: auto;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a:after {
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    right: -27.5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    transition: right 0.3s;
}
@media (max-width: 1024px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_contact a:after {
        width: 40px;
        height: 40px;
        right: -20px;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner {
    display: flex;
    align-items: center;
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_icon {
    display: flex;
    align-items: center;
    border-right: solid 2px #fff;
    padding-right: 1.5em;
}
@media (max-width: 540px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_icon {
        padding-right: 1em;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_txt {
    padding-left: 1.5em;
}
@media (max-width: 540px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_txt {
        padding-left: 0.5em;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_txt span {
    color: #fff;
    font-weight: 900;
}
@media (max-width: 700px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_txt span {
        display: block;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_txt span.maintxt {
    line-height: 1.2;
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_txt span.maintxt.-tel {
    font-size: clamp(2rem, 3.2vw, 3.6rem);
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.15em;
}
@media (max-width: 700px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_txt span.maintxt.-tel {
        letter-spacing: 0;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_txt span.maintxt.-mail {
    font-size: clamp(2rem, 2vw, 2.4rem);
    letter-spacing: 0.25em;
}
@media (max-width: 700px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_txt span.maintxt.-mail {
        letter-spacing: 0;
    }
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a .btn_inner .btn_txt span.subtxt {
    font-size: clamp(1.6rem, 2vw, 2rem);
}
#flow .flow .flow_inner .flow_lists .flow_list .flow_contact a:hover:after {
    right: -37.5px;
}
@media (max-width: 1024px) {
    #flow .flow .flow_inner .flow_lists .flow_list .flow_contact a:hover:after {
        right: -30px;
    }
}

/*==================================================================================================
	よくある質問
==================================================================================================*/
#faq .faq {
    width: 100%;
    background-image: url(../img/00_cmn/bg_blue.jpg);
    background-repeat: repeat;
}
#faq .faq_inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 8% 5%;
}
#faq .faq .faq_content {
    width: 100%;
    background-color: #fff;
    padding: clamp(20px, 5vw, 60px);
    padding-left: clamp(30px, 6vw, 80px);
}
#faq .faq .faq_content .faq_items {
    display: flex;
    flex-direction: column;
}
#faq .faq .faq_content .faq_items .faq_item {
    width: 90%;
    margin: 1.5em 0;
}
@media (max-width: 1024px) {
    #faq .faq .faq_content .faq_items .faq_item {
        width: 100%;
    }
}
#faq .faq .faq_content .faq_items .faq_item:nth-child(even) {
    margin-left: auto;
}
#faq .faq .faq_content .faq_items .faq_item .faq_head {
    display: flex;
    align-items: baseline;
}
#faq .faq .faq_content .faq_items .faq_item .faq_head .head_num {
    position: relative;
}
#faq .faq .faq_content .faq_items .faq_item .faq_head .head_num:before {
    content: "";
    display: block;
    background-image: url(../img/10_faq/faq_deco.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 48px;
    height: 100px;
    position: absolute;
    bottom: 35px;
    left: -100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
@media (max-width: 700px) {
    #faq .faq .faq_content .faq_items .faq_item .faq_head .head_num:before {
        width: 24px;
        height: 50px;
        left: -40%;
        bottom: 25px;
    }
}
#faq .faq .faq_content .faq_items .faq_item .faq_head .head_num .en {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    color: #f18900;
}
#faq .faq .faq_content .faq_items .faq_item .faq_head .head_num .num {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    color: #f15400;
    padding-left: 0.05em;
}
#faq .faq .faq_content .faq_items .faq_item .faq_head .ttl {
    color: #f18900;
    font-size: clamp(2rem, 2vw, 2.4rem);
    margin-left: 0.5em;
    font-weight: 900;
}
#faq .faq .faq_content .faq_items .faq_item .faq_body {
    margin-left: 2.5%;
    display: flex;
    flex-wrap: wrap;
}
#faq .faq .faq_content .faq_items .faq_item .faq_body .body_num {
    width: 8%;
    color: rgba(17, 57, 97, 0.1);
}
#faq .faq .faq_content .faq_items .faq_item .faq_body .body_num .en {
    font-family: "Oswald", sans-serif;
    font-size: 45px;
}
#faq .faq .faq_content .faq_items .faq_item .faq_body .body_num .num {
    font-family: "Oswald", sans-serif;
    font-size: 87px;
    line-height: 1;
}
#faq .faq .faq_content .faq_items .faq_item .faq_body .txt {
    width: 92%;
    padding-top: 1em;
    padding-left: 1em;
}
@media (max-width: 540px) {
    #faq .faq .faq_content .faq_items .faq_item .faq_body .txt {
        padding-left: 0;
    }
}

/*==================================================================================================
	お問い合わせ
==================================================================================================*/
#contact .contact {
    width: 100%;
    background-image: url(../img/00_cmn/bg_orange.jpg);
    background-repeat: repeat;
    padding: 8% 5%;
}
#contact .contact_inner {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
#contact .contact_inner .contact_head {
    text-align: center;
    margin: 0 auto;
}
#contact .contact_inner .contact_head .txt {
    color: #fff;
    font-size: clamp(2rem, 2vw, 2.4rem);
}
#contact .contact_inner .contact_head .head_ttl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#contact .contact_inner .contact_head .head_ttl .ttl {
    color: #113961;
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-color: rgba(255, 255, 255, 0.8);
    text-decoration-color: rgba(255, 255, 255, 0.8);
    margin: 0 0.5em;
}
#contact .contact_inner .contact_head .tel_btn {
    margin-top: 3vw;
}
#contact .contact_inner .contact_head .tel_btn a {
    width: 100%;
    max-width: 660px;
    margin: 1em auto;
    background-color: #113961;
    padding: 1em 1.5em;
    position: relative;
}
@media (max-width: 1024px) {
    #contact .contact_inner .contact_head .tel_btn a {
        width: 95%;
        margin-left: 0;
        margin-right: auto;
    }
}
#contact .contact_inner .contact_head .tel_btn a:after {
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    right: -27.5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
}
@media (max-width: 1024px) {
    #contact .contact_inner .contact_head .tel_btn a:after {
        width: 40px;
        height: 40px;
        right: -20px;
    }
}
#contact .contact_inner .contact_head .tel_btn a .btn_inner {
    display: flex;
    align-items: center;
}
#contact .contact_inner .contact_head .tel_btn a .btn_inner .btn_icon {
    display: flex;
    align-items: center;
    border-right: solid 2px #fff;
    padding-right: 1.5em;
}
@media (max-width: 540px) {
    #contact .contact_inner .contact_head .tel_btn a .btn_inner .btn_icon {
        padding-right: 1em;
    }
}
#contact .contact_inner .contact_head .tel_btn a .btn_inner .btn_txt {
    padding-left: 1.5em;
}
@media (max-width: 540px) {
    #contact .contact_inner .contact_head .tel_btn a .btn_inner .btn_txt {
        padding-left: 0.5em;
        text-align: left;
    }
}
#contact .contact_inner .contact_head .tel_btn a .btn_inner .btn_txt span {
    color: #fff;
    font-weight: 900;
}
@media (max-width: 540px) {
    #contact .contact_inner .contact_head .tel_btn a .btn_inner .btn_txt span {
        display: block;
    }
}
#contact .contact_inner .contact_head .tel_btn a .btn_inner .btn_txt span.maintxt {
    line-height: 1.2;
}
#contact .contact_inner .contact_head .tel_btn a .btn_inner .btn_txt span.maintxt.-tel {
    font-size: clamp(2rem, 3.2vw, 3.6rem);
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.15em;
}
@media (max-width: 700px) {
    #contact .contact_inner .contact_head .tel_btn a .btn_inner .btn_txt span.maintxt.-tel {
        letter-spacing: 0;
    }
}
#contact .contact_inner .contact_head .tel_btn a .btn_inner .btn_txt span.subtxt {
    font-size: clamp(1.6rem, 2vw, 2rem);
}
#contact .contact_inner .contact_form {
    width: 100%;
    background-color: #fff;
    padding: clamp(20px, 5vw, 60px);
    margin-top: 40px;
}
@media (max-width: 840px) {
    #contact .contact_inner .contact_form {
        margin-top: 2vw;
    }
}
#contact .contact_inner .contact_form .form_head {
    text-align: center;
    position: relative;
}
#contact .contact_inner .contact_form .form_head .en {
    font-family: "Oswald", sans-serif;
    color: rgba(241, 137, 0, 0.2);
    font-size: clamp(60px, 16vw, 14.8rem);
    line-height: 1;
}
#contact .contact_inner .contact_form .form_head .txt {
    margin-top: -2em;
}
#contact .contact_inner .contact_form .form_head .head_img {
    position: absolute;
    bottom: -2vw;
    right: 0;
    width: 30%;
}
@media (max-width: 840px) {
    #contact .contact_inner .contact_form .form_head .head_img {
        bottom: -25vw;
    }
}
#contact .contact_inner .contact_form .contact_form_body {
    margin-top: 2vw;
}
@media (max-width: 840px) {
    #contact .contact_inner .contact_form .contact_form_body {
        margin-top: 25vw;
    }
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: solid 2px #a8a8a8;
    padding: 1em 0.5em;
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item:last-child {
    border-bottom: solid 2px #a8a8a8;
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item .item_ttl {
    width: 25%;
}
@media (max-width: 700px) {
    #contact .contact_inner .contact_form .contact_form_body .form_items .form_item .item_ttl {
        width: 100%;
    }
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item .item_ttl .label {
    color: #113961;
    font-weight: 900;
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item .item_ttl .label_required {
    font-size: 12px;
    color: #fff;
    background-color: #f18900;
    padding: 0 0.5em;
    margin-left: 0.25em;
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item .input {
    width: 75%;
    background-color: #f7f8f8;
    border: none;
    border-radius: 0;
    padding: 0.25em 0.5em;
    outline: none;
}
@media (max-width: 700px) {
    #contact .contact_inner .contact_form .contact_form_body .form_items .form_item .input {
        width: 100%;
        margin-top: 0.5em;
    }
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item #c_name_01, #contact .contact_inner .contact_form .contact_form_body .form_items .form_item #c_tel {
    width: 37.5%;
    min-width: 300px;
}
@media (max-width: 700px) {
    #contact .contact_inner .contact_form .contact_form_body .form_items .form_item #c_name_01, #contact .contact_inner .contact_form .contact_form_body .form_items .form_item #c_tel {
        width: 100%;
        min-width: auto;
    }
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item .textarea {
    width: 75%;
    background-color: #f7f8f8;
    border: none;
    border-radius: 0;
    padding: 0.25em 0.5em;
}
@media (max-width: 700px) {
    #contact .contact_inner .contact_form .contact_form_body .form_items .form_item .textarea {
        width: 100%;
        margin-top: 0.5em;
    }
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item .radio_list {
    display: flex;
    flex-wrap: wrap;
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item .radio_list .radio_item {
    margin: 0 0.5em;
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item .radio_list .radio_item label {
    color: #113961;
}
#contact .contact_inner .contact_form .contact_form_body .form_items .form_item .radio_list .radio_item input[type=radio] {
    accent-color: #113961;
}
#contact .contact_inner .contact_form .contact_form_body .form_agree {
    margin-top: 40px;
    margin-bottom: 20px;
}
#contact .contact_inner .contact_form .contact_form_body .form_agree .txt .agree_link {
    display: inline-block;
    color: #113961;
    font-weight: 900;
    text-decoration: underline;
}
#contact .contact_inner .contact_form .contact_form_body .form_agree .agree_check {
    margin-top: 1em;
    text-align: center;
}
#contact .contact_inner .contact_form .contact_form_body .form_agree .agree_check input[type=checkbox] {
    accent-color: #113961;
    border-radius: 0;
    background-color: inherit;
}
#contact .contact_inner .contact_form .contact_form_body .form_agree .agree_check label {
    font-weight: 900;
    color: #113961;
}
#contact .contact_inner .contact_form .contact_form_body .form_btn {
    border-radius: 0;
    border: none;
    background-color: inherit;
    position: relative;
    font-size: 20px;
    display: flex;
    align-items: center;
    transition: none;
    margin: 1.5em auto 0;
    font-weight: 900;
}
#contact .contact_inner .contact_form .contact_form_body .form_btn:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #113961;
    position: absolute;
    bottom: -5px;
    left: 0;
    opacity: 0.4;
    transition: bottom 0.3s;
}
#contact .contact_inner .contact_form .contact_form_body .form_btn:after {
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    right: -70px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    opacity: 0.4;
    transition: right 0.3s;
}
@media (max-width: 1024px) {
    #contact .contact_inner .contact_form .contact_form_body .form_btn:after {
        width: 40px;
        height: 40px;
        right: -50px;
    }
}
#contact .contact_inner .contact_form .contact_form_body .form_btn.-active {
    color: #113961;
    transition: 0.5s;
}
#contact .contact_inner .contact_form .contact_form_body .form_btn.-active:after, #contact .contact_inner .contact_form .contact_form_body .form_btn.-active:before {
    opacity: 1;
}
#contact .contact_inner .contact_form .contact_form_body .form_btn.-active:hover:after {
    right: -80px;
}
@media (max-width: 1024px) {
    #contact .contact_inner .contact_form .contact_form_body .form_btn.-active:hover:after {
        right: -60px;
    }
}
#contact .contact_inner .contact_form .contact_form_body .form_btn.-active:hover:before {
    bottom: 0;
}

.mailphp {
    max-width: 840px;
    margin: 0 auto;
}
.mailphp p {
    margin: 1em 0;
}
.mailphp .mailphp-header {
    text-align: center;
}
.mailphp .mailphp-header .mailphp-header-inner {
    font-weight: 900;
    font-size: 2.4rem;
    margin: 0px;
    color: #aaa;
    border: none;
}
.mailphp .mailphp-header .mailphp-header-title {
    margin-bottom: 1.25em;
    position: relative;
    display: block;
    text-align: center;
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    color: #000;
}
.mailphp .mailphp-main {
    flex-grow: 1;
    margin: 3em 0;
    margin: 10px 0px 30px;
}
.mailphp .mailphp-main .mailphp-main-inner p {
    text-align: center;
}
.mailphp .mailphp-footer {
    margin-bottom: 0px;
}
.mailphp .confirm-items,
.mailphp .error-items {
    margin: 1.5em 0;
}
.mailphp .confirm-items .confirm-item,
.mailphp .confirm-items .error-item,
.mailphp .error-items .confirm-item,
.mailphp .error-items .error-item {
    display: flex;
    margin-bottom: 1px;
}
.mailphp .confirm-items .confirm-item-body,
.mailphp .confirm-items .error-item-body,
.mailphp .error-items .confirm-item-body,
.mailphp .error-items .error-item-body {
    flex: 1;
}

.mailphp-header-title {
    font-size: calc(clamp(2rem, 2vw, 2.4rem) * 1.25);
    text-align: center;
    display: block;
    margin-bottom: 0.75em;
    color: #f18900;
}
.mailphp-header-txt {
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-inline: auto;
}

.confirm_custom {
    margin: calc(clamp(80px, 12vw, 150px) * 1.65) auto clamp(80px, 12vw, 150px);
    padding: 0 5%;
    position: relative;
}
.confirm_custom_inner {
    max-width: 840px;
    margin: 0 auto;
}

.confirm-items {
    width: 100%;
    margin-top: 30px;
}
.confirm-items tbody {
    width: 100%;
    border-top: 1px solid #ccc;
}
.confirm-items tbody tr {
    display: flex;
    flex-wrap: wrap;
}
.confirm-items tbody tr th {
    display: block;
    width: 230px;
    text-align: left;
    color: #113961;
    font-weight: 900;
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
}
@media screen and (max-width: 840px) {
    .confirm-items tbody tr th {
        width: 100%;
        border-bottom: none;
        padding: 1em 0 1.5px;
    }
}
.confirm-items tbody tr td {
    display: block;
    font-weight: 900;
    width: calc(100% - 230px);
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 1em 0 1em 1em;
}
@media screen and (max-width: 840px) {
    .confirm-items tbody tr td {
        width: 100%;
        padding-left: 0px;
        padding: 1.5px 0 1em;
    }
}

.error-items .error-item {
    border-radius: 5px;
    padding: 1em;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
}
.error-items .error-item:not(:last-child) {
    margin-bottom: 5px;
}
.error-items .error-item-label {
    display: block;
    width: 150px;
}
@media screen and (max-width: 840px) {
    .error-items .error-item-label {
        width: 100%;
    }
}
.error-items .error-item-body {
    display: block;
    width: calc(100% - 150px);
    padding-left: 1em;
    word-break: break-all;
    color: #c40000;
}
@media screen and (max-width: 840px) {
    .error-items .error-item-body {
        width: 100%;
        padding-left: 0px;
    }
}

.confirm-btns {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-weight: 900;
}
.confirm-btns .confirm-btn.confirm-btn-submit {
    border: none;
    padding: 1em 1.5em;
    width: 220px;
    max-width: 100%;
    margin: 2.5em auto 20px;
    background-color: #f18900;
    color: #fff;
}
.confirm-btns .confirm-btn.confirm-btn-submit:hover {
    opacity: 0.7;
}
.confirm-btns .confirm-btn.confirm-btn-back {
    font-size: 1.6rem;
    width: 180px;
    max-width: 100%;
    margin: 10px auto 0px;
    background-color: #aaa;
    color: #fff;
    border: none;
    padding: 0.75em 1.5em;
    transition: 0.5s opacity;
}
.confirm-btns .confirm-btn.confirm-btn-back:hover {
    opacity: 0.7;
}

.error_messe {
    margin-top: 30px;
    text-align: center;
}

/*==================================================================================================
	ブログ
==================================================================================================*/
#blog .blog {
    width: 100%;
    background-image: url(../img/00_cmn/bg_gray.jpg);
    background-repeat: repeat;
    padding: 8% 5%;
}
#blog .blog_inner {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
#blog .blog_inner .blog_lists {
    display: flex;
    flex-direction: column;
}
#blog .blog_inner .blog_lists .blog_item {
    border-bottom: solid 1px #a2a2a2;
}
#blog .blog_inner .blog_lists .blog_item a {
    padding: 1.5em 0;
    position: relative;
}
#blog .blog_inner .blog_lists .blog_item a:after {
    content: url(../img/00_cmn/arrow_orange.svg);
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    transition: right 0.3s;
}
@media (max-width: 1024px) {
    #blog .blog_inner .blog_lists .blog_item a:after {
        width: 40px;
        height: 40px;
    }
}
#blog .blog_inner .blog_lists .blog_item a .item_content .item_ttl {
    display: inline-block;
    margin-top: 0.5em;
    font-size: clamp(1.6rem, 2vw, 1.8rem);
}
#blog .blog_inner .blog_lists .blog_item a:hover:after {
    right: 0;
}
#blog .blog-single .blog-single_inner .blog-single_content {
    display: flex;
    flex-wrap: wrap;
}
#blog .blog-single .blog-single_inner .blog-single_content .content_head {
    width: 45%;
    padding: 3em 2em;
    border-right: solid 2px #f18900;
}
@media (max-width: 840px) {
    #blog .blog-single .blog-single_inner .blog-single_content .content_head {
        width: 100%;
        border-right: none;
        border-bottom: solid 2px #f18900;
        padding: 2em 0;
    }
}
#blog .blog-single .blog-single_inner .blog-single_content .content_head .item_ttl {
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    color: #113961;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
    display: inline-block;
    margin-top: 0.8em;
}
#blog .blog-single .blog-single_inner .blog-single_content .content_body {
    width: 55%;
    padding-left: 5vw;
    padding-top: 2em;
}
#blog .blog-single .blog-single_inner .blog-single_content .content_body img {
    padding: 1em;
}
@media (max-width: 840px) {
    #blog .blog-single .blog-single_inner .blog-single_content .content_body {
        width: 100%;
        padding-left: 0;
    }
}
#blog .blog-single .blog-single_inner .blog-single_content .content_body .blog_backbtn {
    margin-top: 2.5em;
    display: flex;
    justify-content: center;
}

.cmn_pagenation {
    display: flex;
    margin-top: 1em;
    justify-self: center;
    font-family: "Oswald", sans-serif;
}
.cmn_pagenation .page-numbers {
    font-size: clamp(2.2rem, 2vw, 2.8rem);
    color: rgba(17, 57, 97, 0.6);
    padding: 0.25em;
    text-align: center;
}
.cmn_pagenation .page-numbers.current {
    color: #f18900;
}
.cmn_pagenation .page-numbers.current:after {
    content: "";
    width: 1em;
    height: 2px;
    background-color: #f18900;
    display: block;
    text-align: center;
}

.cmn_blog_info {
    display: flex;
    flex-wrap: wrap;
}
.cmn_blog_info .tax_item {
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding: 0 1em 0.05em;
}
.cmn_blog_info .tax_item:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #113961;
    margin-right: 0.25em;
}
.cmn_blog_info .date {
    margin-left: 1em;
    color: #113961;
    font-family: "Oswald", sans-serif;
}

/*==================================================================================================
	採用情報
==================================================================================================*/
#recruit .about {
    width: 100%;
    background-image: url(../img/00_cmn/bg_blue.jpg);
    background-repeat: repeat;
    padding: 8% 5%;
    overflow: hidden;
}
#recruit .about_inner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
#recruit .about_inner .about_content {
    width: 70%;
    padding-right: 8vw;
    max-width: 900px;
}
@media (max-width: 1024px) {
    #recruit .about_inner .about_content {
        width: 100%;
        padding-right: 0;
    }
}
#recruit .about_inner .about_content .about_lists {
    display: flex;
    flex-direction: column;
    margin-top: 1em;
}
#recruit .about_inner .about_content .about_lists .about_list {
    width: 90%;
    background-color: #fff;
    padding: 1.5em;
    margin: 1em 0;
}
@media (max-width: 840px) {
    #recruit .about_inner .about_content .about_lists .about_list {
        width: calc(100% - 3em);
    }
}
#recruit .about_inner .about_content .about_lists .about_list:nth-child(even) {
    margin-left: auto;
    margin-right: 0;
}
@media (max-width: 840px) {
    #recruit .about_inner .about_content .about_lists .about_list:nth-child(even) {
        margin-left: 0;
    }
}
#recruit .about_inner .about_content .about_lists .about_list .list_ttl {
    color: #113961;
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
    position: relative;
    padding-left: 0.5em;
}
#recruit .about_inner .about_content .about_lists .about_list .list_ttl:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #ed726b;
    border-radius: 5px;
    position: absolute;
    top: 0.7em;
    left: 0;
}
#recruit .about_inner .about_content .about_lists .about_list .list_txt {
    margin-top: 1em;
    font-size: clamp(1.6rem, 2vw, 1.8rem);
}
@media (min-width: 1025px) {
    #recruit .about_inner .about_img {
        width: 30%;
        height: 117vh;
        position: absolute;
        right: 0;
        top: -17vh;
    }
}
@media (max-width: 1024px) {
    #recruit .about_inner .about_img {
        width: 100%;
        margin: 0 auto;
        margin-top: 3em;
    }
}
#recruit .about_inner .about_img .swiper {
    width: 100%;
    height: 100%;
}
#recruit .about_inner .about_img .swiper .swiper-slide {
    width: 100%;
    height: 100%;
}
#recruit .about_inner .about_img .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}
#recruit .about_inner .recruit_deco {
    -webkit-animation: 60s linear infinite txt_rotate;
    animation: 60s linear infinite txt_rotate;
    display: block;
    width: clamp(380px, 40vw, 760px);
    left: -15%;
    top: -15%;
    position: absolute;
    z-index: -1;
}
#recruit .offer {
    position: relative;
    padding: 0;
}
#recruit .offer:before {
    content: "";
    display: block;
    width: calc(100% - 40px);
    background-color: rgba(241, 137, 0, 0.05);
    position: absolute;
    height: clamp(200px, 24vw, 360px);
    top: 0;
    left: 20px;
    z-index: -1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 40%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 40%);
}
#recruit .offer:after {
    content: "";
    display: block;
    width: calc(100% - 40px);
    background-color: rgba(241, 137, 0, 0.05);
    position: absolute;
    height: clamp(150px, 24vw, 360px);
    bottom: 0;
    left: 20px;
    z-index: -1;
    -webkit-clip-path: polygon(0 0, 100% 80%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 80%, 100% 100%, 0 100%);
}
#recruit .offer .offer_inner {
    padding: 10% 0 15%;
}
#recruit .offer .offer_inner .offer_secttl {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 5%;
}
#recruit .offer .offer_inner .offer_content {
    margin-top: 4em;
    width: 100%;
    max-width: 1024px;
    margin: 4em auto 0;
    padding: 0 5%;
}
#recruit .offer .offer_inner .offer_content .offer_tab .lists {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}
@media (max-width: 540px) {
    #recruit .offer .offer_inner .offer_content .offer_tab .lists {
        gap: 8px;
    }
}
#recruit .offer .offer_inner .offer_content .offer_tab .lists li {
    width: calc((100% - 40px) / 3);
    max-width: 240px;
    border: solid 2px #f18900;
    text-align: center;
    cursor: pointer;
    padding: 1em 0.25em;
}
@media (max-width: 540px) {
    #recruit .offer .offer_inner .offer_content .offer_tab .lists li {
        width: calc((100% - 16px) / 3);
    }
}
#recruit .offer .offer_inner .offer_content .offer_tab .lists li span {
    color: #f18900;
    font-size: clamp(1.4rem, 2vw, 2rem);
}
#recruit .offer .offer_inner .offer_content .offer_tab .lists li.act {
    background-color: #f18900;
    position: relative;
}
#recruit .offer .offer_inner .offer_content .offer_tab .lists li.act:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 15px solid #f18900;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 0px solid transparent;
}
#recruit .offer .offer_inner .offer_content .offer_tab .lists li.act span {
    color: #fff;
    position: relative;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-color: rgba(255, 255, 255, 0.2);
    text-decoration-color: rgba(255, 255, 255, 0.2);
}
#recruit .offer .offer_inner .offer_content .offer_body {
    margin-top: 3em;
}
#recruit .offer .offer_inner .offer_content .offer_body .offer_items {
    display: none;
}
#recruit .offer .offer_inner .offer_content .offer_body .offer_items.act {
    display: block;
}
#recruit .offer .offer_inner .offer_content .offer_body .offer_items .offer_item {
    display: flex;
    flex-wrap: wrap;
}
#recruit .offer .offer_inner .offer_content .offer_body .offer_items .offer_item:last-child > .ttl {
    border-bottom: solid 2px #f18900;
}
@media (max-width: 700px) {
    #recruit .offer .offer_inner .offer_content .offer_body .offer_items .offer_item:last-child > .ttl {
        border-bottom: none;
    }
}
#recruit .offer .offer_inner .offer_content .offer_body .offer_items .offer_item:last-child > .txt {
    border-bottom: solid 2px #a2a2a2;
}
@media (max-width: 700px) {
    #recruit .offer .offer_inner .offer_content .offer_body .offer_items .offer_item:last-child > .txt {
        border-bottom: solid 2px #f18900;
    }
}
#recruit .offer .offer_inner .offer_content .offer_body .offer_items .offer_item .ttl {
    width: 25%;
    border-top: solid 2px #f18900;
    padding: 2em 0.25em;
    color: #113961;
}
@media (max-width: 700px) {
    #recruit .offer .offer_inner .offer_content .offer_body .offer_items .offer_item .ttl {
        width: 100%;
        padding-bottom: 1em;
    }
}
#recruit .offer .offer_inner .offer_content .offer_body .offer_items .offer_item .txt {
    width: 75%;
    border-top: solid 2px #a2a2a2;
    padding: 2em 0.25em;
}
@media (max-width: 700px) {
    #recruit .offer .offer_inner .offer_content .offer_body .offer_items .offer_item .txt {
        width: 100%;
        border-top: none;
        padding-top: 0;
    }
}
#recruit .offer .offer_btn {
    margin-top: 3em;
    display: flex;
    justify-content: center;
}
#recruit .offer .offer_btn a span:after {
    transition: top 0.3s;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
#recruit .offer .offer_btn a:hover span:after {
    right: -70px;
    top: calc(50% + 10px);
}
@media (max-width: 1024px) {
    #recruit .offer .offer_btn a:hover span:after {
        right: -50px;
    }
}
#recruit .contact {
    width: 100%;
    background-image: url(../img/00_cmn/bg_orange.jpg);
    background-repeat: repeat;
    padding: 8% 5%;
}
#recruit .contact #form {
    scroll-margin-top: 250px;
}
#recruit .contact_inner {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
#recruit .contact_inner .contact_form {
    width: 100%;
    background-color: #fff;
    padding: clamp(20px, 5vw, 60px);
    margin-top: 40px;
}
@media (max-width: 840px) {
    #recruit .contact_inner .contact_form {
        margin-top: 2vw;
    }
}
#recruit .contact_inner .contact_form .form_head {
    text-align: center;
    position: relative;
}
#recruit .contact_inner .contact_form .form_head .en {
    font-family: "Oswald", sans-serif;
    color: rgba(241, 137, 0, 0.2);
    font-size: clamp(60px, 16vw, 14.8rem);
    line-height: 1;
}
#recruit .contact_inner .contact_form .form_head .txt {
    margin-top: -2em;
}
#recruit .contact_inner .contact_form .contact_form_body {
    margin-top: 2vw;
}
@media (max-width: 840px) {
    #recruit .contact_inner .contact_form .contact_form_body {
        margin-top: 25vw;
    }
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: solid 2px #a8a8a8;
    padding: 1em 0.5em;
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item:last-child {
    border-bottom: solid 2px #a8a8a8;
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .item_ttl {
    width: 25%;
}
@media (max-width: 700px) {
    #recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .item_ttl {
        width: 100%;
    }
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .item_ttl .label {
    color: #113961;
    font-weight: 900;
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .item_ttl .label_required {
    font-size: 12px;
    color: #fff;
    background-color: #f18900;
    padding: 0 0.5em;
    margin-left: 0.25em;
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .item_txt {
    width: 75%;
}
@media (max-width: 700px) {
    #recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .item_txt {
        width: 100%;
    }
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .item_txt #c_add01 {
    width: 200px;
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .item_txt #c_add02 {
    width: 100%;
    margin-top: 0.5em;
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .input {
    width: 75%;
    background-color: #f7f8f8;
    border: none;
    border-radius: 0;
    padding: 0.25em 0.5em;
    outline: none;
}
@media (max-width: 700px) {
    #recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .input {
        width: 100%;
        margin-top: 0.5em;
    }
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item #c_name_01, #recruit .contact_inner .contact_form .contact_form_body .form_items .form_item #c_tel {
    width: 37.5%;
    min-width: 300px;
}
@media (max-width: 700px) {
    #recruit .contact_inner .contact_form .contact_form_body .form_items .form_item #c_name_01, #recruit .contact_inner .contact_form .contact_form_body .form_items .form_item #c_tel {
        width: 100%;
        min-width: auto;
    }
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .textarea {
    width: 75%;
    background-color: #f7f8f8;
    border: none;
    border-radius: 0;
    padding: 0.25em 0.5em;
}
@media (max-width: 700px) {
    #recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .textarea {
        width: 100%;
        margin-top: 0.5em;
    }
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .radio_list {
    display: flex;
    flex-wrap: wrap;
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .radio_list .radio_item {
    margin: 0 0.5em;
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .radio_list .radio_item label {
    color: #113961;
}
#recruit .contact_inner .contact_form .contact_form_body .form_items .form_item .radio_list .radio_item input[type=radio] {
    accent-color: #113961;
}
#recruit .contact_inner .contact_form .contact_form_body .form_agree {
    margin-top: 40px;
    margin-bottom: 20px;
}
#recruit .contact_inner .contact_form .contact_form_body .form_agree .txt .agree_link {
    display: inline-block;
    color: #113961;
    font-weight: 900;
    text-decoration: underline;
}
#recruit .contact_inner .contact_form .contact_form_body .form_agree .agree_check {
    margin-top: 1em;
    text-align: center;
}
#recruit .contact_inner .contact_form .contact_form_body .form_agree .agree_check input[type=checkbox] {
    accent-color: #113961;
    border-radius: 0;
    background-color: inherit;
}
#recruit .contact_inner .contact_form .contact_form_body .form_agree .agree_check label {
    font-weight: 900;
    color: #113961;
}
#recruit .contact_inner .contact_form .contact_form_body .form_btn {
    border-radius: 0;
    border: none;
    background-color: inherit;
    position: relative;
    font-size: 20px;
    display: flex;
    align-items: center;
    transition: none;
    margin: 1.5em auto 0;
    font-weight: 900;
}
#recruit .contact_inner .contact_form .contact_form_body .form_btn:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #113961;
    position: absolute;
    bottom: -5px;
    left: 0;
    opacity: 0.4;
    transition: bottom 0.3s;
}
#recruit .contact_inner .contact_form .contact_form_body .form_btn:after {
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    right: -70px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    opacity: 0.4;
    transition: right 0.3s;
}
@media (max-width: 1024px) {
    #recruit .contact_inner .contact_form .contact_form_body .form_btn:after {
        width: 40px;
        height: 40px;
        right: -50px;
    }
}
#recruit .contact_inner .contact_form .contact_form_body .form_btn.-active {
    color: #113961;
    transition: 0.5s;
}
#recruit .contact_inner .contact_form .contact_form_body .form_btn.-active:after, #recruit .contact_inner .contact_form .contact_form_body .form_btn.-active:before {
    opacity: 1;
}
#recruit .contact_inner .contact_form .contact_form_body .form_btn.-active:hover:before {
    bottom: 0;
}
#recruit .contact_inner .contact_form .contact_form_body .form_btn.-active:hover:after {
    right: -80px;
}
@media (max-width: 1024px) {
    #recruit .contact_inner .contact_form .contact_form_body .form_btn.-active:hover:after {
        right: -60px;
    }
}

@-webkit-keyframes txt_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes txt_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*==================================================================================================
	お客様の声
==================================================================================================*/
#voice .voice {
    width: 100%;
    background-image: url(../img/00_cmn/bg_gray.jpg);
    background-repeat: repeat;
    padding: 340px 5% 8%;
}
@media (max-width: 1024px) {
    #voice .voice {
        padding-top: clamp(10%, 34vw, 340px);
    }
}
#voice .voice .voice_inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
#voice .voice .voice_inner .voice_head {
    position: relative;
}
#voice .voice .voice_inner .voice_head .voice_img {
    position: absolute;
}
#voice .voice .voice_inner .voice_head .voice_img.-chara {
    top: 30px;
    left: 20%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#voice .voice .voice_inner .voice_head .voice_img.-txt {
    top: -210px;
    right: 10%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#voice .voice .voice_inner .voice_head .voice_img.-set {
    top: 30px;
    left: 20%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
@media (max-width: 1280px) {
    #voice .voice .voice_inner .voice_head .voice_img.-set {
        left: 20px;
    }
}
#voice .voice .voice_inner .voice_lists {
    display: flex;
    flex-direction: column;
}
#voice .voice .voice_inner .voice_lists .voice_item {
    margin: 1em 0;
    width: 90%;
}
@media (max-width: 840px) {
    #voice .voice .voice_inner .voice_lists .voice_item {
        width: 95%;
    }
}
#voice .voice .voice_inner .voice_lists .voice_item:nth-child(even) {
    margin-left: auto;
    margin-right: 0;
}
@media (max-width: 840px) {
    #voice .voice .voice_inner .voice_lists .voice_item:nth-child(even) {
        margin-left: 0;
    }
}
#voice .voice .voice_inner .voice_lists .voice_item.voice-tax01 a:before {
    border-top-color: #ed726b;
    border-left-color: #ed726b;
}
#voice .voice .voice_inner .voice_lists .voice_item.voice-tax01 a .item_body .tax_item:before {
    background-color: #ed726b;
}
#voice .voice .voice_inner .voice_lists .voice_item.voice-tax02 a:before {
    border-top-color: #7bc5a1;
    border-left-color: #7bc5a1;
}
#voice .voice .voice_inner .voice_lists .voice_item.voice-tax02 a .item_body .tax_item:before {
    background-color: #7bc5a1;
}
#voice .voice .voice_inner .voice_lists .voice_item.voice-tax03 a:before {
    border-top-color: #4db8ea;
    border-left-color: #4db8ea;
}
#voice .voice .voice_inner .voice_lists .voice_item.voice-tax03 a .item_body .tax_item:before {
    background-color: #4db8ea;
}
#voice .voice .voice_inner .voice_lists .voice_item.voice-tax04 a:before {
    border-top-color: #564d80;
    border-left-color: #564d80;
}
#voice .voice .voice_inner .voice_lists .voice_item.voice-tax04 a .item_body .tax_item:before {
    background-color: #564d80;
}
#voice .voice .voice_inner .voice_lists .voice_item a {
    background-color: #fff;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
#voice .voice .voice_inner .voice_lists .voice_item a:before {
    content: "";
    display: block;
    border: 50px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 700px) {
    #voice .voice .voice_inner .voice_lists .voice_item a:before {
        border-width: 25px;
    }
}
#voice .voice .voice_inner .voice_lists .voice_item a:after {
    content: "";
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    right: -27.5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    transition: all 0.3s;
}
@media (max-width: 1024px) {
    #voice .voice .voice_inner .voice_lists .voice_item a:after {
        width: 40px;
        height: 40px;
        right: -20px;
    }
}
#voice .voice .voice_inner .voice_lists .voice_item a:hover:after {
    right: -37.5px;
}
@media (max-width: 1024px) {
    #voice .voice .voice_inner .voice_lists .voice_item a:hover:after {
        right: -30px;
    }
}
#voice .voice .voice_inner .voice_lists .voice_item a .item_img {
    width: 30%;
    aspect-ratio: 3/2;
    overflow: hidden;
}
@media (max-width: 840px) {
    #voice .voice .voice_inner .voice_lists .voice_item a .item_img {
        width: 100%;
    }
}
#voice .voice .voice_inner .voice_lists .voice_item a .item_img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#voice .voice .voice_inner .voice_lists .voice_item a .item_body {
    width: 70%;
    padding: 2em;
}
@media (max-width: 840px) {
    #voice .voice .voice_inner .voice_lists .voice_item a .item_body {
        width: 100%;
        padding: 1em;
    }
}
#voice .voice .voice_inner .voice_lists .voice_item a .item_body .item_info .tax_item {
    background-color: #f2f2f2;
    padding: 0.15em 1em 0.15em 1.8em;
    border-radius: 10px;
    font-size: 14px;
    color: #113961;
    position: relative;
}
#voice .voice .voice_inner .voice_lists .voice_item a .item_body .item_info .tax_item:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    top: 0.55em;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
#voice .voice .voice_inner .voice_lists .voice_item a .item_body .item_info .date {
    color: #f18900;
    font-size: 14px;
    font-weight: 900;
    margin-left: 0.5em;
    font-family: "Oswald", sans-serif;
}
#voice .voice .voice_inner .voice_lists .voice_item a .item_body .item_ttl {
    margin-top: 1em;
    color: #113961;
    font-size: clamp(2rem, 2vw, 2.4rem);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
}
#voice .voice .voice_inner .voice_lists .voice_item a .item_body .item_txt {
    margin-top: 1em;
}
#voice .voice-single .voice-single_inner .voice-single_content {
    display: flex;
    flex-wrap: wrap;
}
#voice .voice-single .voice-single_inner .voice-single_content .content_head {
    width: 45%;
    padding: 3em 2em;
    border-right: solid 2px #f18900;
}
@media (max-width: 840px) {
    #voice .voice-single .voice-single_inner .voice-single_content .content_head {
        width: 100%;
        border-right: none;
        border-bottom: solid 2px #f18900;
        padding: 2em 0;
    }
}
#voice .voice-single .voice-single_inner .voice-single_content .content_head .item_info .tax_item {
    background-color: #f2f2f2;
}
#voice .voice-single .voice-single_inner .voice-single_content .content_head .item_info .date {
    color: #f18900;
}
#voice .voice-single .voice-single_inner .voice-single_content .content_head .item_ttl {
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    color: #113961;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
    display: inline-block;
    margin-top: 0.8em;
}
#voice .voice-single .voice-single_inner .voice-single_content .content_body {
    width: 55%;
    padding-left: 5vw;
}
#voice .voice-single .voice-single_inner .voice-single_content .content_body .body_mainimg {
    position: relative;
}
#voice .voice-single .voice-single_inner .voice-single_content .content_body .body_mainimg:before {
    content: "";
    display: block;
    border: 50px solid transparent;
    position: absolute;
    top: -5px;
    left: -5px;
}
@media (max-width: 700px) {
    #voice .voice-single .voice-single_inner .voice-single_content .content_body .body_mainimg:before {
        border-width: 25px;
    }
}
@media (max-width: 840px) {
    #voice .voice-single .voice-single_inner .voice-single_content .content_body {
        width: 100%;
        padding-left: 0;
        padding-top: 2em;
    }
}
#voice .voice-single .voice-single_inner .voice-single_content .content_body .blog_backbtn {
    margin-top: 2.5em;
    display: flex;
    justify-content: center;
}
#voice .voice-single .voice-single_inner .voice-single_content.voice-tax01 .tax_item:before {
    background-color: #ed726b;
}
#voice .voice-single .voice-single_inner .voice-single_content.voice-tax01 .body_mainimg:before {
    border-top-color: #ed726b;
    border-left-color: #ed726b;
}
#voice .voice-single .voice-single_inner .voice-single_content.voice-tax02 .tax_item:before {
    background-color: #7bc5a1;
}
#voice .voice-single .voice-single_inner .voice-single_content.voice-tax02 .body_mainimg:before {
    border-top-color: #7bc5a1;
    border-left-color: #7bc5a1;
}
#voice .voice-single .voice-single_inner .voice-single_content.voice-tax03 .tax_item:before {
    background-color: #4db8ea;
}
#voice .voice-single .voice-single_inner .voice-single_content.voice-tax03 .body_mainimg:before {
    border-top-color: #4db8ea;
    border-left-color: #4db8ea;
}
#voice .voice-single .voice-single_inner .voice-single_content.voice-tax04 .tax_item:before {
    background-color: #564d80;
}
#voice .voice-single .voice-single_inner .voice-single_content.voice-tax04 .body_mainimg:before {
    border-top-color: #564d80;
    border-left-color: #564d80;
}

/*==================================================================================================
	施工実績
==================================================================================================*/
#works .works {
    width: calc(100% - 40px);
    background-color: #f18900;
    margin: 0 auto;
    padding: 8% 5%;
    position: relative;
    z-index: 1;
}
#works .works:before {
    content: "";
    width: clamp(220px, 40vw, 465px);
    aspect-ratio: 465/470;
    background-image: url(../img/08_works/works_deco01.png);
    position: absolute;
    top: 8vw;
    left: 5vw;
    z-index: -1;
}
#works .works:after {
    content: "";
    width: clamp(300px, 40vw, 728px);
    aspect-ratio: 728/534;
    background-image: url(../img/08_works/works_deco02.png);
    position: absolute;
    bottom: 15vw;
    right: 0;
    z-index: -1;
}
#works .works .works_inner {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
#works .works .works_inner .works_lists {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#works .works .works_inner .works_lists .works_item {
    width: 85%;
    background-color: #fff;
    margin: 2em 0;
}
@media (max-width: 840px) {
    #works .works .works_inner .works_lists .works_item {
        width: 95%;
    }
}
@media (max-width: 700px) {
    #works .works .works_inner .works_lists .works_item {
        width: 100%;
    }
}
#works .works .works_inner .works_lists .works_item:nth-child(even) {
    margin-left: auto;
    margin-right: 0;
}
#works .works .works_inner .works_lists .works_item a .item_info {
    position: relative;
    padding: 60px 10px 10px 60px;
    display: flex;
    flex-wrap: wrap-reverse;
}
@media (max-width: 700px) {
    #works .works .works_inner .works_lists .works_item a .item_info {
        padding-bottom: 20px;
    }
}
@media (max-width: 540px) {
    #works .works .works_inner .works_lists .works_item a .item_info {
        padding-left: 40px;
    }
}
#works .works .works_inner .works_lists .works_item a .item_info .tax_item {
    width: 260px;
    position: absolute;
    top: -32px;
    left: 0;
    color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    padding: 0.25em 3.5em 0.25em 1em;
    -webkit-clip-path: polygon(0 0, 80% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 80% 0%, 90% 100%, 0% 100%);
    font-size: 14px;
}
@media (max-width: 1024px) {
    #works .works .works_inner .works_lists .works_item a .item_info .tax_item {
        width: 220px;
        font-size: 12px;
        top: -27px;
    }
}
#works .works .works_inner .works_lists .works_item a .item_info .tax_item.works-tax01 {
    background-color: #ed726b;
}
#works .works .works_inner .works_lists .works_item a .item_info .tax_item.works-tax02 {
    background-color: #7bc5a1;
}
#works .works .works_inner .works_lists .works_item a .item_info .tax_item.works-tax03 {
    background-color: #4db8ea;
}
#works .works .works_inner .works_lists .works_item a .item_info .tax_item.works-tax04 {
    background-color: #564d80;
}
#works .works .works_inner .works_lists .works_item a .item_info .item_body {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (max-width: 700px) {
    #works .works .works_inner .works_lists .works_item a .item_info .item_body {
        width: 100%;
    }
}
#works .works .works_inner .works_lists .works_item a .item_info .item_body .ttl {
    margin-top: 0.5em;
    display: inline-block;
    font-size: clamp(2rem, 2vw, 2.4rem);
    color: #113961;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
}
#works .works .works_inner .works_lists .works_item a .item_info .item_body .btn {
    margin-top: 1.5em;
    width: 35px;
    height: 35px;
}
#works .works .works_inner .works_lists .works_item a:hover .item_body .btn {
    margin-left: 10px;
}
#works .works .works_inner .works_lists .works_item a .item_img {
    width: calc(50% - 10px);
    aspect-ratio: 4/3;
    overflow: hidden;
    margin: -80px 10px 10px 0;
}
@media (max-width: 700px) {
    #works .works .works_inner .works_lists .works_item a .item_img {
        width: 100%;
    }
}
#works .works .works_inner .works_lists .works_item a .item_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#works .works .works_inner .works_pagenation .page-numbers {
    color: rgba(255, 255, 255, 0.6);
}
#works .works .works_inner .works_pagenation .page-numbers.current {
    color: #fff;
}
#works .works .works_inner .works_pagenation .page-numbers.current:after {
    background-color: #fff;
}
#works .works-single .works-single_inner .works-single_content {
    display: flex;
    flex-wrap: wrap;
}
#works .works-single .works-single_inner .works-single_content .content_head {
    width: 30%;
    padding: 3em 2em;
    border-right: solid 2px #f18900;
}
@media (max-width: 1024px) {
    #works .works-single .works-single_inner .works-single_content .content_head {
        width: 100%;
        border-right: none;
        border-bottom: solid 2px #f18900;
        padding: 2em 0;
    }
}
#works .works-single .works-single_inner .works-single_content .content_head .item_info {
    display: flex;
    flex-direction: column;
}
#works .works-single .works-single_inner .works-single_content .content_head .item_info .tax_item {
    width: 260px;
    color: #fff;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    padding: 0.25em 3.5em 0.25em 1em;
    -webkit-clip-path: polygon(0 0, 80% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 80% 0%, 90% 100%, 0% 100%);
    font-size: 16px;
}
#works .works-single .works-single_inner .works-single_content .content_head .item_info .tax_item.works-tax01 {
    background-color: #ed726b;
}
#works .works-single .works-single_inner .works-single_content .content_head .item_info .tax_item.works-tax02 {
    background-color: #7bc5a1;
}
#works .works-single .works-single_inner .works-single_content .content_head .item_info .tax_item.works-tax03 {
    background-color: #4db8ea;
}
#works .works-single .works-single_inner .works-single_content .content_head .item_info .tax_item.works-tax04 {
    background-color: #564d80;
}
#works .works-single .works-single_inner .works-single_content .content_head .item_info .name {
    margin-top: 1em;
}
#works .works-single .works-single_inner .works-single_content .content_head .item_ttl {
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    color: #113961;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
    display: inline-block;
}
#works .works-single .works-single_inner .works-single_content .content_body {
    width: 70%;
    padding-left: 5vw;
}
@media (max-width: 1024px) {
    #works .works-single .works-single_inner .works-single_content .content_body {
        width: 100%;
        padding-left: 0;
        padding-top: 2em;
    }
}
#works .works-single .works-single_inner .works-single_content .content_body .body_mainimg {
    position: relative;
}
#works .works-single .works-single_inner .works-single_content .content_body .body_mainimg:before {
    content: "";
    display: block;
    border: 50px solid transparent;
    position: absolute;
    top: -5px;
    left: -5px;
}
@media (max-width: 700px) {
    #works .works-single .works-single_inner .works-single_content .content_body .body_mainimg:before {
        border-width: 25px;
    }
}
#works .works-single .works-single_inner .works-single_content .content_body .body_gallery {
    margin-top: 1em;
}
#works .works-single .works-single_inner .works-single_content .content_body .body_gallery ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#works .works-single .works-single_inner .works-single_content .content_body .body_gallery ul li {
    width: calc(25% - 10px);
}
@media (max-width: 700px) {
    #works .works-single .works-single_inner .works-single_content .content_body .body_gallery ul li {
        width: calc(50% - 10px);
    }
}
#works .works-single .works-single_inner .works-single_content .content_body .body_gallery ul li a {
    width: 100%;
    aspect-ratio: 3/2;
    padding: 0;
    border: none;
    font-size: 12px;
    text-align: left;
}
#works .works-single .works-single_inner .works-single_content .content_body .body_gallery ul li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#works .works-single .works-single_inner .works-single_content .content_body > .txt {
    margin-top: 2.5em;
}
#works .works-single .works-single_inner .works-single_content .content_body .body_datalist {
    margin-top: 2.5em;
}
#works .works-single .works-single_inner .works-single_content .content_body .body_datalist ul li {
    display: flex;
    flex-wrap: wrap;
}
#works .works-single .works-single_inner .works-single_content .content_body .body_datalist ul li:last-child .ttl {
    border-bottom: solid 2px #f18900;
}
#works .works-single .works-single_inner .works-single_content .content_body .body_datalist ul li:last-child .txt {
    border-bottom: solid 2px #a2a2a2;
}
#works .works-single .works-single_inner .works-single_content .content_body .body_datalist ul li .ttl {
    width: 25%;
    padding: 1.5em 0.25em;
    border-top: solid 2px #f18900;
}
#works .works-single .works-single_inner .works-single_content .content_body .body_datalist ul li .txt {
    width: 75%;
    padding: 1.5em 0.25em;
    border-top: solid 2px #a2a2a2;
}
#works .works-single .works-single_inner .works-single_content .content_body .blog_backbtn {
    margin-top: 5em;
    display: flex;
    justify-content: center;
}

/*==================================================================================================
	お客様へ
==================================================================================================*/
#customer .customer .customer_inner {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px 0 5%;
}
#customer .customer .customer_inner .customer_nav {
    width: 20%;
    padding-right: 40px;
}
@media (min-width: 1025px) {
    #customer .customer .customer_inner .customer_nav {
        position: sticky;
        top: 180px;
        height: 1000px;
    }
}
@media (max-width: 1024px) {
    #customer .customer .customer_inner .customer_nav {
        width: 90%;
        padding-right: 0;
        margin: 0 auto;
    }
}
@media (max-width: 840px) {
    #customer .customer .customer_inner .customer_nav {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    #customer .customer .customer_inner .customer_nav .lists {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }
}
@media (max-width: 1024px) and (max-width: 700px) {
    #customer .customer .customer_inner .customer_nav .lists {
        gap: 20px;
    }
}
#customer .customer .customer_inner .customer_nav .lists li {
    max-width: 270px;
    margin: 3.5em 0;
    opacity: 0.5;
    transition: opacity 0.5s;
}
@media (max-width: 1024px) {
    #customer .customer .customer_inner .customer_nav .lists li {
        opacity: 1;
    }
}
#customer .customer .customer_inner .customer_nav .lists li.act {
    opacity: 1;
}
@media (max-width: 1024px) {
    #customer .customer .customer_inner .customer_nav .lists li {
        width: calc((100% - 60px) / 3);
    }
}
@media (max-width: 540px) {
    #customer .customer .customer_inner .customer_nav .lists li {
        width: calc((100% - 40px) / 3);
    }
}
#customer .customer .customer_inner .customer_nav .lists li a {
    background-color: #f18900;
    padding: 0 min(30px, 5%) clamp(30px, 5vw, 50px);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
#customer .customer .customer_inner .customer_nav .lists li a:before {
    content: "";
    display: block;
    border-style: solid;
    border-width: 0px 0px 10vw 10vw;
    border-color: #f15400;
    border-bottom-color: transparent;
    position: absolute;
    top: -5px;
    left: -5px;
}
#customer .customer .customer_inner .customer_nav .lists li a:after {
    content: url(../img/00_cmn/arrow_blue.svg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    z-index: 3;
    right: -20px;
    bottom: -20px;
}
@media (max-width: 840px) {
    #customer .customer .customer_inner .customer_nav .lists li a:after {
        width: 50px;
        height: 50px;
        right: -10px;
        bottom: -10px;
    }
}
@media (max-width: 540px) {
    #customer .customer .customer_inner .customer_nav .lists li a:after {
        width: 30px;
        height: 30px;
    }
}
#customer .customer .customer_inner .customer_nav .lists li a .list_img {
    text-align: center;
    position: relative;
    z-index: 2;
    margin-top: -25%;
}
#customer .customer .customer_inner .customer_nav .lists li a .list_img img {
    width: inherit;
}
@media (max-width: 1024px) {
    #customer .customer .customer_inner .customer_nav .lists li a .list_img img {
        height: 100%;
    }
}
@media (max-width: 700px) {
    #customer .customer .customer_inner .customer_nav .lists li a .list_img img {
        width: 20vw;
    }
}
#customer .customer .customer_inner .customer_nav .lists li a .list_body {
    position: relative;
    z-index: 2;
    margin-top: 20px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
@media (max-width: 700px) {
    #customer .customer .customer_inner .customer_nav .lists li a .list_body {
        flex-grow: 1;
        display: flex;
        align-items: center;
        margin-top: 5px;
    }
}
#customer .customer .customer_inner .customer_nav .lists li a .list_body .ttl {
    width: 100%;
    display: inline-block;
    font-weight: 900;
    color: #fff;
    padding: 0.8em 0;
    line-height: 1.25;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 4.2em;
}
@media (max-width: 700px) {
    #customer .customer .customer_inner .customer_nav .lists li a .list_body .ttl {
        min-height: 5em;
    }
}
@media (max-width: 540px) {
    #customer .customer .customer_inner .customer_nav .lists li a .list_body .ttl {
        font-size: 1.4rem;
    }
}
#customer .customer .customer_inner .customer_nav .lists li a .list_body .ttl .sp {
    display: none;
}
@media (max-width: 540px) {
    #customer .customer .customer_inner .customer_nav .lists li a .list_body .ttl .sp {
        display: block;
    }
}
#customer .customer .customer_inner .customer_content {
    width: 80%;
}
@media (max-width: 1024px) {
    #customer .customer .customer_inner .customer_content {
        width: 100%;
        margin-top: 3em;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists {
    display: flex;
    flex-direction: column;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list {
    width: 100%;
    background-color: #efefef;
    position: relative;
    margin: 5vw 0;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list#apart, #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list#renovation, #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list#house {
    scroll-margin-top: 250px;
}
@media (max-width: 700px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list#apart, #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list#renovation, #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list#house {
        scroll-margin-top: 180px;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list:before {
    content: "";
    display: block;
    border-style: solid;
    border-width: 0px 0px 22vw 22vw;
    position: absolute;
    top: -10px;
    left: -10px;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 12% 40px 5%;
}
@media (max-width: 700px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head {
        padding: 15% 20px 5%;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head .en {
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    font-size: clamp(4rem, 12vw, 22rem);
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head .en span {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    opacity: 0;
    translate: 0 -0.15em;
    font-size: clamp(4rem, 12vw, 22rem);
    display: inline-block;
    transition: opacity 0.5s, translate 0.5s;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head .en span.-active {
    opacity: 1;
    translate: 0 0;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head .ttl {
    margin-top: 1em;
    font-size: clamp(2.2rem, 3vw, 3.8rem);
    color: #113961;
    position: relative;
    z-index: 5;
    line-height: 1.4;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head .ttl:after {
    content: "";
    display: block;
    width: 100px;
    height: 8px;
    background-color: #fffa55;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head .txt {
    margin-top: 2em;
    font-size: clamp(2rem, 2vw, 2.4rem);
    color: #113961;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head .head_img {
    position: absolute;
    top: 50%;
    right: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 435/490;
    width: clamp(120px, 26vw, 435px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
@media (max-width: 700px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head .head_img {
        top: 35%;
    }
}
@media (max-width: 540px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_head .head_img {
        top: 25%;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body {
    background-image: url(../img/00_cmn/bg_orange.jpg);
    background-repeat: repeat;
    padding: 8% 5%;
    position: relative;
    z-index: 1;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body:after {
    content: "POINT";
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    display: block;
    color: rgba(255, 255, 255, 0.3);
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    font-size: clamp(12rem, 10vw, 20rem);
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: -1;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 90%;
}
@media (max-width: 840px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists {
        gap: 0;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list {
    width: calc(33.3333333333% - 10px);
    height: 420px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 0 0 min(100px, 10vw) 0;
    position: relative;
}
@media (max-width: 540px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list {
        height: auto;
    }
}
@media (max-width: 840px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list {
        width: 100%;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list:nth-child(2) {
    margin-top: 2em;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list:nth-child(3) {
    margin-top: 4em;
}
@media (max-width: 840px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list:nth-child(3) {
        margin-top: 2em;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list .point_list_img {
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list .point_list_img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list .point_list_body {
    padding: 1em 1em 3.5em 1.5em;
    display: flex;
    align-self: center;
    justify-content: center;
}
@media (max-width: 840px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list .point_list_body {
        align-self: flex-start;
        padding: 1em 1em 3.5em 2.5em;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list .point_list_body .ttl {
    font-size: 2.4rem;
    color: #113961;
    position: relative;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-color: rgba(255, 255, 0, 0.8);
    text-decoration-thickness: 0.6em;
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
    line-height: 1.6;
}
@media (max-width: 540px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list .point_list_body .ttl {
        font-size: 2rem;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list .point_list_body .ttl:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #f18900;
    border-radius: 5px;
    margin-right: 0.25em;
    position: absolute;
    top: 0.6em;
    left: -0.7em;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list .num {
    color: #113961;
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    font-size: clamp(5rem, 10vw, 10rem);
    position: absolute;
    right: 0;
    bottom: -20px;
}
@media (max-width: 840px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list .num {
        bottom: -10px;
        font-size: 14vw;
    }
}
@media (max-width: 540px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_body .point_lists .point_list .num {
        font-size: 16vw;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works {
    background-color: #efefef;
    padding: 5%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works:after {
    content: "";
    display: block;
    background-image: url(../img/06_customer/life_works_bg.png);
    width: clamp(200px, 40vw, 467px);
    aspect-ratio: 467/952;
    position: absolute;
    top: 0;
    right: 7vw;
    z-index: -1;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content {
    margin-top: 3em;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list {
    position: relative;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list span {
    position: absolute;
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    right: 10px;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list.-before {
    width: calc(45% - 20px);
    margin-top: 6vw;
    position: relative;
}
@media (max-width: 700px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list.-before {
        width: 100%;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list.-before .en {
    color: #113961;
    font-size: clamp(3.2rem, 4.6vw, 4.6rem);
    top: -0.5em;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list.-before:after {
    content: "";
    display: block;
    width: 18px;
    height: 52px;
    background-image: url(../img/06_customer/arrow.png);
    background-size: contain;
    position: absolute;
}
@media (min-width: 701px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list.-before:after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        right: -28px;
    }
}
@media (max-width: 700px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list.-before:after {
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
        left: 50%;
        bottom: -35px;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list.-after {
    width: calc(55% - 20px);
}
@media (max-width: 700px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list.-after {
        width: 100%;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list.-after .en {
    color: #f15400;
    font-size: clamp(4rem, 7vw, 8.6rem);
    top: -0.5em;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list .works_content_list_img {
    width: 100%;
    aspect-ratio: 3/2;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_content .works_content_lists .works_content_list .works_content_list_img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_readbtn {
    margin-top: 4em;
}
@media (max-width: 700px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list .list_works .list_works_readbtn {
        margin-top: 2em;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list.-apart {
    border-bottom: solid 25px #ed726b;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list.-apart:before {
    border-color: #ed726b;
    border-bottom-color: transparent;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list.-reno {
    border-bottom: solid 25px #7bc5a1;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list.-reno:before {
    border-color: #7bc5a1;
    border-bottom-color: transparent;
}
@media (max-width: 540px) {
    #customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list.-reno .list_head .head_img {
        top: 20%;
    }
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list.-reno .list_body {
    background-image: url(../img/00_cmn/bg_blue.jpg);
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list.-reno .list_body .point_list .num {
    color: #f18900;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list.-reno .list_works:after {
    background-image: url(../img/06_customer/life_works_bg2.png);
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list.-house {
    border-bottom: solid 25px #4db8ea;
}
#customer .customer .customer_inner .customer_content .customer_content_inner .content_lists .content_list.-house:before {
    border-color: #4db8ea;
    border-bottom-color: transparent;
}

/*==================================================================================================
	プライバシーポリシー
==================================================================================================*/
#privacy .sec {
    margin-top: 0;
}
#privacy .sec_list {
    margin-top: 3em;
}
#privacy .sec_item {
    margin: 1.5em 0;
}
#privacy .sec_item .ttl {
    color: #113961;
    font-size: clamp(2rem, 2vw, 2.4rem);
    font-weight: 900;
}
#privacy .sec_item .txt {
    margin-top: 0.5em;
}

/*==================================================================================================
	404,サンクスページ
==================================================================================================*/
#error .sec_ttl,
#thanks .sec_ttl {
    text-align: center;
    color: #113961;
    font-weight: 900;
    font-size: clamp(2.4rem, 3vw, 3.2rem);
}
#error .sec_txt,
#thanks .sec_txt {
    margin-top: 1em;
    text-align: center;
}
#error .sec_btn,
#thanks .sec_btn {
    margin-top: 4em;
    text-align: center;
}
#error .sec_btn span,
#thanks .sec_btn span {
    font-family: "Oswald", sans-serif;
    font-weight: 900;
    line-height: 1;
    font-size: clamp(2rem, 2vw, 2.4rem);
    color: #113961;
    position: relative;
}
#error .sec_btn span:before,
#thanks .sec_btn span:before {
    content: url(../img/00_cmn/arrow_orangedark.svg);
    position: absolute;
    top: 50%;
    left: -70px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    width: 55px;
    height: 55px;
}
@media (max-width: 1024px) {
    #error .sec_btn span:before,
    #thanks .sec_btn span:before {
        width: 40px;
        height: 40px;
        right: -50px;
    }
}
#error .sec_btn span:after,
#thanks .sec_btn span:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #113961;
    position: absolute;
    bottom: -5px;
    left: 0;
}

#error .sec {
    margin-top: 0;
}