/*
Theme Name: Twenty Nineteen Child
Template: twentynineteen
Description: 鈴木白蟻化学 サイト用 Twenty Nineteen 子テーマ
Version: 1.0
Text Domain: twentynineteen-child
*/

/**************************
 * 親テーマから削除していたルールの打ち消し
 * **************************/
/* 親: h1:not(.site-title):before, h2:before の飾り線 */
h1:not(.site-title):before,
h2:before {
    background: none;
    content: normal;
    display: inline;
    height: auto;
    margin: 0;
    width: auto;
}

/* 親: a:visited { color: #0073aa; } を削除していた分 */
nav ul li a:visited {
    color: #000;
}

/**************************
 * new css
 * **************************/
p {
    font-size: 0.8em;
}

header h1 {
    margin: 0;
    float: left;
    height: 70px;
}

header h1 img {
    height: 100%;
}

.header_in_t {
    width: 100%;
    float: left;
    clear: both;
    height: 80px;
    padding: 0.2em 1em;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.8s;
}

.header_top_nuv {
    margin: 0;
    float: right;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_top_nuv {
    padding: 0;
    position: relative;
    z-index: 2;

}

.header_top_nuv li {
    float: left;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    display: table;
    margin-left: 1em;
}

.header_top_nuv li a {
    height: 100%;
    width: 100%;
    display: table;
}

.header_top_nuv_l {
    display: table;
    margin-right: 0.2em;
}

.header_top_nuv_l img {
    height: 1.6em !important;
}

.header_top_nuv_l img {
    display: table-cell;
    vertical-align: middle;
}

.header_top_nuv_r {
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    font-weight: bold;
    color: #000;
    font-size: 0.65em;
    padding-top: 0.2em;
}

.header_top_nuv_r_t {
    float: left;
}

.header_top_nuv_r_u {
    float: left;
    clear: both;
    font-size: 0.7em;
    padding-top: 0.3em;
}

.form-sub {
    text-align: center !important;
}

nav {
    width: 100%;
    float: left;
    clear: both;
    padding: 0.5em 14em;
}

nav ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

nav ul li {
    list-style: none;
    text-align: center;
}

nav ul li a {
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 0.7em;
}

nav ul li a span {
    display: block;
    color: #0062b0;
    font-size: 0.5em;
    margin-top: -0.4em;
}

main {
    overflow: hidden;
    width: 100%;
    padding-top: 2em;
    margin: auto;
}

main section {
    width: 1240px;
    margin: auto;
    overflow: hidden;
    padding: 130px 1em;
}

section h2 {
    display: inline-block;
    text-align: center;
    width: 100%;
    position: relative;
}

section h2 img {
    margin: 0;
    border-bottom: solid 2px #0055c3;
    padding-bottom: 0.2em;
    width: auto;
}

section h2 span {
    display: block;
    font-size: 0.4em;
    clear: both;
    letter-spacing: 0.3em;
}

.index_box01_01 {
    width: 100%;
    float: left;
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.5em;
    border: 1px solid #000;
    padding: 1em;
    position: relative;
    z-index: 999;
}

.index_box01_01 h3 {
    margin: 0;
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    padding: 0 0.3em;
    position: relative;
    z-index: 99;
}

.head_bg01:after {
    z-index: 9;
    content: "";
    position: absolute;
    width: 45%;
    background-image: url(https://www.suzuki-shiroari.com/wp-content/uploads/2019/10/bg_01.png);
    height: 500px;
    background-size: cover;
    background-position: left;
    left: -1%;
    top: 220px;
    height: 315px;
}

.index_box01_01 h3 span {
    display: block;
    text-align: left;
    font-size: 0.8em;
    float: left;
    clear: both;
    text-shadow: -2px -1px 0 #fff, -2px 0 0 #fff, -2px 1px 0 #fff, -1px -2px 0 #fff, -1px -1px 0 #fff, -1px 0 0 #fff, -1px 1px 0 #fff, -1px 2px 0 #fff, 0 -2px 0 #fff, 0 -1px 0 #fff, 0 0 0 #fff, 0 1px 0 #fff, 0 2px 0 #fff, 1px -2px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 1px 2px 0 #fff, 2px -1px 0 #fff, 2px 0 0 #fff, 2px 1px 0 #fff;
    line-height: 1.6;
}

.index_box01_01 h3 img {
    float: left;
    padding-left: 20%;
    margin-bottom: 4%;
}

.index_box01_01 ul {
    margin: 0;
    float: left;
    width: 50%;
}

.alow {
    display: block;
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    margin-top: 2%;
}

.headding2 {
    font-size: 1.2em;
    text-shadow: -2px -1px 0 #0055c3, -2px 0 0 #0055c3, -2px 1px 0 #0055c3, -1px -2px 0 #0055c3, -1px -1px 0 #0055c3, -1px 0 0 #0055c3, -1px 1px 0 #0055c3, -1px 2px 0 #0055c3, 0 -2px 0 #0055c3, 0 -1px 0 #0055c3, 0 0 0 #0055c3, 0 1px 0 #0055c3, 0 2px 0 #0055c3, 1px -2px 0 #0055c3, 1px -1px 0 #0055c3, 1px 0 0 #0055c3, 1px 1px 0 #0055c3, 1px 2px 0 #0055c3, 2px -1px 0 #0055c3, 2px 0 0 #0055c3, 2px 1px 0 #0055c3;
    color: #fff;
    position: relative;
    display: inline;
    z-index: 9;
}

.headding2:after {
    position: absolute;
    content: "";
    height: 15px;
    width: calc(100% + 15%);
    background-color: #fff047;
    margin: auto;
    z-index: -9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.align_cnt {
    text-align: center;
}

.align_cnt2 {
    text-align: center;
    width: 100% !important;
    padding: 0 !important;
}

.bg_2007 {}

.index_box_inner01 {
    overflow: hidden;
    margin-top: 1.5em;
    position: relative;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;

}

.index_box_inner01:before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% - 70px);
    left: 0;
    background-color: #0055c3;
    top: 40px;
}

.index_box_inner01:after {
    content: "";
    position: absolute;
    width: calc(65% - 50px);
    height: 2px;
    left: 40px;
    background-color: #0055c3;
    top: 0;
}

.index_box_inner01_p {
    width: 65%;
    float: left;
    text-align: left;
    padding: 1em;
    position: relative;
    height: 260px;
    display: block;
    margin: 0;
    padding-left: 2.5em;
}

.index_box_inner01_ul {
    width: 65%;
    float: left;
    text-align: left;
    padding: 1em;
    position: relative;
    height: 260px;
    display: block;
    margin: 0;
    padding-left: 2.5em;
}

.index_box_inner01_ul li {
    font-size: 0.8em;
}

.index_box_inner01 p:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 0;
    border-color: #0055c3 transparent transparent transparent;
    top: 0;
    left: 0;
}

.index_box_inner01 p:after {
    bottom: 0;
    content: "";
    position: absolute;
    width: calc(100% - 39px);
    height: 2px;
    left: 25px;
    background-color: #0055c3;
}

.index_box_inner01 ul:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 0;
    border-color: #0055c3 transparent transparent transparent;
    top: 0;
    left: 0;
}

.index_box_inner01 ul:after {
    bottom: 0;
    content: "";
    position: absolute;
    width: calc(100% - 39px);
    height: 2px;
    left: 25px;
    background-color: #0055c3;
}

.index_box_inner01 img {
    width: 35%;
    float: left;
    height: 260px;
}

.index_box_inner02_in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
}

.index_box_inner02_in_c {
    padding: 0 1em;
    text-align: left;
    width: 100%;
}

.index_box_inner02_in_c h3 {
    margin: 0;
    font-size: 1.2em;

}

.index_box_inner02_in_c p {
    font-size: 0.8em;
}

.bg_bodrder {
    background-color: #CAE9FF;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #E7F8FC), color-stop(.5, transparent), to(transparent));
    -webkit-background-size: 30px !important;
    width: 100%;
}

.bg-pink {
    background-color: #ff6bf4;
    width: 100%;
    padding: 80px 0;
}

.supp_bg {
    background-color: hsla(0, 0%, 100%, 0.69);
    padding: 1em 9em;
}

.index_service_list_in {
    overflow: hidden;
    margin-top: 1.7em;
}

.index_service_list {
    background-color: #fff;
    padding: 1em;
    width: 85%;
    margin: auto;
    overflow: hidden;
    margin-bottom: 2em;
}

.index_service_list_in_l {
    width: 50%;
    float: left;
    padding-right: 1em;
}

.index_service_list_in_r {
    float: left;
    width: 50%;
}

.index_service_list_in_r li {
    font-size: 0.8em;
    text-align: left;
}

.index_service_list_in_r h3 {
    font-size: 1.2em;
    padding: 0.2em 0;
    text-shadow: -2px -1px 0 #fff, -2px 0 0 #fff, -2px 1px 0 #fff, -1px -2px 0 #fff, -1px -1px 0 #fff, -1px 0 0 #fff, -1px 1px 0 #fff, -1px 2px 0 #fff, 0 -2px 0 #fff, 0 -1px 0 #fff, 0 0 0 #fff, 0 1px 0 #fff, 0 2px 0 #fff, 1px -2px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 1px 2px 0 #fff, 2px -1px 0 #fff, 2px 0 0 #fff, 2px 1px 0 #fff;
    color: #000;
    position: relative;
    background-color: #ECECEC;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #F9F9F9), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #F9F9F9), color-stop(.75, #F9F9F9), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 14px 14px;
    position: relative;
    margin-top: 0.6em;
    margin-bottom: 0.5em;
}

.index_service_list_in_r h3:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1.4px;
    background-color: #000;
    top: -7px;
    left: 6px;
    -moz-transform: rotate(0.3deg);
    -webkit-transform: rotate(0.3deg);
    -o-transform: rotate(0.3deg);
    -ms-transform: rotate(0.3deg);
}

.index_service_list_in_r h3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    bottom: 3px;
    left: 6px;
    -moz-transform: rotate(0.3deg);
    -webkit-transform: rotate(0.3deg);
    -o-transform: rotate(0.3deg);
    -ms-transform: rotate(0.3deg);
}

.index_service_list_in_r p {
    text-align: left;
}

.n2-style-8c39bd1b5d1c821102353bb13550e669-simple {
    background: none !important;
}

.index_service_list_in2 {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 1em;
    position: relative;
}

.index_service_list_in2 h4 {
    font-size: 1em;
}

.index_service_list_in2_in {
    display: flex;
    justify-content: center;
    padding-top: 3%;
    position: relative;
    align-items: flex-start;
}

.index_service_list_in2_in div {
    padding: 0 1em;
    text-align: left;
    width: 100%;
}

.index_service_list_in2_in span {
    position: relative;
    font-weight: bold;
    font-size: 1.6em;
    color: #0055c3;
    z-index: 15;
    text-align: center;
    width: 100%;
    display: block;
}

.index_service_list_in2_in span:before {
    content: "";
    position: absolute;
    background-color: #fff047;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fff), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #fff), color-stop(.75, #fff), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 14px 14px;
    width: 55px;
    height: 55px;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 55px;
}

.dotted_top {
    position: relative;
}

.dotted_top:before {
    content: "";
    background-image: linear-gradient(to right, #0055c3, #0055c3 3px, transparent 3px, transparent 8px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.index_service_list_in2_in:after {
    z-index: 99999;
    content: "";
    background-image: linear-gradient(to bottom, #0055c3, #0055c3 3px, transparent 3px, transparent 3px);
    background-size: 1px 8px;
    background-repeat: repeat-y;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 100%;
}

.dotted_top_t {
    margin-top: 2em;
}

h3 {
    margin: 1.7em 0;
}

.not_after span:before {
    display: none;
}

.not_after h4 {
    font-size: 0.9em;
}

.bg-pink h2 img {
    margin: 0;
    border-bottom: solid 2px #fff;
    padding-bottom: 0.2em;
    width: auto;
}

.bg-pink p {
    color: #fff;
    line-height: 2.5;
    margin: 2.5em;
}

.bg-shade {
    background-image: linear-gradient(aliceblue 1px, transparent 0), linear-gradient(90deg, rgba(0, 85, 195, 0.14) 1px, transparent 0);
    background-size: 10px 10px;
    width: 100%;
    padding: 3em 0;
}

.bg-shade h2 {
    margin-bottom: 2em;
}

.bg-shade_in {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 960px;
    margin: auto;
}

.bg-shade_in_list {
    display: flex;
    /*align-items: end;*/
    justify-content: flex-end;
    padding: 0.2em;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 310px;
    align-items: flex-start;
}

.bg-shade_in_list span {
    position: absolute;
    top: 0;
    left: 0;
}

.bg-shade_in_list span img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.bg-shade_in_list img {
    width: 85px;
    z-index: 1;
}

.bg-shade_in_list_in h3 {
    text-align: left;
    /*font-size: 1em;*/
    color: #333;
    margin: 1em 0;
    font-size: 0.9em;
}

.bg-shade_in_list_in p {
    text-align: left;
}

.bg-shade_in_list_in {
    padding: 0em 1em;
    z-index: 9;
}

.bg-shade_in_list_in li {
    font-size: 0.7em;
    text-align: left;
    font-weight: 500;
}

.bg-shade_in_l {
    padding: 0 1em;
    width: 100%;
}

.bg-shade_in_r {
    padding: 0 1em;
    width: 100%;
}

.about {
    padding: 2em 7em !important;
    height: 320px !important;
}

.about span {
    float: left;
    clear: both;
}

.about_1 {
    font-weight: bold;
    font-size: 1.4em;
}

.about_2 {
    font-weight: bold;
    font-size: 0.9em;
    color: #0055c3;
    margin-top: -0.5em;
}

.about_3 {
    margin-top: 1em;
}

.about_4 {
    float: left;
    clear: both;
    margin-top: 1em;
    color: #000;
    border: 1px solid #0055c3;
    padding: 0.3em 3em;
    border-radius: 7px;
}

.contactbox {
    display: block;
    background-color: #fff047;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fff), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #fff), color-stop(.75, #fff), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 14px 14px;
    border: none;
    padding: 80px 1em;
    margin-top: 135px;
}

.contactbox p {
    text-align: left;
}

.contact_in {
    border: 10px #fff solid;
    padding: 2em;
}

footer {
    text-align: center;
    font-size: 0.6em;
    margin-top: 3em;
    padding-bottom: 0.7em;
}

.fixed {
    position: fixed;
    background-color: #fff;
    z-index: 9999;
}

.flt_nav {
    display: none;
}

a.anchor {
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}

.fixed .flt_nav {
    display: block;
    padding: 0.5em;
    width: 50%;
}

.rsp {
    display: none;
}

.footernav {
    display: none;
}

.zdo_drawer_menu {
    display: none;
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    transition: background 150ms ease-in-out;
    background: #0163b0;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 0.88889em;
    font-weight: 700;
    line-height: 1.2;
    outline: none;
    padding: 0.76rem 1rem;
    text-decoration: none;
    vertical-align: bottom;
    width: 30%;
}

.buruburu-hover:hover {
    display: inline-block;
    animation: hurueru .1s infinite;
}

.n1-ss-slide .n2-ss-slide .n3-ss-slide .n4-ss-slide .n5-ss-slide {
    height: 500px;
}

@keyframes hurueru {
    0% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }

    25% {
        transform: translate(2px, 2px) rotateZ(1deg)
    }

    50% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }

    75% {
        transform: translate(2px, 0px) rotateZ(-1deg)
    }

    100% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
}

.list_kome {
    font-size: 0.7em;
}

.list_kome li {
    list-style-type: none;
    position: relative;
}

.list_kome li:before {
    content: '※';
    position: absolute;
    left: -1em;
    top: 0;
    bottom: 0;
}

.n2-ss-slide-background-image {
    background-size: contain !important;
}

.n2-ss-slide-backgrounds:nth-child(1).n2-ow.n2-ss-slide-background-image {
    background-size: auto;

}

@media screen and (max-width: 479px) {
    nav {
        display: none;
    }

    main section {
        width: 98%;
        padding: 1em 0.5em;
    }

    .index_box01_01 {
        display: block;
        padding: 0.2em;
        border: none;
    }

    .index_box01_01 h3 {
        width: 100%;
    }

    .index_box01_01 ul {
        width: 100%;
        font-size: 0.8em;
        margin-top: 10%;
    }

    .head_bg01:after {
        display: none;
    }

    .index_box01_01 h3 span {
        font-size: 0.7em;
    }

    .index_box01_01 h3 img {
        float: none;
        padding-left: unset;
        margin-bottom: 4%;
    }

    .index_box_inner02_in {
        display: block;
        justify-content: center;
        align-items: flex-start;
        margin-top: 2em;
    }

    .index_box_inner01 {
        display: block;
    }

    .index_box_inner01 p {
        width: 100%;
        float: left;
        text-align: left;
        padding: 1em;
        position: relative;
        height: 315px;
        display: block;
        height: auto;
    }

    .index_box_inner01 {
        width: 100%;
        float: left;
    }

    .index_box_inner02_in_c h3 {
        margin: 0;
        font-size: 0.9em;
        margin-top: 1em;
    }

    .index_service_list {
        width: 100%;
    }

    .index_service_list_in_l {
        width: 100%;
        float: left;
        padding-right: unset;
    }

    .index_service_list_in_r {
        float: left;
        width: 100%;
    }

    .index_service_list_in2_in {
        display: block;
    }

    .index_service_list_in2_in:after {
        display: none;
    }

    .dotted_top:before {
        display: none;
    }

    .dsk {
        display: none;
    }

    .rsp {
        display: block;
    }

    .bg-shade_in {
        width: 100%;
    }

    .bg-shade_in_list img {
        width: 45px;
        z-index: 9;
        float: left;
    }

    .bg-shade_in_list {
        display: block;
        text-align: left;
    }

    .bg-shade_in_list_in h3 {
        text-align: left;
        font-size: 1em;
        color: #333;
        margin: 0;
        z-index: 99;
        position: relative;
        margin-top: 0.4em;
    }

    .bg-shade_in_list_in p {
        text-align: left;
        position: relative;
        z-index: 999;
        margin-top: 0.2em;
        padding-right: 0.7em;
        font-size: 0.75em;
    }

    .bg-shade_in_list_in {
        padding: 0;
        z-index: 9;
        float: left;
    }

    .bg-shade_in_list {
        height: 245px;
        display: flex;
    }

    .about {
        padding: 1em 1.5em !important;
    }

    .contact_in {
        border: 10px #fff solid;
        padding: 0.5em;
    }

    .form-width {
        max-width: 100%;
    }

    .wpcf7-submit {}

    .footernav {
        display: block;
    }

    footer {
        text-align: center;
        font-size: 0.6em;
        margin-top: 3em;
        padding-bottom: 65px;
    }

    .header_top_nuv {
        padding: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 60px;
        left: 0;
        background-color: #fff;
        z-index: 99999999999;
    }

    .header_top_nuv_r {
        display: table-cell;
        vertical-align: middle;
        line-height: 1;
        font-weight: bold;
        color: #000;
        font-size: 0.6em;
        padding-top: 0.2em;
    }

    .header_top_nuv li {
        float: left;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
        display: table;
        margin-left: 0.4em;
    }

    .index_box_inner01 img {
        width: auto;
        float: left;
    }

    .flt_nav {
        display: none !important;
    }

    .zdo_drawer_menu * {
        margin: 0;
        padding: 0;
        outline: none;
        border: none;
        font: inherit;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-align: left;
        text-decoration: none;
        list-style: none
    }

    .zdo_drawer_menu a {
        color: inherit;
        text-decoration: none
    }

    .zdo_drawer_menu a:visited {
        color: inherit
    }

    .zdo_drawer_menu .zdo_drawer_bg {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        background-color: rgba(51, 51, 51, .5);
        display: none;
        top: 0;
        left: 0
    }

    .zdo_drawer_menu .zdo_drawer_button {
        display: block;
        background: 0 0;
        border: none;
        padding: 0;
        width: 42px;
        letter-spacing: .1em;
        cursor: pointer;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 1001;
        text-align: center;
        outline: none
    }

    .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar {
        width: 49px
    }

    .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar1 {
        transform: rotate(30deg)
    }

    .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar2 {
        opacity: 0
    }

    .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar3 {
        transform: rotate(-30deg)
    }

    .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_menu_text {
        display: none
    }

    .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close {
        display: block
    }

    .zdo_drawer_menu .zdo_drawer_bar {
        display: block;
        height: 2px;
        margin: 10px 0;
        transition: all .2s;
        transform-origin: 0 0
    }

    .zdo_drawer_menu .zdo_drawer_text {
        text-align: center;
        font-size: 10px
    }

    .zdo_drawer_menu .zdo_drawer_close {
        letter-spacing: .08em;
        display: none
    }

    .zdo_drawer_menu .zdo_drawer_menu_text {
        display: block
    }

    .zdo_drawer_menu .zdo_drawer_nav_wrapper {
        width: 312px;
        height: 100%;
        transition: all .2s;
        transform: translate(312px);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000;
        background-color: #fff
    }

    .zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
        transform: translate(0);
        display: block;
    }

    .zdo_drawer_menu.left .zdo_drawer_button {
        right: auto;
        left: 32px
    }

    .zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
        transform: translate(-312px);
        right: auto;
        left: 0
    }

    .zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
        transform: translate(0)
    }

    .zdo_drawer_menu .zdo_drawer_nav {
        padding: 112px 24px
    }

    .zdo_drawer_menu .zdo_drawer_nav li {
        font-size: 16px;
        margin-bottom: 15px
    }

    .zdo_drawer_menu .zdo_drawer_button {
        color: #276490
    }

    .zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar {
        background-color: #276490
    }

    .zdo_drawer_menu .zdo_drawer_button {
        display: block;
        background: 0 0;
        border: none;
        padding: 0;
        width: 42px;
        letter-spacing: .1em;
        cursor: pointer;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 1001;
        text-align: center;
        outline: none;
        z-index: 999999999999999999999;
    }

    .zdo_drawer_menu {
        display: block;
    }

    .zdo_drawer_nav {
        display: block;
    }

    .zdo_drawer_menu .zdo_drawer_nav li {
        font-size: 16px;
        margin-bottom: 15px;
        font-size: 0.7em;
        text-align: right;
        font-weight: bold;
    }

    .zdo_drawer_nav span {
        text-align: right;
        font-size: 0.7em;
    }

    .zdo_drawer_menu .zdo_drawer_nav_wrapper {
        width: 55%;
        height: 100%;
        transition: all .2s;
        transform: translate(312px);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000;
        background-color: #fff;
    }

    .index_box_inner01_ul {
        width: auto;
        float: left;
        text-align: left;
        padding: 1em;
        position: relative;
        height: auto;
        display: block;
        margin: 0;
        padding-left: 2.5em;
        margin-bottom: 5%;
    }

    .supp_bg {
        background-color: hsla(0, 0%, 100%, 0.69);
        padding: 0;
    }
}

/**recruit**/
.header_in_t_rec {
    width: 100%;
    float: left;
    clear: both;
    height: 80px;
    padding: 0 1em;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    transition: 0.8s;
    background-color: #0062ad;
}

.header_in_t_rec h1 {
    width: 10%;
}

.header_in_t_rec nav {
    width: 90%;
    padding: 0;
}

.header_in_t_rec nav ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header_in_t_rec nav ul li {
    margin: 0 20px;
}

.header_in_t_rec nav ul li a {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 0.7em;
}

.header_in_t_rec nav ul li a span {
    display: block;
    color: #fff;
    font-size: 0.5em;
    margin-top: -0.4em;
}

.nav_entry {
    background-color: #fff;
    height: 80px;
    padding: 0 30px;
    display: flex;
    align-items: center;
}

.nav_entry a {
    color: #0062ad !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8em !important;
    letter-spacing: 4px;
}

.nav_entry a img {
    margin-right: 20px;
}

.nav_top {
    display: flex;
    align-items: center;
}

.nav_top a img {
    margin-right: 15px;
}

.nav_top a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8em !important;
    letter-spacing: 4px;
}

.rec_main {
    padding: 0;
}

.rec_mv {
    width: 100%;
    padding: 0;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.rec_mv_l {
    height: 100%;
    padding-left: 4%;
}

.rec_mv_l h2 {
    font-size: 55px;
    letter-spacing: 11px;
    text-align: left;
}

.rec_mv_head_under_blue {
    display: inline-block;
    color: #0062ad;
    font-size: 2em;
}

.rec_mv_head_under {
    margin-top: 3%;
    font-size: 0.7em;
}

.rec_mv_l p {
    font-size: 24px;
    font-weight: bold;
}

.rec_mv_r {
    width: 65%;
}

.rec_mv_r img {
    width: 100%;
    vertical-align: bottom;
}

.wrap_rec {
    width: 1240px;
    margin: auto;
}

.recbox_01 {
    background-color: #F5FAFF;
    padding: 5% 0;
    width: 100%;
}

#rec_section h2 {
    text-align: left;
    color: #0055C0;
    letter-spacing: 8px;
    font-size: 1.9em;
}

#rec_section h2 span {
    position: relative;
    display: block;
    clear: both;
    margin-top: 0.8em;
    color: #333;
    font-weight: 100;
    padding-left: 60px;
    font-size: 0.5em;
}

#rec_section h2 span:before {
    content: '';
    height: 2px;
    width: 50px;
    background-color: #333;
    position: absolute;
    left: 0;
    top: 40%;
}

.recbox_01_wrap {
    width: 1240px;

}

.recbox_01_wrap_in01 {
    width: 100%;
}

.recbox_01_wrap_in02 {
    width: 40%;
    text-align: center;
}

.recbox_01_wrap h3 {
    font-size: 1.2em;
    margin: 1em 0;
}

.recbox_01_wrap p {
    width: 95%;
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: 600;
    line-height: 2.2;
}

.pre_messe {
    font-weight: 100 !important;
}

.rec_msse_in {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.recbox_tsuyomi {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
}

.recbox_tsuyomi img {
    width: 10%;
}

.recbox_tsuyomi p {
    width: auto;
    font-size: 1.5em;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    z-index: 0;
}

.recbox_tsuyomi p:before {
    content: '';
    height: 25%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 55%;
    background-color: #EEFF12;
    z-index: -1;
}

.recbox_02 {
    background-size: 30px 30px;
    margin: 0 auto;
    background-color: #fff;
    background-image: radial-gradient(#F5FAFF 15%, transparent 20%), radial-gradient(#F5FAFF 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
    width: 100%;
}

.yarigaibox {
    display: flex;
    justify-content: space-between;
    width: 1240px;
    flex-wrap: wrap;
    margin: auto;
    margin-top: 5em;
}

.yarigaibox div {
    width: 490px;
    padding: 5% 21px;
    background-color: #fff;
}

.yarigaibox__01 {
    margin-left: 10%;
}

.yarigaibox__02 {
    margin-right: 10%;
}

.yarigaibox_01 {
    box-shadow: 5px 5px 1px #a5a5a5;
}

.yarigaibox_01 p {
    font-weight: 700;
    line-height: 2;
}

.yarigaibox_02 p {
    font-weight: 700;
    line-height: 2;
}

.yarigaibox_02 {
    box-shadow: -5px 5px 1px #a5a5a5;
}

.yarigaibox h3 {
    font-size: 1.4em;
    margin-bottom: 0.8em;
    position: relative;
    z-index: 9;
    display: inline-block;
}

.yarigaibox h3:before {
    content: '';
    height: 45%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 55%;
    background-color: #EEFF12;
    z-index: -1;
}

.yarigaibox img {
    width: 750px;
}

.recbox_03_head {
    display: inline-block;
    margin-bottom: 0.4em;
    font-size: 0.8em;
    position: relative
}

.recbox_03_head:before {
    content: '';
    height: 45%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 55%;
    background-color: #EEFF12;
    z-index: -1;
}

.recbox_03_head02 {
    margin-left: 2em;
}

.recbox_03 p {
    width: 65%;
    background-color: #fff;
    box-shadow: -5px 5px #b7b7b7;
    padding: 15px;
    font-weight: 700;
    line-height: 1.9;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
}

.recbox_03_in {
    position: relative;
    height: 840px;

}

.recbox_03_in img {
    position: absolute;
    top: 0;
    right: 0;
}

.recbox_03_table {
    margin-top: 5%;
}

#tablepress-1 {
    color: #0055c0;
}

#tablepress-1 .column-1 {
    color: #0055C0;
    font-weight: 700;
}

#tablepress-1 .column-2 {
    color: #004591;
}

#tablepress-1 td {
    border-top: 0;
    border-bottom: #0055c0 1px solid;
}

#wpcf7-f135-o1 label {
    color: #0055C0;
    font-weight: bold;
}

.recfooter {
    text-align: center;
    font-size: 0.6em;
    margin-top: 3em;
    padding-bottom: 0;
    background-color: #0055c0;
    color: #fff;
}