@charset "utf-8";

@font-face {
    font-family: 'corporate_logo_rounded';
    src: url('/wp-content/themes/logz/fonts/Corporate-Logo-Rounded.ttf') format('truetype');
    font-display: swap;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

@font-face {
    font-family: 'genshin_gothic_medium';
    src: url(/wp-content/themes/logz/fonts/GenShinGothic-Medium.ttf) format('truetype');
    font-display: swap;
}

html,
button,
input,
select,
textarea {
    /* font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif; */
    font-family: 'genshin_gothic_medium', sans-serif;
}

body {
    color: #101010;
    font-size: 14px;
    line-height: 1.4;
    margin: 0px;
    min-width: 1340px;
}

body {
    background-image: linear-gradient(0deg, rgba(190, 200, 206, 0.3) 1px, rgba(0, 0, 0, 0) 0),
        linear-gradient(90deg, rgba(190, 200, 206, 0.3) 1px, rgba(0, 0, 0, 0) 0);
    background-size: 20px 20px;
    background-position: center;
}

p {
    margin: 0px;
}

a:link {
    /* color: #004CCA; */
}

a:visited {
    color: #6219DB;
}

a:hover {
    color: #048ADE;
    text-decoration: none;
}

a:active {
    color: #048ADE;
    text-decoration: none;
}

img {
    max-width: 100%;
}

ul {
    padding: 0px;
    list-style: none;
    margin: 0;
}

h1,
h2,
h3,
h4 {
    margin: 0;
}


.pr_img {
    overflow: hidden;
    position: relative;
}

img.pa_img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
}

.oh {
    overflow: hidden;
}

.L {
    float: left;
}

.R {
    float: right;
}

.sp {
    display: none;
}

.pr {
    position: relative;
}

#menu {
    display: none;
}

.flex {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.flex-sb {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
}

a {
    text-decoration: none;
}

.wrap {
    width: 1140px;
    margin: 0 auto;
}

.wrap_01 {
    width: 1340px;
    margin: 0 auto;
}

.font_01 {
    font-family: m-plus-2p, sans-serif;
}

.font_02 {
    /* font-family: noto-sans-cjk-jp, sans-serif; */
    font-weight: 900;
    font-style: normal;
}

.font_03 {
    font-family: "Arial", sans-serif;
}

.font_04 {
    font-family: m-plus-2p, sans-serif;
    font-weight: 900;
    font-style: normal;
}

.common_under_line {
    background: linear-gradient(transparent 70%, #eddf00 70%);
}

@font-face {
    font-family: "corporate";
    src: url(../fonts/Corporate-Logo-Bold-ver2.ttf);
    font-weight: 700;
}

/*======================
Header
=========================*/
.top_header {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1340px;
    z-index: 10000;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 3px 6px rgb(0 0 0/16%);
}

.top_hd_logo {
    width: 220px;
    padding: 5px 0 0;
}

.top_hd_logo a {
    display: block;
}

.top_hd_logo .hd_text {
    font-size: 10px;
    color: #a0a0a0;
    margin-top: .15em;
    letter-spacing: .02em;
}

.top_hd_conts ul li a {
    transition: 0.3s;
    color: #101010;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.top_hd_conts ul li a:hover {
    color: #87C02D;
}

.top_hd_conts nav {
    /* margin-left: 88px; */
    margin-left: auto;
}

.top_hd_conts ul li+li {
    margin-left: 30px;
}

.top_hd_conts {
    align-items: center;
}

a.hdBtn span {
    font-weight: 500;
    display: block;
    font-size: 11px;
    letter-spacing: 0.6px;
}

a.hdBtn {
    transition: 0.3s;
    display: block;
    color: #fff;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    width: 280px;
    padding: 6px 0 3px 60px;
    border-radius: 0px;
    background: linear-gradient(0deg, #e53c2f 35%, #f07269);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.btn_gradient {
    width: 320px;
    height: 60px;
    padding: 2px;
    /* background: linear-gradient(to right, #FA9B1A, #EB6C00); */
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 33px;
}


a.hdBtn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    background-image: url(/wp-content/uploads/2023/04/hd_arrow_red.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 18px;
    height: 18px;
    margin: auto;
    transition: 0.3s;
}

section.top_mv {
    margin-top: 80px;
    position: relative;
    padding: 28vh 0;
    background-image: url(/wp-content/uploads/2021/11/mainVisual8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -200px;
}

section.top_mv .wrap {
    position: relative;
    height: 100%;
}

section.top_mv .wrap::before {
    content: "";
    position: absolute;
    top: 26px;
    right: -100px;
    width: 446px;
    height: 488px;
    background-image: url(/wp-content/uploads/2021/08/top_mv_plt.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* z-index: -1; */
}



.top_mv_textBox {
    /* width: 570px; */
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 10;
    color: #fff;
    margin: -66px auto 0;
    text-align: center;
}

section.top_mv::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.1);
}

.top_mv_textBox p.ttl_small {
    font-size: 24px;
    font-weight: 700;
}

.top_mv_textBox h1 {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin-top: 20px;
    /* border-bottom: 3px dotted #fff;
    padding-bottom: 12px; */
    text-shadow: 1px 1px 2px #7d7d7d;
    line-height: 1.4;
}

/* section.top_mv::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/uploads/2021/08/mainVisual.jpg);
  background-repeat: no-repeat;
  background-position: center left -9vw;
  background-size: 109%;
  z-index: -1;
}
*/


section.top_mv .btn_gradient {
    width: 370px;
    height: 60px;
    margin: 50px auto 0;
}

.top_mv_textBox .img_ttl_01 {
    border-bottom: dotted 3px #fff;
    padding-bottom: 13px;
    margin-top: 19px;
}

.top_mv_textBox .img_ttl_02 {
    margin-top: 16px;
}

.top_mv_textBox .img_ttl {
    margin-top: 21px;
}

.top_bottom {
    background: #87C02D;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 10;
}

.mv_bottom_box p.text {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1.8px;
    margin-left: 20px;
}

.mv_bottom_box p.text span {
    font-size: 40px;
    font-weight: 600;
}

.regular_j {
    background: #87bf2d;
    border-radius: 6px;
    width: 190px;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -30px;
    text-align: center;
    padding: 17px 0 0;
}


.find_j {
    margin-left: 10px;
    background: #87bf2d;
    border-radius: 6px;
    width: 190px;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -30px;
    text-align: center;
    padding: 17px 0 0;
    left: 170px;
}

.find_j .left,
.regular_j .left {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.find_j .right,
.regular_j .right {
    font-size: 100px;
    font-weight: bold;
    font-style: italic;
    color: #ffef00;
    margin-left: 10px;
    line-height: 1;
}

.find_j .right span,
.regular_j .right span {
    font-size: 24px;
}

.mv_bottom_box {
    align-items: center;
}


.mv_bottom_box p.text_lt {
    color: #fff;
    font-size: 18px;
    margin-left: 22px;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.mv_bottom_box p.text_lt span {
    display: block;
}

.top_banner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 0;
    background-color: #87C02D;
    z-index: 1;
}

.top_banner .num_box {
    width: 28%;
}

.top_banner .num_box .per_box {
    width: 180px;
    height: 180px;
    margin-top: -85px;
    border-radius: 50%;
    background-color: #F7931E;
    text-align: center;
    padding-top: 33px;
}

.top_banner .num_box .per_box .text {
    font-size: 18px;
    letter-spacing: 0.05em;
    margin-bottom: 5px;
    font-weight: bold;
}

.top_banner .num_box .per_box .num {
    font-size: 82px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
}

.top_banner .num_box .per_box .num span {
    font-size: 30px;
}

.top_banner .textBox {
    width: 70%;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.top_banner .textBox .ttl {
    font-size: 30px;
    letter-spacing: 0.1em;
}

.top_banner .textBox .sub {
    font-size: 18px;
    letter-spacing: 0.05em;
}

/* トップ下コンタクト */

.top_contact_sec {
    padding: 40px 0;
    background-color: #f2f2f2;
}

.top_contact_sec .wrap {
    padding: 0 4%;
}


/*========================
Suffer
==========================*/

.komaru_area .wrap {
    align-items: center;
    margin: auto;
    padding: 30px 0;
    justify-content: center;
}

/*========================
Support office
==========================*/
.support_fl_box ul li .img {
    width: 174px;
    margin: auto;
}

.support_fl_box ul li {
    width: 500px;
    text-align: center;
    padding: 34px 10px 30px;
    background: #fff;
    position: relative;
    box-shadow: 0 3px 6px rgb(0 0 0/16%);
}

.support_fl_box ul li+li {
    margin-left: 10px;
}

.support_fl_box ul li h3 {
    font-size: 20px;
    letter-spacing: 1.5px;
    font-weight: 600;
    color: #87C02D;

}

.support_fl_box ul li p.text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.5;
    margin-top: 2px;
}

section.support_office h2 {
    text-align: center;
    font-size: 22px;
    letter-spacing: 1.5px;
    font-weight: 500;
}

section.support_office h2 span {
    font-size: 40px;
    color: #F7931E;
    font-weight: 600;
    letter-spacing: 3px;
}

.support_fl_box ul li::before {
    background: #87C02D;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 180px;
    height: 4px;
}

.support_fl_box ul {
    justify-content: center;
}

section.support_office {
    margin-top: 0;
    position: relative;
    padding: 70px 0 100px;
}

section.support_office::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2021/08/support_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-attachment: fixed;
}


.support_fl_box {
    margin-top: 35px;
}

section.support_office::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(135, 192, 45, 0.04);
}

section.support_office>* {
    position: relative;
    z-index: 10;
}


/*========================
Reason
===========================*/
/* section.reason .img {
    width: 247px;
    margin: auto;
} */

/* section.reason p.text {
    width: 66%;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.1px;
    margin-top: 53px;
    line-height: 1.8;
    padding-right: 10px;
} */

section.reason .conts {
    justify-content: center;
    padding: 30px 0;
    box-shadow: 0 3px 6px rgb(0 0 0/16%);
    align-items: center;
    background-color: #ffffff;
}

section.reason p.ttl {
    text-align: center;
    position: relative;
    font-size: 28px;
    background: transparent;
    color: #14a27f;
    font-weight: bold;
    font-family: m-plus-1p, sans-serif;
    letter-spacing: 0.06em;
    display: inline;
    /* background: #87C02D; */
    /* padding: 0 10px; */
    /* color: #87C02D; */
    text-shadow: 2px 3px #f7f7f7;
}

section.reason h2 {
    text-align: center;
    font-size: 40px;
    padding: 7px 0;
    letter-spacing: 2px;
    border-radius: 50px;
    margin-bottom: 30px;
    /* background-color: #ffffff; */
    /* box-shadow: 0 3px 6px rgba(0,0,0,0.16); */
}

.reason_list {
    margin: 40px 0 60px;
    padding-bottom: 40px;
}

.reason_list .box {
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    border: solid 3px #87C02D;
    padding-top: 40px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.reason_list .box .en {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.reason_list .box .num {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 40px;
    color: #87c02e;
    margin-bottom: 17px;
    line-height: 1;
}

.reason_list .box .point {
    letter-spacing: 0.04em;
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    color: #141414;
    background: linear-gradient(transparent 70%, #eddf00 70%);
    margin-bottom: 25px;
}

.reason_list .box .img {
    max-height: 100px;
    margin: 0 auto;
}

.reason_list .box .img img {
    max-height: 100px;
}

section.reason p.ttl span {
    font-size: 34px;
}

section.reason p.ttl span.common_under_line {
    /* background: linear-gradient(transparent 70%, #e6e0df 70%); */
    padding: 0 0 5px;
}

section.reason .line {
    position: relative;
    /* line-height: 60px; */
    background: #fff;
    border: solid 3px #87bf2d;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0;
    /* border: 5px dashed #ffffff; */
    /* background-color: #fff; */
}

section.reason .line::before {
    content: "";
    position: absolute;
    top: 31px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    width: 1140px;
    height: 2px;
    display: none;
}

.reason_mid,
.reason_btm {
    margin-top: 30px;
}

section.reason {
    padding: 55px 0 108px;
    position: relative;
    margin-top: 3px;
}


.reason_top {
    margin-top: 24px;
}

/*==========================
Present
=============================*/
section.present {
    padding: 100px 0;
    position: relative;
    margin-top: 2px;
}


section.present h2 {
    text-align: center;
    font-size: 40px;
    letter-spacing: 4px;
    position: relative;
    background-color: #87BF2F;
    color: #ffffff;
    padding: 7px 0;
    box-shadow: 0px 0px 0px 5px #87BF2F;
    border: dashed 2px white;
}

section.present h2:after {
    position: absolute;
    content: '';
    left: -7px;
    top: -7px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: #fff #fff #87BF2F;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

section.present .sub_ttl {
    letter-spacing: 0.03em;
    text-align: center;
    font-size: 35px;
    margin: auto;
    font-weight: 600;
    margin-top: 40px;
    border-radius: 5px;
    background-color: #fefffc;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    width: 670px;
    padding: 5px 0;
}

section.present .sub_ttl span {
    color: #F7931E;
    font-size: 54px;
    margin: 0 8px;
    letter-spacing: 1px;
    font-family: Arial, Helvetica, sans-serif;
}

section.present .sub_ttl span span {
    font-size: 30px;
    margin: 0;
}


.graph_box ul li {
    width: 550px;
    height: 450px;
    box-shadow: 0 3px 6px rgb(0 0 0/16%);
    position: relative;
    background-color: #fefffc;
}



.graph_box ul li:first-child::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 30px;
    background-image: url(/wp-content/uploads/2021/10/present_01_re.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 478px;
    height: 388px;
}

.graph_box ul li:last-child::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 61px;
    background-image: url(/wp-content/uploads/2021/10/present_02_re.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 459px;
    height: 388px;
}

.graph_box {
    margin-top: 20px;
}


/*=============================
Consul
=================================*/
section.consulting {
    text-align: center;
    background: #87BF2F;
    position: relative;
    padding: 60px 0 65px;
    margin-top: 0;
}

section.consulting .img {
    margin: auto;
    width: 202px;
    position: absolute;
    top: -64px;
    left: 0;
    right: 0;
    background: #87BF2F;
    border-radius: 50%;
    padding: 27px;
}

section.consulting p.rounded {
    color: #FFFF03;
    font-size: 22px;
    margin-top: 0;
    letter-spacing: 2px;
    position: relative;
    z-index: 10;
    font-weight: 600;
}

section.consulting .text_box {
    color: #fff;
}

section.consulting p.ask {
    font-size: 25px;
    font-weight: 600;
    margin-top: 1px;
    letter-spacing: 2px;
}

section.consulting p.sub_ttl {
    font-size: 24px;
    font-weight: 600;
    margin-top: -3px;
    letter-spacing: 2px;
}

section.consulting p.sub_ttl span {
    font-size: 38px;
}

section.consulting p.sub_ttl span.common_under_line {
    /* background: linear-gradient(transparent 70%, #11a37f 70%); */
}

a.register {
    line-height: 76px;
    color: #fff !important;
    font-size: 22px;
    font-weight: 700;
    display: block;
    transition: 0.3s;
    /* border: solid 2px #fff; */
    width: 476px;
    /* margin: 30px auto 0; */
    border-radius: 8px;
    position: relative;
    letter-spacing: 1.5px;
    padding-left: 24px;
    /* border-top: 4px solid #48ecc4; */
    /* border-right: 4px solid #0a5f4a; */
    /* border-bottom: 4px solid #7E5651; */
    /* box-shadow: 0 4px #7E5651; */
    /* border-left: 4px solid #8cf9de; */
    border-radius: 0;
    /* background: #D65A4D; */
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #e53c2f 35%, #f07269);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

a.register:hover {
    transform: translate(0px, 4px);
    box-shadow: none;
}

section.consulting p.small_ttl {
    font-size: 34px;
    font-weight: 600;
    margin-top: 28px;
    letter-spacing: 2px;
}

section.consulting .img img {
    width: 120px;
}

a.register::before {
    content: "";
    /* position: absolute; */
    top: 0;
    bottom: 0;
    left: 30px;
    background-image: url(/wp-content/uploads/2021/12/human_icon_ver02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 46px;
    height: 46px;
    /* margin: auto; */
    display: block;
    margin-right: 16px;
}

a.register span {
    position: relative;
    /* right: 30px; */
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
    width: 26px;
    height: 26px;
    display: block;
    margin-left: 10px;
}

a.siryou span {
    position: relative;
    /* right: 30px; */
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
    width: 26px;
    height: 26px;
    margin-left: 12px;
}

a.register span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
}

a.register span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: solid 2px #D65A4D;
    border-right: solid 2px #D65A4D;
    width: 6px;
    height: 6px;
    bottom: 0;
    margin: auto;
    right: 3px;
    transform: rotate(45deg);
}

a.siryou span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
}

a.siryou span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: solid 2px #fd9d2e;
    border-right: solid 2px #fd9d2e;
    width: 6px;
    height: 6px;
    bottom: 0;
    margin: auto;
    right: 3px;
    transform: rotate(45deg);
}

a.request span::after {
    border-color: #e74f45;
}

a.siryou {
    line-height: 76px;
    color: #fff !important;
    font-size: 22px;
    font-weight: 700;
    display: block;
    transition: 0.3s;
    /* border: solid 2px #fff; */
    width: 476px;
    /* margin: 30px auto 0; */
    border-radius: 8px;
    position: relative;
    letter-spacing: 1.5px;
    padding-left: 21px;
    /* border-top: 4px solid #ffb45d; */
    /* border-right: 4px solid #e88b1e; */
    /* border-bottom: 4px solid #9e5f15; */
    /* box-shadow: 0 4px #9e5f15; */
    /* border-left: 4px solid #ffce95; */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    /* background: #fd9e2f; */
    border-radius: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: linear-gradient(0deg, #f2912f 35%, #f7b36a);
}

a.siryou.request {
    background: linear-gradient(0deg, #e53c2f 35%, #f07269);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

a.siryou::before {
    content: "";
    /* position: absolute; */
    top: 0;
    bottom: 0;
    /* left: 30px; */
    background-image: url(/wp-content/uploads/2021/12/siryou_icon_ver02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 46px;
    height: 46px;
    /* margin: auto; */
    display: block;
    margin-right: 13px;
}

a.siryou.ren::before {
    background-image: url(/wp-content/uploads/2024/11/n_top_fv_btn_icon.svg);
}

/*==========================
Program
==============================*/
.program_box .img {
    width: 9%;
}


.program_box ul li {
    position: relative;
    padding: 30px 50px 30px 60px;
    align-items: center;
    box-shadow: 0 3px 6px rgb(0 0 0/16%);
    justify-content: space-between;
    background: #fff;
}

.program_box .text_box {
    /* margin-left: 35px; */
    width: 87%;
}

section.program .ttl_box,
.step_flow_cont .ttl_box,
.day_flow_cont .ttl_box {
    text-align: center;
}

/*section.program .ttl_box h2 {
    font-size: 40px;
    letter-spacing: 3px;
}*/

section.program .ttl_box h2,
.step_flow_cont .ttl_box h2,
.day_flow_cont .ttl_box h2 {
    text-align: center;
    font-size: 40px;
    letter-spacing: 4px;
    position: relative;
    background-color: #87BF2F;
    color: #ffffff;
    padding: 7px 0;
    box-shadow: 0px 0px 0px 5px #87BF2F;
    border: dashed 2px white;
}

section.program .ttl_box h2:after,
.step_flow_cont .ttl_box h2::after,
.day_flow_cont .ttl_box h2::after {
    position: absolute;
    content: '';
    left: -7px;
    top: -7px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: #fff #fff #87BF2F;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

section.program .ttl_box p.sub_ttl {
    font-size: 16px;
    font-weight: 400;
    margin-top: 18px;
    letter-spacing: 2px;
}

.program_box ul li h3 {
    font-size: 26px;
    letter-spacing: 2px;
}

.program_box ul li:first-child h3 {
    color: #A0E238;
    /* font-size: 18px; */
}

.program_box ul li:nth-child(2) h3 {
    color: #84D505;
}

.program_box ul li:nth-child(3) h3 {
    color: #87C02D;
}

.program_box ul li:nth-child(4) h3 {
    color: #41B163;
}

.program_box ul li:nth-child(5) h3 {
    color: #2A934A;
}

.program_box ul li:nth-child(6) h3 {
    color: #1e6e38;
}

.program_box .text_box p.text {
    font-size: 15px;
    font-weight: 600;
    line-height: 2;
    letter-spacing: 0.8px;
    margin-top: 5px;
}

.program_box ul li+li {
    margin-top: 20px;
}

.program_box ul li::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #a0e239;
    width: 20px;
    margin: auto;
}

.program_box ul li:nth-child(2)::before {
    background: #84D505;
}

.program_box ul li:nth-child(3)::before {
    background: #87C02D;
}

.program_box ul li:nth-child(4)::before {
    background: #41B163;
}

.program_box ul li:nth-child(5)::before {
    background: #2A934A;
}

.program_box ul li:nth-child(6)::before {
    background: #1e6e38;
}

.program_box {
    margin-top: 30px;
}

.staff_box .img {
    width: 170px;
    position: absolute;
    left: 0;
    top: -80px;
    right: 0;
    margin: auto;
    height: 170px;
    border-radius: 50%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.staff_pic_1 {
    background-image: url(/wp-content/uploads/2021/11/staff_img1.jpg);
}

.staff_pic_2 {
    background-image: url(/wp-content/uploads/2021/11/staff_img2.jpg);
}

.staff_pic_3 {
    background-image: url(/wp-content/uploads/2021/11/staff_img3.jpg);
}

.staff_pic_4 {
    background-image: url(/wp-content/uploads/2021/11/staff_img4.jpg);
}

.staff_box ul li {
    width: 270px;
    text-align: center;
    position: relative;
    padding: 91px 10px 27px;
    box-shadow: 0 3px 6px rgb(0 0 0/16%);
    background-color: #fff;
}

.staff_box ul li::before {
    content: "";
    background: #87C02D;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 180px;
    height: 4px;
}

.staff_box .img img {
    vertical-align: bottom;
    height: 170px;
    width: 170px;
    border-radius: 50%;
}

.staff_box p.position {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-top: 14px;
}

.staff_box p.name {
    font-size: 20px;
    color: #87C02D;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
    margin-top: 2px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 9px;
}

section.staff h2 {
    text-align: center;
    color: #84D505;
    font-size: 40px;
    letter-spacing: 4px;
    position: relative;
    /* padding-left: 89px; */
}

section.staff {
    margin-top: 100px;
    position: relative;
    padding: 85px 0 45px;
    margin-bottom: 85px;
}

section.staff::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2021/08/staff_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 1340px;
    height: 100%;
    margin: auto;
    right: 0;
    z-index: -1;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #fff;
}

section.staff h2::before {
    content: "";
    position: absolute;
    top: -52px;
    bottom: 0;
    left: -431px;
    background-image: url(/wp-content/uploads/2021/08/plant_img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 96px;
    height: 86px;
    margin: auto;
    right: 0;
    display: none;
}

.staff_box {
    margin-top: 132px;
}

.staff_box p.text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    margin-top: 8px;
    letter-spacing: 0.04em;
    text-align: justify;
}

/*==========================
User
=============================*/
section.user .img {
    border-radius: 4px;
    overflow: hidden;
}

section.user .img img {
    vertical-align: bottom;
}

section.user ul li {
    /* width: 270px; */
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 30px 0;
}

section.user {
    margin-top: 106px;
}

section.user ul {
    margin-top: 40px;
}

section.user h2 {
    text-align: center;
    font-size: 34px;
    letter-spacing: 2px;
    position: relative;
    padding-bottom: 18px;
}

section.user p.text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    margin-top: 10px;
    text-align: justify;
}

/* TV */

.tv_sec {
    padding: 100px 0 100px;
    overflow: hidden;
}

.tv_sec .wrap {
    align-items: center;
}

.tv_sec h2 {
    font-size: 28px;
    position: relative;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 55px;
}

.tv_sec h2 span {
    color: #87C02D;
}

.tv_sec h2:before {
    position: absolute;
    content: "＼";
    bottom: -5px;
    left: 16%;
    font-size: 30px;
}

.tv_sec h2::after {
    position: absolute;
    content: "／";
    bottom: -5px;
    right: 16%;
    font-size: 30px;
}

.tv_slider_wrap {
    width: 70%;
    margin: 0 auto;
}

.tv_slider_wrap .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
    margin: 0 auto;
}

.tv_slider_wrap li {
    /* height: 452px; */
    height: 360px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.tv_slider_wrap .tv01 {
    background-image: url(/wp-content/uploads/2021/12/tv01-min.png);
}

.tv_slider_wrap .tv02 {
    background-image: url(/wp-content/uploads/2021/12/tv02-min.png);
}

.tv_slider_wrap .tv03 {
    background-image: url(/wp-content/uploads/2021/12/tv03-min.png);
}

.tv_slider_wrap .tv04 {
    background-image: url(/wp-content/uploads/2021/12/tv04-min.png);
}

.tv_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a {
    background: #B4D186;
}

.tv_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.tv_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a.active,
.tv_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #87C02D;
}

.tv_slider_wrap .bx-wrapper .bx-prev {
    left: -70px;
    transform: scale(-1, 1);
}

.tv_slider_wrap .bx-wrapper .bx-next {
    right: -70px;
}

.tv_slider_wrap .bx-wrapper .bx-next:before,
.tv_slider_wrap .bx-wrapper .bx-prev:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 17.3px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    left: 20px;
    top: 15px;
}

.tv_slider_wrap .bx-wrapper .bx-controls-direction a {
    width: 52px;
    height: 52px;
    background: #87C02D;
    border-radius: 50px;
}

.tv_slider_wrap .bx-wrapper .bx-pager,
.tv_slider_wrap .bx-wrapper .bx-controls-auto {
    bottom: -45px;
}


/*==========================
Corp
===========================*/


.logo_box .img:first-child {
    width: 225px;
}

.logo_box .img:nth-child(2) {
    width: 229px;
}

.logo_box .img:nth-child(3) {
    width: 179px;
}

.logo_box .img:last-child {
    width: 337px;
}

section.corp_logo .logo_box {
    align-items: center;
    padding: 60px 0;
}



section.corp_logo {
    background: #F8F8F8;
    margin-top: 85px;
}

/*==========================
Flow
============================*/
section.flow .img {
    width: 370px;
    border-radius: 4px;
    overflow: hidden;
}

section.flow .text_box {
    text-align: center;
    padding: 20px 0 30px;
}

section.flow .text_box p.step {
    font-style: italic;
    font-size: 18px;
    font-weight: 600;
    color: #87C02D;
    letter-spacing: 1.5px;
    position: relative;
}

section.flow .text_box p.ttl {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1.8px;
    line-height: 1;
}

section.flow .flow2_box .text_box {
    text-align: left;
}


section.flow .text_box p.text {
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
    letter-spacing: 1px;
}

.flow_box ul li {
    /* box-shadow: 0 3px 6px rgb(0 0 0 /16%); */
    /* border-radius: 4px; */
    width: 30%;
}

section.flow .img img {
    vertical-align: bottom;
}

section.flow h2 {
    text-align: center;
    font-size: 34px;
    letter-spacing: 5px;
    margin-top: 110px;
    position: relative;
}

section.flow h2 span.gr {
    color: #87C02D;
}

section.flow h2 span {
    color: #F7931E;
}

section.flow {
    margin-top: 100px;
}

section.flow .flow_box {
    margin-top: 30px;
}

/*=========================
flow2
============================*/
.flow2_box ul li .img {
    width: 227px;
    margin: auto;
}

.flow2_box ul li {
    width: 370px;
    box-shadow: 0 3px 6px rgb(0 0 0/16%);
    height: 430px;
    padding: 30px 0 0 30px;
}



.flow2_box ul li p.ttl {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-top: 3px;
}

.flow2_box ul li p.appeal,
.flow2_box ul li p.top,
.flow2_box ul li p.btm {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.flow2_box ul li p.appeal {
    margin-top: 5px;
}

.flow2_box {
    /* margin-top: 30px; */
}

section.flow h2::before {
    content: "";
    position: absolute;
    top: -55px;
    left: 0;
    width: 1140px;
    height: 1px;
    background: #E6E6E6;
}

.flow2_box ul li p.step::before {
    content: "";
    position: absolute;
    top: 0;
    left: 79px;
    width: 241px;
    height: 2px;
    background: #8ABE3E;
    bottom: 0;
    margin: auto;
    /* padding-left: 100px; */
}


/*======================
Faq
=======================*/

section.faq h2 {
    font-size: 34px;
    color: #87C02D;
    letter-spacing: 2px;
    text-align: center;
}


dl.topFaq_dl dt.queFirst {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    letter-spacing: 2px;
    padding: 14px 0 14px 90px;
    background: #FCFFF8;
    border-radius: 3px;
    font-family: m-plus-1p, sans-serif;
    position: relative;
}

dl.topFaq_dl dt.queFirst:after {
    content: "+";
    font-size: 30px;
    color: #87C02D;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 1;
    height: 33px;
    transition: 0.5s;
}

dl.topFaq_dl dt.queFirst.nowOpen:after {
    /* content: "-"; */
    /* font-size: 40px; */
    /* font-weight: 400; */
    /* top: calc( 50% - 20px ); */
    transform: rotate(45deg);
}

dl.topFaq_dl:nth-child(even) dt {
    background: #f9ffef;
}

dl.topFaq_dl dd.cmnAns {
    font-size: 16px;
    position: relative;
    letter-spacing: 0.05em;
    margin-left: 0;
    background: #FFF2F2;
    line-height: 1.7;
    padding: 16px 0 16px 90px;
    margin-top: 10px;
    border-radius: 3px;
    font-family: m-plus-1p, sans-serif;
    font-weight: 600;
}

dl.topFaq_dl dd.cmnAns .siryou.ren {
    margin: 2em auto 0;
    transform: translateX(-45px);
}

dl.topFaq_dl dt.queFirst::before {
    content: "Q";
    position: absolute;
    top: 0;
    left: 28px;
    margin: auto;
    font-size: 40px;
    color: #84D505;
}

dl.topFaq_dl dd.cmnAns::before {
    content: "A";
    position: absolute;
    top: 0;
    left: 30px;
    margin: auto;
    font-size: 40px;
    color: #F7931E;
    font-weight: 600;
    bottom: 0;
    height: 79px;
}



/*========================
Footer
==========================*/
footer.top_footer {
    background: #87BF2F;
    margin-top: 100px;
    padding: 80px 0 40px;
}

.footer_logo {
    width: 350px;
    margin: auto;
}

p.copyright {
    text-align: center;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1.5px;
    margin-top: 60px;
}

footer.top_footer a.register {
    margin: 20px auto 0;
}

.footer_box {
    text-align: center;
    color: #fff;
}

.footer_box p.text {
    font-size: 16px;
    font-weight: 400;
    margin-top: 21px;
}

.tabs {
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
    /* width: 700px; */
    /* margin: 0 auto; */
    position: relative;
    z-index: 1;
}

.tab_area {
    display: flex;
    /* border-bottom: 3px solid #5ab4bd; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    position: relative;
    z-index: 100;
}

.tab_area label {
    /* width: 180px; */
    background-color: #87C02D;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0.04em;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    margin-bottom: 10px;
    box-shadow: 0 4px #385D00;
    flex-grow: 1;
}

.tab_area label+label {
    margin-left: 10px;
}

.tab_top {
    /* width: 24%; */
}

.tab_under {
    /* width: 24%; */
}

.tab_area label:hover {
    transform: translate(0px, 4px);
    box-shadow: none;
}

.panel_area .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
}

.panel_area .bx-wrapper .bx-pager,
.panel_area .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -50px;
    width: 100%;
}

.panel_area .bx-wrapper .bx-pager.bx-default-pager a {
    background: #87c02d99;
}

.panel_area .bx-wrapper .bx-pager.bx-default-pager a:hover,
.panel_area .bx-wrapper .bx-pager.bx-default-pager a.active,
.panel_area .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #87C02D;
}

#tab_1:checked:hover~.tab_area .tab_item1,
#tab_2:checked:hover~.tab_area .tab_item2,
#tab_3:checked:hover~.tab_area .tab_item3,
#tab_4:checked:hover~.tab_area .tab_item4 {
    opacity: 1;
}

input[name="tab_item"] {
    display: none;
}

#store .kanagawa_box {
    width: 100%;
    background-color: #f2f2f2;
    height: 0 !important;
    visibility: hidden;
}

#store .kanagawa_box.show {
    padding: 25px 50px 15px;
    margin-bottom: 20px;
    height: auto !important;
    visibility: visible;
}

#store .kanagawa_box ul li {
    width: 18%;
}

#store .kanagawa_box ul li a {
    display: block;
    width: 100%;
    line-height: 35px;
    text-align: center;
    background-color: #fff;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #87C02D;
    margin-bottom: 10px;
    transition: .5s;
}

#store .kanagawa_box ul li a:hover {
    color: #fff;
    background-color: #87C02D;
}

.panel_area {
    position: relative;
    z-index: 0;
    /* background-color: #fff; */
}

.tab_panel {
    overflow: hidden;
    height: 0 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 0px;
    position: relative;
    background-color: #fff;
    z-index: 100;
    border-radius: 0 4px 4px 4px;
}

#tab_1:checked~.panel_area #panel_1,
#tab_2:checked~.panel_area #panel_2,
#tab_3:checked~.panel_area #panel_3,
#tab_4:checked~.panel_area #panel_4,
#tab_5:checked~.panel_area #panel_5,
#tab_6:checked~.panel_area #panel_6,
#tab_7:checked~.panel_area #panel_7,
#tab_8:checked~.panel_area #panel_8,
#tab_9:checked~.panel_area #panel_9,
#tab_10:checked~.panel_area #panel_10,
#tab_11:checked~.panel_area #panel_11,
#tab_12:checked~.panel_area #panel_12,
#tab_13:checked~.panel_area #panel_13,
#tab_14:checked~.panel_area #panel_14,
#tab_15:checked~.panel_area #panel_15 {
    overflow: visible;
    height: auto !important;
    padding: 50px;
}

#tab_1:checked~.tab_area .tab_item1,
#tab_2:checked~.tab_area .tab_item2,
#tab_3:checked~.tab_area .tab_item3,
#tab_4:checked~.tab_area .tab_item4,
#tab_5:checked~.tab_area .tab_item5,
#tab_6:checked~.tab_area .tab_item6,
#tab_7:checked~.tab_area .tab_item7,
#tab_8:checked~.tab_area .tab_item8,
#tab_9:checked~.tab_area .tab_item9,
#tab_10:checked~.tab_area .tab_item10,
#tab_11:checked~.tab_area .tab_item11,
#tab_12:checked~.tab_area .tab_item12,
#tab_13:checked~.tab_area .tab_item13,
#tab_14:checked~.tab_area .tab_item14,
#tab_15:checked~.tab_area .tab_item15 {
    background-color: #fff;
    color: #87C02D;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-bottom: none;
}

section.top_store {
    padding: 100px 0;
}

section.top_store h2 {
    text-align: center;
    font-size: 34px;
    letter-spacing: 0.06em;
}

section.top_store h2 img {
    margin: 0 8px;
    width: 320px;
    position: relative;
    display: inline-block;
    bottom: -5px;
}

.tab_panel ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tab_panel ul li .map iframe {
    width: 100%;
    height: 100%;
}

.tab_panel ul li .map {
    height: 240px;
    border-radius: 4px;
    overflow: hidden;
}

.tab_panel ul li+li {
    margin-top: 54px;
}

.tab_panel ul li .text_box {
    width: 57%;
}

.tab_panel ul li .text_box .name_box {
    flex-wrap: nowrap;
    align-items: center;
}

.tab_panel ul li .text_box .name_box .label {
    border-radius: 100vmax;
    background-color: #87C02D;
    color: #FFFF03;
    display: inline-block;
    flex-shrink: 0;
    margin-left: 20px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 3px 20px;
    position: relative;
    z-index: 2;
}

.tab_panel ul li .text_box p.name {
    color: #87C02D;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.06em;
    line-height: 1.4;
    display: flex;
    align-items: center;
}

.tab_panel ul li .text_box p.copy {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin-top: 10px;
    line-height: 1.3;
}

.tab_panel ul li .text_box p.add {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.4;
    margin-top: 18px;
}

.tab_panel ul li .text_box p.access {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.06em;
    margin-top: 8px;
    line-height: 1.4;
}

.tab_panel ul li .text_box p.access a {
    background: #385e00;
    color: #fff;
    font-size: 12px;
    padding: .2em 1em;
    /* border-radius: 10px; */
    display: inline-block;
    /* display: none ; */
}

.tab_panel ul li .text_box a.btn {
    display: block;
    text-align: center;
    color: #fff;
    border: 1px solid #fa9e30;
    border-radius: 100px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.06em;
    transition: 0.3s;
    margin-top: 24px;
    margin-bottom: 2px;
    background-color: #fa9e30;
    border-bottom: 3px solid #c47c26;
    box-shadow: 0 2px #c47c26;
    position: relative;
    width: 70%;
}

.tab_panel ul li .text_box a.btn:hover {
    transform: translate(0px, 4px);
    box-shadow: none;
}

.tab_panel::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 56px;
    width: 413px;
    height: 50px;
    background-image: url(/wp-content/uploads/2022/08/logo_ver02.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.2;
    transform: rotate(90deg);
    transform-origin: right bottom;
}

/* .tab_area label::before {
    content: '';
    position: absolute;
    bottom: -7px;
    width: 100%;
    height: 10px;
    background-color: #fff;
    left: 0;
    z-index: 10000;
    transition: 0.2s;
    visibility: hidden;
    opacity: 0;
    } */

#tab_1:checked~.tab_area .tab_item1::before,
#tab_2:checked~.tab_area .tab_item2::before,
#tab_3:checked~.tab_area .tab_item3::before,
#tab_4:checked~.tab_area .tab_item4::before {
    visibility: visible;
    opacity: 1;
}

.top_store_cont {
    margin-top: 30px;
}

.top_mv_textBox p.ttl {
    background-color: #fff;
    color: #87C02D;
    font-size: 17.5px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.04em;
    border-radius: 30px;
    line-height: 50px;
    width: 515px;
    margin: 0 auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.top_mv_textBox h1 span.big {
    font-size: 43px;
}

/* .top_mv_textBox p.text {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.07em;
    margin: 12px 0;
    text-shadow: 1px 1px 2px #7d7d7d;
} */

section.top_mv .btn_gradient a {
    width: 360px;
    height: 70px;
    font-size: 22px;
    font-weight: 700;
    padding-left: 0;
    color: #fff;
    /* border-top: 4px solid #48ecc4; */
    /* border-right: 4px solid #0a5f4a; */
    border-bottom: 4px solid #0f745b;
    /* border-left: 4px solid #8cf9de; */
    border-radius: 0;
    background: #11a37f;
    border-radius: 130px;
    padding-top: 11px;
}

.top_mv_btn_box {
    width: 800px;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
    margin: 50px auto 0;
}

.top_mv_btn {
    line-height: 70px;
    color: #fff !important;
    font-size: 20px;
    font-weight: bold;
    display: block;
    transition: 0.3s;
    width: 390px;
    position: relative;
    letter-spacing: 1.5px;
    /* padding-left: 24px; */
    border-radius: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}


.top_register {
    /* border-bottom: 4px solid #7E5651; */
    box-shadow: 0 4px #7E5651;
    background: #D65A4D;
}

.top_register::before {
    content: "";
    /* position: absolute; */
    top: 0;
    bottom: 0;
    left: 30px;
    background-image: url(/wp-content/uploads/2021/12/human_icon_ver02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 46px;
    height: 46px;
    /* margin: auto; */
    display: block;
    margin-right: 18px;
}

.top_register span {
    position: relative;
    /* right: 30px; */
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 10px;
}

.top_siryou span {
    position: relative;
    /* right: 30px; */
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 16px;
}

.top_register span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    /* height: 100%; */
    background: #fff;
    border-radius: 50%;
}

.top_register span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: solid 2px #D65A4D;
    border-right: solid 2px #D65A4D;
    width: 6px;
    height: 6px;
    bottom: 0;
    margin: auto;
    right: 3px;
    transform: rotate(45deg);
}

.top_siryou span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    /* height: 100%; */
    background: #fff;
    border-radius: 50%;
}

.top_siryou span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: solid 2px #fd9d2e;
    border-right: solid 2px #fd9d2e;
    width: 6px;
    height: 6px;
    bottom: 0;
    margin: auto;
    right: 3px;
    transform: rotate(45deg);
}

.top_siryou {
    /* border-bottom: 4px solid #9e5f15; */
    box-shadow: 0 4px #9e5f15;
    background: #fd9e2f;
}

.top_siryou::before {
    content: "";
    /* position: absolute; */
    top: 0;
    bottom: 0;
    left: 30px;
    background-image: url(/wp-content/uploads/2021/12/siryou_icon_ver02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 40px;
    height: 40px;
    /* margin: auto; */
    display: block;
    margin-right: 16px;
}

.top_mv_textBox .hdBtn::after {
    width: 26px;
    height: 26px;
    right: 18px;
}

.top_mv_textBox a.hdBtn span {
    font-size: 14px;
    margin-bottom: -1px;
}

section.flow .flow_box .text_box {
    padding: 17px 10px;
}

section.flow h2:first-child::before {
    display: none;
}

section#contact {
    margin-top: 100px;
    padding: 0 0 100px;
}

section#contact {
    border: solid 3px #87bf30;
    width: 90%;
    margin: 0 auto;
    padding: 50px 20px;
    background: #fff;
    margin-top: 100px;
}

.job_fl_box.flex {
    position: relative;
    width: 360px;
}

.talk_box {
    /* width: 31%; */
    /* margin: 0 1% 54px; */
}

.talk_wrap.flex {
    justify-content: center;
}

section#reason h2 span {
    color: #F7931E;
    font-size: 60px;
}

.komaru_img {
    width: 250px;
}

p.reason_num {
    /* position: absolute; */
    /* left: 40px; */
    font-weight: bold;
    font-size: 24px;
    color: #14a27f;
    /* bottom: 3px; */
    background-color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 57px;
    margin-right: 18px;
    /* background-color: #87bf2d; */
    /* color: #fff; */
    border: 3px solid #14a27f;
}

.contact_btn.flex-sb.wrap {
    width: 990px;
    margin-top: 20px;
}

.btn_gradient:hover {
    transition: 0.2s;
    opacity: 0.9;
}

.contact_btn a:hover {
    transform: translate(0px, 4px);
    box-shadow: none;
}

div#btn-wrap button {
    /* border-bottom: 4px solid #9e5f15; */
    box-shadow: 0 4px #9e5f15;
}

.top_mv_textBox a.hdBtn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 24px;
    background-image: url(/wp-content/uploads/2021/08/human_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 36px;
    height: 36px;
    margin: auto;
}

a.hdBtn:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 21px;
    background-image: url(/wp-content/uploads/2021/12/siryou_icon_ver02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 26px;
    height: 26px;
    margin: auto;
}

section.user h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 90px;
    height: 3px;
    background-color: #87be30;
}

.tab_panel ul li .image img {
    vertical-align: bottom;
    border-radius: 12px;
}

.tab_panel ul li .image {
    overflow: hidden;
    width: 420px;
    height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px;
}

.tab_panel ul li .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tab_panel ul li .image.top img {
    object-position: top;
}

.graph_box .img {
    background-color: #fdfdfd;
    padding: 30px 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.mwform-checkbox-field label,
.mwform-radio-field label {
    display: inline-block !important;
}

p.support_office_txt {
    font-size: 15px;
    font-weight: 600;
    line-height: 2;
    letter-spacing: 0.8px;
    text-align: center;
    margin-top: 20px;
}

/* .tab_panel ul li:nth-child(2n + 1) {
    margin-left: 0;
} */

.tab_panel ul li:nth-child(n + 3) {
    /* margin-top: 40px; */
}

section.user ul li .img {
    width: 18%;
    overflow: hidden;
    border-radius: 500%;
}

section.user ul li .text_box {
    width: 78%;
    padding: 50px 30px 30px 30px;
    background-color: #f2f2f2;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

section.user ul li .text_box p.ttl {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.04em;
    display: inline-block;
}

section.user ul li .text_box1 .ttl {
    color: #87bf2f;
}

section.user ul li .text_box2 .ttl {
    color: #87bf2f;
}

section.user ul li .text_box1:before {
    position: absolute;
    content: "";
    top: 0;
    height: 30px;
    left: 0;
    right: 0;
    background-color: #87bf2f;
    border-radius: 20px 20px 0 0;
}

section.user ul li .text_box::after {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2021/12/user_hukidashi.svg);
    width: 30px;
    height: 40px;
    left: -30px;
    top: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

section.user ul li .text_box2:before {
    position: absolute;
    content: "";
    top: 0;
    height: 30px;
    left: 0;
    right: 0;
    background-color: #87bf2f;
    border-radius: 20px 20px 0 0;
}

section.fv {
    padding-top: 40px;
    position: relative;
}

section.fv img {
    min-width: 100%;
}

.btn_siryo {
    position: absolute;
    width: 42.5%;
    right: 9.5%;
    bottom: 8%;
}

.btn_sodan {
    position: absolute;
    width: 33%;
    right: 3%;
    bottom: 9%;
}

.man {
    width: 200px;
    position: absolute;
    top: -90px;
    left: 100px;
}

.woman {
    width: 218px;
    position: absolute;
    right: 100px;
    bottom: -60px;
}

.logo_jisseki img {
    max-height: 55px;
}

.graph_box .logo_jisseki {
    padding: 60px 100px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.logo_jisseki .image {
    width: 28%;
    margin: 0 2%;
    margin-bottom: 20px;
    text-align: center;
}

section.fv a:hover {
    /* opacity: 0.85; */
    /* transition: 0.3s; */
}

.btn_siryo {
    background-image: url(/wp-content/uploads/2022/08/btn_siryo_hover_ver05.png);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s;
}

.btn_siryo img {
    transition: all .3s;
}

.btn_siryo:hover img {
    opacity: 0;
}

.btn_sodan {
    background-image: url(/wp-content/uploads/2022/08/btn_request_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    transition: .3s;
}

.btn_sodan:hover img {
    opacity: 0;
    transition: 0.3s;
}

span.time_txt {
    font-size: 12px;
}

span.time_txt_02 {
    font-size: 13px !important;
    color: #787777 !important;
    display: block;
    padding-bottom: 10px;
}

section#faq {
    border: solid 3px #87bf30;
    width: 90%;
    margin: 0 auto;
    padding: 50px 20px;
    background: #fff;
    margin-top: 100px;
}

/* CT追加分 */
#reason .content_box ul li {
    width: 30%;
    border: 6px solid #87C02D;
    overflow: hidden;
}

#reason .content_box ul li .title_box {
    justify-content: center;
    align-items: center;
    background-color: #87C02D;
    padding: 7px 0;
}

#reason .content_box ul li .title_box .num {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    margin-right: 10px;
}

#reason .content_box ul li .title_box .num .big {
    font-size: 20px;
}

#reason .content_box ul li .title_box .title {
    color: #fff;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: .05em;
}

#reason .content_box ul li .text_box {
    background-color: #F4FFE3;
    padding: 20px 20px 80px;
    margin-top: -10px;
    min-height: 100%;
}

#reason .content_box ul li .text_box .text {
    font-size: 16px;
    letter-spacing: .05em;
    font-weight: 600;
    line-height: 1.5;
}

#reason .content_box ul li .icon_img {
    position: absolute;
    width: 70px;
    bottom: -10px;
    right: 0;
}

#reason .content_box ul li:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40.5px 0 40.5px 30px;
    border-color: transparent transparent transparent #87c02d;
    position: absolute;
    right: -52px;
    top: 190px;
}

#reason .content_box ul li:last-of-type:after {
    content: none;
}


section#about_section {
    background: #87BF2F;
    position: relative;
    padding: 60px 0 65px;
    margin-top: 50px;
    color: #fff;
}

section#about_section .fl_wrap {
    align-items: center;
}

section#about_section .textArea {
    width: 65%;
}

section#about_section .textArea h2 {
    font-size: 25px;
    margin-bottom: .5em;
}

section#about_section .textArea h3 {
    font-size: 20px;
    margin-bottom: .5em;
    border-bottom: 2px solid;
}

section#about_section .textArea p {
    font-size: 15px;
    line-height: 2;
    font-weight: 600;
}

section#about_section .image {
    width: 32%;
}

.footer_logo img {
    vertical-align: bottom;
}

.contact_btn.flex-sb.wrap a.register.sp {
    display: none;
}

#store .kanagawa_box ul li:nth-child(6) {
    margin-left: 0;
}

#store .kanagawa_box ul li+li {
    margin-left: 26px;
}

.tab_panel .inner+.inner {
    margin-top: 50px;
}

.tab_panel .inner>.title {
    font-size: 24px;
    letter-spacing: .06em;
    color: #87C02D;
    position: relative;
    padding-left: 70px;
    margin-bottom: 10px;
}

.tab_panel .inner>.title::before,
.tab_panel .inner>.title::after {
    content: "";
    height: 2px;
    background-color: #87C02D;
    position: absolute;
    top: 15px;
}

.tab_panel .inner>.title::before {
    width: 5.5%;
    left: 0;
}

.tab_panel .inner>.title::after {
    right: 0;
    width: 82.5%;
}

.tab_panel .inner:first-of-type>.title::after {
    width: 82.2%;
}

section#top_video {
    text-align: center;
    padding-top: 36px;
    background-color: #87C02D;
    padding-bottom: 40px;
    margin-top: 100px;
}

section#top_video .video {
    width: 818px;
    margin: 0 auto;
}

section#top_video .video iframe {
    width: 100%;
    aspect-ratio: 16/9;
}

section#top_video .h2_box h2 {
    color: #fff;
    letter-spacing: 0.08em;
    line-height: 1.3;
}

section#top_video .h2_box h2 .sub {
    font-size: 30px;
}

section#top_video .h2_box h2 .main {
    font-size: 54px;
    display: flex;
    justify-content: center;
    column-gap: 10px;
    align-items: baseline;
}

section#top_video .h2_box h2 .main::before,
section#top_video .h2_box h2 .main::after {
    content: '';
    width: 3px;
    height: 1.1em;
    background-color: #fff;
    transform-origin: bottom;
}

section#top_video .h2_box h2 .main::before {
    rotate: -45deg;
}

section#top_video .h2_box h2 .main::after {
    rotate: 45deg;
}

section#top_video .h2_box {
    margin-bottom: 18px;
}

section#program {
    margin-top: 100px;
}

.select_pref_box ul li {
    cursor: pointer;
    border: 2px solid #87bf2f;
    border-radius: 100px;
    padding: 2px 28px;
    background-color: #fff;
}

.select_pref_box ul {
    display: flex;
    column-gap: 10px;
}

.select_pref_box ul li.active {
    background-color: #87bf2f;
    color: #fff;
}

.select_office_box ul li {
    display: none;
}

section.top_store .sub_title {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.04em;
}

section.top_store .sub_title::before,
section.top_store .sub_title::after {
    content: '';
    width: 4px;
    height: 1.2em;
    background-color: currentColor;
    margin: 0 20px;
    translate: 0 4px;
}

section.top_store .sub_title::before {
    rotate: -34deg;
}

section.top_store .sub_title::after {
    rotate: 35deg;
}

section.top_store .sub_title .color {
    color: #87C02D;
    font-size: 1.7em;
    margin: 0 5px;
    display: inline-block;
}

.font_06 {
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
    font-family: m-plus-2p, sans-serif;
}

/* お悩みセクション */
.top_problem {
    background: #B3B3B3;
    margin-top: 100px;
    position: relative;
}

.top_problem::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    background: #F8F8F8;
    width: 100%;
    aspect-ratio: 15/1;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.top_problem .problem_sec {
    position: relative;
}

.top_problem .problem_sec .ttl_box {
    background: #B2CF35;
    padding: 15px 45px;
    width: fit-content;
    margin: auto;
    position: relative;
    top: -42px;
}

.top_problem .problem_sec .ttl_box::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translate(-50%, 100%);
    background: #B2CF35;
    width: 130px;
    aspect-ratio: 5/1;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.top_problem .problem_sec .ttl_box .ttl {
    font-size: 28px;
    letter-spacing: .06em;
    color: #fff;
}

.top_problem .problem_sec .ttl_box .ttl .size {
    font-size: 40px;
    letter-spacing: 0.2em;
}

.top_problem .problem_sec .text_box .text {
    font-size: 22px;
    letter-spacing: .06em;
    line-height: 1.6;
    font-weight: 600;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 1;
}

.top_problem .problem_sec .text_box .text:nth-child(1) {
    top: 100px;
    left: 180px;
    transform: rotate(10deg);
}

.top_problem .problem_sec .text_box .text:nth-child(2) {
    top: 100px;
    right: 180px;
    transform: rotate(-10deg);
}

.top_problem .problem_sec .text_box .text:nth-child(3) {
    top: 340px;
    left: 180px;
    transform: rotate(-10deg);
}

.top_problem .problem_sec .text_box .text:nth-child(4) {
    top: 340px;
    right: 180px;
    transform: rotate(10deg);
}

.top_problem .problem_sec .text_box .text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    width: 230px;
}

.top_problem .problem_sec .text_box .text:nth-child(1)::before {
    background-image: url(/wp-content/uploads/2023/11/illust_fukidashi_01.svg);
    aspect-ratio: 25/18;
}

.top_problem .problem_sec .text_box .text:nth-child(2)::before {
    background-image: url(/wp-content/uploads/2023/11/illust_fukidashi_02.svg);
    aspect-ratio: 9/5;
}

.top_problem .problem_sec .text_box .text:nth-child(3)::before {
    background-image: url(/wp-content/uploads/2023/11/illust_fukidashi_03.svg);
    aspect-ratio: 93/50;
}

.top_problem .problem_sec .text_box .text:nth-child(4)::before {
    background-image: url(/wp-content/uploads/2023/11/illust_fukidashi_04.svg);
    aspect-ratio: 28/15;
}

.top_problem .problem_sec .img_box {
    width: 500px;
    margin: auto;
}

.top_problem .problem_sec .img_box img {
    width: 100%;
    display: block;
}

/* 提案セクション */
.top_suggestion {
    position: relative;
    padding: 160px 0 60px;
    background-color: #fff;
}

.top_suggestion::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/wp-content/uploads/2023/11/suggestion_sec_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.2;
}

.top_suggestion .suggestion_sec {
    position: relative;
    z-index: 1;
}

.top_suggestion .suggestion_sec .ttl_box {
    margin-bottom: 30px;
}

.top_suggestion .suggestion_sec .ttl_box .ttl {
    font-size: 26px;
    letter-spacing: .1em;
    line-height: 1.8;
    text-align: center;
}

.top_suggestion .suggestion_sec .ttl_box .ttl .size {
    font-size: 40px;
    background: linear-gradient(transparent 70%, #F7931D 30%);
}

.top_suggestion .suggestion_sec .suggestion_cont .img_box {
    width: 500px;
    flex-shrink: 0;
}

.top_suggestion .suggestion_sec .suggestion_cont .img_box img {
    width: 100%;
    display: block;
}

.top_suggestion .suggestion_sec .suggestion_cont {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* gap: 0 50px; */
    margin-bottom: 50px;
}

.top_suggestion .suggestion_sec .suggestion_cont .img_box {
    width: 270px;
    margin: 0 auto 20px;
    /* flex-shrink: 0; */
}

.top_suggestion .suggestion_sec .suggestion_cont .img_box img {
    width: 100%;
    display: block;
}

.top_suggestion .suggestion_sec .suggestion_cont .text_box .text {
    font-size: 22px;
    letter-spacing: .06em;
    line-height: 1.8;
    font-weight: 600;
    text-align: center;
}

.top_suggestion .suggestion_sec .suggestion_cont .text_box .text .color {
    color: #F7931D;
}

.top_suggestion .suggestion_sec .arrow {
    width: 100px;
    margin: auto;
}

.top_suggestion .suggestion_sec .arrow img {
    width: 100%;
}

/* 選ばれる3つのポイント */
.top_strong {
    background: #E1ECB8;
    padding-bottom: 80px;
    margin-bottom: 100px;
}

.top_strong .ttl_box {
    background: #B2CF35;
    padding: 20px 0;
    position: relative;
    margin-bottom: 80px;
}

.top_strong .ttl_box::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translate(-50%, 100%);
    background: #B2CF35;
    width: 130px;
    aspect-ratio: 5/1;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.top_strong .ttl_box .ttl {
    text-align: center;
    color: #fff;
    font-size: 36px;
    letter-spacing: .08em;
    line-height: 1.5;
    font-weight: 600;
}

.top_strong .ttl_box .ttl .size {
    font-size: 50px;
}

.strong_sec .container {
    padding: 0 150px;
}

.top_strong .strong_sec ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 30px;
    margin-bottom: 20px;
}

.top_strong .strong_sec ul li {
    background: #fff;
    padding: 40px 26px;
    position: relative;
    border-radius: 10px;
}

.top_strong .strong_sec ul li .num {
    background: #F7931E;
    color: #fff;
    font-size: 37px;
    letter-spacing: 0;
    line-height: 60px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -20px;
    left: -20px;
}

.top_strong .strong_sec ul li .theme_box {
    padding-bottom: 15px;
    margin-bottom: 35px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 175px;
}

.top_strong .strong_sec ul li .theme_box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2023/11/illust_line.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    aspect-ratio: 75/4;
    transform: translateY(100%);
}

.top_strong .strong_sec ul li .theme_box .theme {
    font-size: 22px;
    letter-spacing: .08em;
    line-height: 1.8;
}

.top_strong .strong_sec ul li .theme_box .theme .size {
    font-size: 36px;
}

.top_strong .strong_sec ul li .theme_box .theme span.dot {
    background-image: radial-gradient(circle at center, orange 15%, transparent 15%);
    /* 点の色とサイズ調整 */
    background-position: top right;
    /* 点の位置 */
    background-repeat: repeat-x;
    /* 横方向に繰り返し */
    background-size: 1.1em 0.45em;
    /* 点の間隔とサイズ調整 */
    padding-top: 0.25em;
    /* 縦方向の位置調整 */
    display: inline-block;
}

.top_strong .strong_sec ul li .theme_box .theme span.size.dot {
    background-size: 0.9em 0.7em;
    /* 点の間隔とサイズ調整 */
    background-position: top right 10%;
}

.top_strong .strong_sec ul li .theme_box .theme .ruby_word rt {
    font-size: 22px;
    transform: translateY(0.1em);
}

.top_strong .strong_sec ul li .theme_box .theme .ruby_word .small {
    transform: scale(0.6);
    display: inline-block;
    margin: 0 -13px;
    transform-origin: center 42px;
}

.top_strong .strong_sec ul li .theme_box .theme .ruby_word .small_rt {
    transform: translateY(-1px);
}

.top_strong .strong_sec ul li .theme_box .theme .border {
    background: linear-gradient(transparent 70%, #F7931E 30%);
}

.top_strong .strong_sec ul li .theme_box .theme .dots {
    background: radial-gradient(circle at center, #F7931E 20%, transparent 20%);
    background-position: top right;
    background-repeat: repeat-x;
    background-size: 1em 0.2em;
    padding-top: 0.2em;
}

.top_strong .strong_sec ul li .img_box {
    width: 100%;
    aspect-ratio: 10/8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.top_strong .strong_sec ul li .img_box img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: contain;
}

.top_strong .strong_sec ul li .text_box .text {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.7;
}

.top_strong .strong_sec .note_box .note {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.7;
    color: #999999;
}

.common_page_wrap {
    margin-top: 200px;
}

.name_deco {
    display: block;
    background-color: #87C02D;
    color: #fff;
    font-size: .7em;
    padding: .2em;
    flex-shrink: 0;
    margin-left: .5em;
}

.top_footer .jiritsu_ban {
    display: block;
    margin: 30px auto 0;
    width: 500px;
    transition: .3s;
}

.top_footer .jiritsu_ban:hover {
    opacity: 0.7;
}

.top_footer .jiritsu_ban img {
    width: 100%;
}

#tab_2:checked~.panel_area #panel_2 .kanagawa_box {
    visibility: visible;
    height: 150px !important;
    padding: 25px;
    margin-bottom: 50px;
}

#tab_2:checked~.panel_area #panel_2 .kanagawa_box li {
    margin: 0;
    width: 100%;
}

#tab_2:checked~.panel_area #panel_2 .kanagawa_box ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 750px) {

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    /*spmenu~*/
    .sp_hd {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 10000;
    }

    .sp_pr {
        position: relative;
    }

    .slicknav_menu .slicknav_menutxt {
        display: none !important;
    }

    .slicknav_menu .slicknav_icon {
        width: 100%;
        margin: 0;
    }

    .slicknav_menu .slicknav_icon-bar {
        width: 25px !important;
        height: 3px !important;
    }

    a.slicknav_btn {
        background: #fff;
        border-radius: 0px;
    }

    /*SPMENU kurukuru*/
    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:first-child {
        top: 3px;
        -moz-transform: rotate(405deg);
        -webkit-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        transform: rotate(405deg);
        position: absolute;
    }

    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(3) {
        top: -1.6px;
        -moz-transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        transform: rotate(-405deg);
        position: absolute;
    }

    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(2) {
        opacity: 0;
    }

    span.slicknav_icon-bar {
        transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
    }

    .slicknav_menu .slicknav_icon {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        position: relative;
    }

    .slicknav_menu .slicknav_icon-bar {
        background-color: #87C02D;
    }

    /*kokomade*/
    .slicknav_menu .slicknav_menutxt {
        display: none;
    }

    .slicknav_menu {
        background-color: #fff;
        height: 80px;
    }

    a.slicknav_btn {
        margin: 26px 3px 3px 0px;
        padding: 0px 0 0 0px;
        height: 25px;
        width: 25px;
    }

    .slicknav_menu .slicknav_icon {
        height: 16px !important;
        display: block;
    }

    .slicknav_menu .slicknav_icon:after {
        display: block;
        font-size: 70%;
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -20px;
        margin: 0 auto;
    }

    .slicknav_nav a {
        color: #333 !important;
        display: inline-block;
        font-weight: bold;
        line-height: 2;
        width: 100%;
        text-align: left;
        margin: 0;
        letter-spacing: normal;
        font-size: 80%;
        border: solid #ccc;
        border-width: 0 0px 1px 0;
        line-height: 30px;
        background-image: url(/wp-content/uploads/2021/08/sp_yaji.png);
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: right 15px center;
        padding-left: 25px;
        positiion: relative;
        position: relative;
    }

    .slicknav_nav a::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
        border-right: 2px solid #222;
        border-top: 2px solid #222;
        width: 7px;
        height: 7px;
        margin: auto;
        transform: rotate(135deg);
    }

    /*~spmenu*/
    .sp_hd_logo {
        position: absolute;
        width: 180px;
        top: 23px;
        left: 10px;
    }

    .sp_hd_logo a {
        display: block;
    }

    .sp_hd .btn_gradient {
        position: absolute;
        width: 200px;
        top: 7.5px;
        right: 50px;
        height: 35px;
        padding: 0;
        border-radius: 0px;
    }

    .sp_hd .btn_gradient .hdBtn {
        width: 200px;
        height: 33px;
        font-size: 12px;
        padding: 0;
        line-height: 25px;
        padding-left: 56px;
        padding-top: 3px;
        border-radius: 0px;
    }

    .sp_hd .btn_gradient .hdBtn::after {
        right: 15px;
        top: 0;
    }

    .wrap,
    .wrap_01 {
        max-width: 94%;
    }

    body {
        min-width: 100%;
        margin-top: 50px;
        font-size: 13px
    }


    /*SP Main visual*/

    section.top_mv::before {
        background-size: cover;
        background-position: top -10px center;
        height: 178px;
    }

    section.top_mv .wrap {
        max-width: 100%;
        align-items: flex-start;
        display: block;
    }

    .top_mv_textBox {
        width: 100%;
        padding: 0 0;
        color: #333;
        margin: 15px 0 0;
    }

    section.top_mv .btn_gradient {
        margin: 14px auto 0;
        width: 310px;
        height: auto;
        /* padding: 10px 0px; */
    }

    a.hdBtn {
        width: 190px;
        font-size: 15px;
        height: 46px;
        padding: 6px 0 0 20px;
        /* background-color: #FD9E2F; */
        color: #fff !important;
    }

    a.hdBtn span {
        font-size: 10px;
    }

    a.hdBtn::after {
        right: 21px;
        top: 15px;
        width: 15px;
        height: 15px;
        /* background-image: url(/wp-content/uploads/2021/08/hd_arraw_wh.png); */
    }

    section.top_mv .wrap::before {
        width: 246px;
        height: 288px;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        display: none;
    }

    .sp_mv_ttl_01.sp {
        padding-bottom: 10px;
        margin-top: 20px;
        border-bottom: dotted 3px #fff;
    }

    .sp_mv_ttl_02.sp {
        margin-top: 15px;
    }

    section.top_mv {
        margin-top: 0;
        height: auto;
        background-position: -15vh -9vh;
        padding: 25vh 0 37vh;
    }

    .top_mv_btn_box {
        width: 100%;
        display: block;
        justify-content: space-between;
        position: relative;
        z-index: 10;
        margin: 5vh auto 0;
    }

    .top_mv_btn {
        margin: 0 auto;
        line-height: 48px;
        color: #fff !important;
        font-size: 4vw;
        font-weight: bold;
        display: block;
        transition: 0.3s;
        width: 90%;
        position: relative;
        letter-spacing: 1.5px;
        padding-left: 0px;
        border-radius: 100px;
        text-align: center;
    }

    .top_register {
        margin-top: 10px;
    }

    .top_mv_btn::before {
        width: 38px;
        height: 38px;
        left: 20px;
    }

    .top_mv_textBox p.text {
        font-size: 3vw;
        text-align: center;
        padding: 0 2%;
        text-shadow: none;
        margin: 10px 0 0;
        color: #fff;
    }

    section.top_mv:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 40%);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .top_mv_img.sp {
        display: none;
    }

    section.top_mv .top_mv_img_box h1.sp {
        display: block;
        position: relative;
        margin: 0 auto;
        text-align: center;
        font-size: 5.5vw;
        color: #fff;
        font-weight: 700;
        width: 100%;
        line-height: 1.5;
        letter-spacing: 3px;
        padding: 0;
        /* border: 1px dotted #11a37f; */
        /* background-color: #fff; */
        z-index: 999;
    }


    .top_bottom {
        position: relative;
        padding: 0;
        width: 100%;
        bottom: auto;
        left: auto;
        right: auto;
        bottom: auto;
        padding: 2vh 0;
        margin-top: 40vw;
    }

    .mv_bottom_box p.text {
        font-size: 4vw;
        font-weight: bold;
        text-align: center;
        width: 100%;
        margin-left: 0;
        margin-bottom: -1px;
        background-color: #fff9db;
        border-top: 1px solid #fbac22;
        border-left: 1px solid #fbac22;
        border-right: 1px solid #fbac22;
        color: #3a3a3a;
        padding-top: 5px;
        line-height: 1.2;
    }

    .mv_bottom_box p.text span {
        font-size: 5.4vw;
    }

    .regular_j {
        width: auto;
        height: auto;
        margin-left: 0;
        display: block !important;
        text-align: center;
        padding: 0;
        border-radius: 6px 0px 6px 6px;
    }

    .mv_bottom_box {
        display: block;
    }

    .find_j .left,
    .regular_j .left {
        font-size: 4vw;
        letter-spacing: 1px;
    }

    .find_j .right,
    .regular_j .right {
        font-size: 15vw;
        margin-left: 0;
        margin-top: 0;
        line-height: 1;
    }

    .find_j {
        width: auto;
        height: auto;
        display: block !important;
        text-align: center;
        padding: 0;
        border-radius: 0px 6px 6px 6px;
    }

    .mv_bottom_box.flex {
        margin-top: -9vh;
    }

    .job_fl_box.flex {
        margin-top: 0px;
        width: 100%;
        justify-content: center;
        margin-bottom: 0px;
    }

    .mv_bottom_box p.text_lt {
        text-align: center;
        margin: 0px 0 0 0;
        font-size: 3.6vw;
        letter-spacing: 1px;
        width: 100%;
        background-color: #fff9db;
        border-bottom: 1px solid #fbac22;
        border-left: 1px solid #fbac22;
        border-right: 1px solid #fbac22;
        color: #3a3a3a;
        padding-bottom: 5px;
        line-height: 1.2;
        padding-top: 3px;
    }

    .top_sp_mv_btn {
        width: 96%;
        display: flex !important;
        justify-content: space-between;
        margin: 0 auto;
    }

    .top_sp_contents {
        width: 49%;
        border-radius: 0;
    }

    .top_sp_contents a {
        display: flex;
        align-items: center;
        padding: 8px 0;
        justify-content: center;
    }

    .top_sp_left {
        /* width: calc(100% - 18px); */
        text-align: center;
        color: #fff !important;
        font-size: 2.8vw;
        line-height: 1;
        font-weight: bold;
        letter-spacing: 0.04em;
    }

    .top_sp_right {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 6px;
    }

    .top_sp_right p {
        width: 5px;
        /* margin-top: 0.5px; */
        /* margin-left: 2px; */
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .siryou_sp {
        background: #fd9e2f;
        border-bottom: 3px solid #9e5f15;
    }

    .register_sp {
        background: #D65A4D;
        border-bottom: 3px solid #7E5651;
    }

    .top_banner {
        padding: 15px 0 20px;
    }

    .top_banner .wrap_01 {
        display: block !important;
    }

    .top_banner .num_box {
        width: 100%;
    }

    .top_banner .textBox {
        width: 100%;
    }

    .top_banner .textBox .ttl {
        font-size: 4.2vw;
        margin-bottom: 7px;
    }

    .top_banner .textBox .sub {
        font-size: 3.6vw;
    }

    .top_banner .num_box {
        width: 66vw;
        margin-bottom: 3px;
    }

    .top_banner .num_box .per_box {
        width: 32vw;
        height: 32vw;
        margin-top: -85px;
        padding-top: 20px;
    }

    .top_banner .num_box .per_box .text {
        font-size: 3.4vw;
        margin-bottom: 4px;
    }

    .top_banner .num_box .per_box .num {
        font-size: 15vw;
    }

    .top_banner .num_box .per_box .num span {
        font-size: 6vw;
    }

    .top_contact_sec .flex-sb a:first-child {
        margin-top: 0;
    }

    /*Office*/
    section.support_office h2 {
        font-size: 4.5vw;
        letter-spacing: 1px;
    }

    section.support_office h2 span {
        font-size: 6.2vw;
        letter-spacing: 1.5px;
    }

    .support_fl_box ul {
        justify-content: space-between;
    }

    .support_fl_box ul li+li {
        margin-left: 0;
    }

    .support_fl_box ul li {
        width: 49%;
        padding: 25px 8px 15px;
    }

    .support_fl_box ul li .img {
        width: 100px;
    }

    .support_fl_box ul li h3 {
        font-size: 15px;
        letter-spacing: 1px;
    }

    .support_fl_box ul li p.text {
        font-size: 12px;
    }

    .support_fl_box ul li::before {
        width: 100px;
    }

    .support_fl_box ul li:nth-child(n + 3) {
        margin-top: 12px;
    }

    section.support_office {
        padding: 50px 0;
        margin-top: 0;
    }

    /*Reason*/
    section.reason h2 {
        font-size: 20px;
        letter-spacing: 1px;
        padding: 0;
        margin-bottom: 5vw;
        line-height: 1.2;
    }

    section#reason h2 span {
        font-size: 13vw;
        margin: 0 3px;
    }

    .reason_list .box {
        width: 100%;
        height: 80px;
        border-radius: 15px;
        padding: 0px 3%;
        margin-bottom: 13px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .reason_list .box .top {
        width: 15%;
    }

    .reason_list {
        margin: 30px 0 60px;
        padding-bottom: 30px;
    }

    .reason_list .box .under {
        width: 82%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .reason_list .box .en {
        font-size: 3.3vw;
    }

    .reason_list .box .num {
        font-size: 8vw;
        margin-bottom: 0;
    }

    .reason_list .box .point {
        font-size: 4.5vw;
        width: 80%;
        margin-bottom: 0;
    }

    .reason_list .box .img {
        max-height: 70px;
        width: 18%;
        margin: 0 0 0 auto;
        height: auto;
        line-height: 1;
    }

    .reason_list .box .img img {
        max-height: 70px;
        height: auto;
    }

    section.reason .line {
        /* line-height: initial; */
        position: relative;
        padding: 20px 0 8px;
    }

    section.reason p.ttl {
        font-size: 4.3vw;
        display: block;
        letter-spacing: 1px;
    }

    section.reason p.ttl span {
        font-size: 5.2vw;
    }

    section.reason .line::before {
        display: none;
    }

    /* section.reason .img {
        width: 90%;
        height: 170px;
        text-align: center;
    } */

    /* section.reason .img img {
        height: 170px;
    } */

    section.reason .conts {
        padding: 10px 0;
    }

    section.reason p.text {
        width: 100%;
        font-size: 4vw;
        padding: 0 10px;
        margin-top: 10px;
        text-align: justify;
        letter-spacing: 0.04em;
    }

    /*Present*/
    section.present h2 {
        font-size: 6vw;
        letter-spacing: 1px;
    }

    section.present {
        padding: 50px 0;
    }

    .graph_box ul li:first-child::before {
        width: 100%;
        height: 93%;
        top: 10px;
        left: -2%;
        right: 0;

    }

    .graph_box ul li {
        width: 100%;
        height: 260px;

    }

    .graph_box ul {
        display: block;
    }

    .graph_box {
        margin-top: -35px;
        background-color: #fff9db;
        border: 3px solid #fbac22;
        padding-top: 20px;
    }

    .graph_box ul li:last-child::before {
        width: 100%;
        height: 90%;
        top: 18px;
        left: 0;
        right: 0;
    }

    .graph_box ul li+li {
        margin-top: 10px;
    }

    section.present .sub_ttl {
        margin-top: 40px;
        font-size: 16px;
        letter-spacing: 1px;
        width: auto;
        line-height: 1.1;
        padding: 10px 20px;
        color: #fff;
        background-color: #87BF2F;
        display: inline-block;
        margin-left: 5%;
        display: none;
    }

    section.present .sub_ttl span {
        font-size: 13vw;
        margin: 0 3px 0 0;
        text-shadow: 0 3px 6px #ffffff16;
        color: #ffef00;
    }

    section.present .sub_ttl span span {
        font-size: 7vw;
    }

    /*Online*/
    section.consulting .img {
        width: 80px;
        padding: 15px;
        top: -20px;
    }


    section.consulting {
        padding: 55px 0 30px;
    }

    section.consulting p.rounded {
        font-size: 4.5vw;
        margin-top: 0;
        letter-spacing: 1px;
    }

    section.consulting .text_box {
        margin-top: -21px;
        text-align: center;
    }

    section.consulting p.ask {
        letter-spacing: normal;
        font-size: 20px;
        margin-top: 3px;
    }

    section.consulting p.small_ttl {
        font-size: 4vw;
        margin-top: 16px;
        letter-spacing: normal;
    }

    section.consulting p.sub_ttl {
        font-size: 4.7vw;
        margin-top: 0px;
        line-height: normal;
    }

    section.consulting p.sub_ttl span {
        font-size: 5.5vw;
        display: table;
        margin: 5px auto;
    }

    a.register {
        font-size: 16px;
        width: 90%;
        line-height: 60px;
        /* padding-left: 60px; */
        padding-right: 10px;
        margin: 15px auto 0;
        /* text-align: left; */
        padding: 0;
    }

    a.register::before {
        width: 30px;
        height: 30px;
        left: 17px;
        margin-right: 6px;
    }

    a.register span {
        width: 18px;
        height: 18px;
        /* right: 9px; */
        margin-left: 6px;
    }

    a.register span::after {
        width: 5px;
        height: 5px;
        /* border-top: solid 2px #FD9E2F; */
        /* border-right: solid 2px #FD9E2F; */
    }



    /*Program*/

    section.program .ttl_box h2,
    .step_flow_cont .ttl_box h2,
    .day_flow_cont .ttl_box h2 {
        font-size: 20px;
        letter-spacing: 1px;
    }

    section.program .ttl_box p.sub_ttl {
        font-size: 14px;
        letter-spacing: 1px;
        margin-top: 14px;
    }

    section.program {
        margin-top: 50px;
    }

    .program_box .img {
        display: none;
    }

    .program_box .text_box {
        margin-left: 0;
        width: 100%;
    }

    .program_box ul li {
        padding: 15px 0 15px 15px;
        height: auto;
    }

    .program_box ul li::before {
        width: 3px;
        height: 100%;
    }

    .program_box ul li h3 {
        font-size: 18px;
    }

    .program_box .text_box p.text {
        font-size: 12px;
    }

    /*スタッフ*/
    section.staff h2 {
        font-size: 22px;
        letter-spacing: 2px;
        padding-left: 0;
        padding-top: 0px;
    }

    .staff_box {
        overflow-x: scroll;
        margin-top: 20px;
    }

    .staff_box ul {
        width: 335vw;
        margin-top: 80px;
    }

    .staff_box ul li {
        width: 80vw;
        padding: 40px 2% 20px;
    }

    .staff_box ul li::before {
        width: 120px;
    }

    .staff_box ul li:nth-child(n + 3) {
        margin-bottom: 0;
    }

    .staff_box ul li .img {
        width: 100px;
        top: -70px;
        height: 100px;
    }

    .staff_box ul li .img img {
        width: 100px;
        height: 100px;
    }

    .staff_box p.position {
        font-size: 14px;
        letter-spacing: 1px;
        margin-top: 0px;
        line-height: 1.2;
    }

    .staff_box p.name {
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 5px;
    }

    .staff_box p.text {
        font-size: 13px;
        margin-top: 5px;
    }

    section.staff {
        margin-top: 60px;
        padding-top: 60px;
        margin-bottom: 0;
    }

    /*Tab area*/
    section.top_store h2 {
        font-size: 20px;
        letter-spacing: 0.04em;
        line-height: 1.5;
    }

    section.top_store h2 img {
        width: 160px;
        margin: 0 2px;
        bottom: -2.5px;
    }

    .tab_area label {
        width: 30%;
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 40px;
        border-radius: 6px;
        margin-bottom: 0;
        padding: 0;
        flex-grow: 0;
    }

    .tab_area {
        /* justify-content: space-between; */
        padding-bottom: 10px;
        flex-wrap: wrap;
        gap: 3vw 3.5vw;
    }

    #store .kanagawa_box.show {
        padding: 25px 3.5vw 20px;
        margin-bottom: 20px;
    }

    #store .kanagawa_box ul li {
        width: 48%;
    }

    #store .kanagawa_box ul li a {
        line-height: 7vw;
        font-size: 3.5vw;
        margin-bottom: 1vw;
        border-radius: 5px;
    }

    #store .kanagawa_box ul li a:hover {
        color: #87C02D;
        background-color: #fff;
    }

    .tab_area label:nth-child(n + 3) {
        /* margin-top: 10px; */
    }

    .tab_panel ul li .map {
        height: 160px;
    }

    .tab_panel ul li .text_box .name_box {
        flex-wrap: nowrap;
        flex-direction: column-reverse;
        align-items: unset;
        justify-content: flex-start;
    }

    .tab_panel ul li .text_box .name_box .label {
        margin-left: 0;
        margin-bottom: 10px;
        font-size: 3.5vw;
        padding: 3px 3.5vw;
        text-align: center;
    }

    .tab_panel ul li .text_box p.name {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .tab_panel ul li .text_box p.copy {
        font-size: 12px;
        letter-spacing: 0.5px;
        margin-top: 5px;
    }

    .tab_panel ul li .text_box p.add {
        font-size: 12px;
        margin-top: 9px;
    }

    .tab_panel ul li .text_box p.access {
        font-size: 12px;
    }

    .tab_panel ul li .text_box a.btn {
        font-size: 14px;
        line-height: 50px;
        letter-spacing: 0.5px;
        color: #fff;
        background-color: #fa9e30;
        margin-top: 13px;
        width: 100%;
    }

    /* .tab_panel ul li + li {
    margin: 40px 0 0 0;
} */

    .tab_panel::before {
        display: none;
    }

    #tab_1:checked~.panel_area #panel_1,
    #tab_2:checked~.panel_area #panel_2,
    #tab_3:checked~.panel_area #panel_3,
    #tab_4:checked~.panel_area #panel_4,
    #tab_5:checked~.panel_area #panel_5,
    #tab_6:checked~.panel_area #panel_6,
    #tab_7:checked~.panel_area #panel_7,
    #tab_8:checked~.panel_area #panel_8,
    #tab_9:checked~.panel_area #panel_9,
    #tab_10:checked~.panel_area #panel_10,
    #tab_11:checked~.panel_area #panel_11,
    #tab_12:checked~.panel_area #panel_12,
    #tab_13:checked~.panel_area #panel_13,
    #tab_14:checked~.panel_area #panel_14,
    #tab_15:checked~.panel_area #panel_15 {
        overflow: visible;
        height: auto !important;
        padding: 5vw;
    }

    .panel_area .bx-wrapper .bx-pager,
    .panel_area .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -40px;
        width: 100%;
    }

    .tab_panel ul li+li {
        margin-top: 30px;
    }



    /*User*/
    section.user h2 {
        font-size: 20px;
        letter-spacing: 1px;
    }

    section.user .img {
        /* display: block; */
        /* margin: 0; */
        /* width: 100%; */
        /* height: 200px; */
        /* position: relative; */
        /* overflow: hidden; */
        /* margin-bottom: 4vw; */
    }

    section.user ul li .img {
        width: 40vw;
        height: 40vw;
        border-radius: 50%;
        z-index: 1;
        position: relative;
        margin: 0 auto;
    }

    section.user ul li {
        width: 100%;
        background-color: #fff;
        margin: 0 auto;
        margin-bottom: 35px;
        border-radius: 5px;
        box-shadow: 0 3px 6px #00000016;
        padding: 0;
        position: relative;
        display: block;
    }

    section.user ul li:last-child {
        margin-bottom: 0;
    }

    section.user ul li .text_box {
        padding: 60px 3% 20px;
        width: 100%;
        margin-top: -50px;
    }

    section.user ul li .text_box p.ttl {
        font-size: 17px;
        padding: 0;
        line-height: 1.5;
    }

    section.user p.text {
        font-size: 13px;
        margin-top: 15px;
        line-height: 1.6;
    }

    section.user ul li .text_box::after {
        content: none;
    }

    .user_fl_box {
        /* overflow-x: scroll; */
        margin-top: 30px;
    }

    section.user ul {
        width: 100%;
        display: block;
        margin-top: 0;
    }

    /*Banner*/
    section.user {
        margin-top: 60px;
    }

    .logo_box .img:first-child {
        width: 31%;
    }

    section.corp_logo .logo_box {
        /* display: block; */
        padding: 22px 0;
    }

    .logo_box .img {
        margin: 0;
    }

    .logo_box .img:nth-child(2) {
        width: 31%;
    }

    .logo_box .img:nth-child(3) {
        width: 31%;
    }

    .logo_box .img:last-child {
        width: 62%;
        margin: 2px auto 0;
    }

    .logo_box .img+.img {
        /* margin-top: 10px; */
    }

    /*flow*/
    section.flow h2 {
        font-size: 22px;
        letter-spacing: 1px;
        margin-top: 0;
    }

    section.flow h2::before {
        display: none;
    }

    section.flow .img {
        width: 100%;
        height: 100px;
    }

    .flow_box ul li {
        /* height: 200px; */
        width: 33%;
    }

    section.flow .text_box p.step {
        font-size: 14px;
    }

    .flow2_box ul li p.step {
        color: #87C02D;
        position: relative;
        font-size: 18px;
        font-style: italic;
        font-weight: 600;
        letter-spacing: 1px;
        margin-top: 20px;
    }

    section.flow .text_box {
        padding: 10px 0;
    }

    section.flow .text_box p.ttl {
        font-size: 17px;
        letter-spacing: 1px;
    }

    section.flow .text_box p.text {
        font-size: 14px;
        margin-top: 7px;
    }

    .flow_box ul li+li {
        /* margin-top: 20px; */
    }

    section.flow {
        margin-top: 60px;
    }

    section.flow h2.flow2 {
        margin-top: 25vw;
    }

    .flow2_box ul li .img {
        width: 35%;
        height: auto;
    }

    .flow2_box ul li p.step {
        font-size: 16px;
    }

    .flow2_box ul li p.step::before {
        width: 70px;
        display: none;
    }

    .flow2_box ul li p.ttl {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .flow2_box ul li p.appeal {
        font-size: 15px;
        letter-spacing: 1px;
    }

    .flow2_box ul li p.appeal,
    .flow2_box ul li p.top,
    .flow2_box ul li p.btm {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .flow2_box ul li {
        display: flex;
        align-items: center;
        height: auto;
        padding: 20px 5px;
        justify-content: space-evenly;
        width: 100%;
    }

    .flow2_box ul li .text_box {
        width: 73%;
        text-align: center;
    }

    .flow_sp_num {
        width: 20vw;
        height: 20vw;
        background-color: #87C02D;
        color: #ffef00;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 50%;
        z-index: 3;
        position: relative;
    }

    .flow_sp_num p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8vw;
        font-weight: bold;
        line-height: 0.85;
        margin-bottom: 4vw;
    }

    .flow_sp_num p span {
        font-size: 4vw;
        margin-bottom: 1.2vw;
        display: inline-block;
    }

    .flow_sp_text {
        position: relative;
        z-index: 1;
        margin-top: -12.5vw;
        padding: 10vw 5%;
        border: 3px solid #fbac22;
        background-color: #fff9db;
        text-align: center;
        border-radius: 5px;
    }

    .flow_sp_text h3 {
        font-size: 6vw;
        margin-bottom: 5px;
        color: #87C02D;
    }

    .flow_sp_text p {
        font-size: 3.5vw;
    }

    .flow_sp_back {
        position: absolute;
        bottom: 4vw;
        right: 4vw;
        opacity: 0.3;
        width: 22%;
        z-index: -1;
    }

    .flow_sp_box {
        margin-bottom: 5px;
    }

    .flow_sp_box:last-child {
        margin-bottom: 0;
    }

    .flow_sp_index {
        margin-top: 30px;
    }

    .flow2_sp_box {
        margin-bottom: 5px;
    }

    .flow2_sp_text {
        position: relative;
        z-index: 2;
        margin-top: -12.5vw;
        padding: 25px 5% 10vw;
        border: 3px solid #fbac22;
        background-color: #fff9db;
        text-align: center;
        border-radius: 5px;
    }

    .flow2_sp_text h3 {
        font-size: 6vw;
        margin-bottom: 20px;
        color: #87C02D;
    }

    .flow2_sp_text h4 {
        font-size: 4.5vw;
        background: #87c02c;
        color: #fff;
        font-weight: normal;
        margin-bottom: 8px;
        line-height: 1.5;
        border-radius: 5px;
    }

    .flow2_sp_text p {
        font-size: 4vw;
        margin-bottom: 2px;
    }

    .flow2_sp_text p:last-child {
        margin-bottom: 0;
    }

    .flow2_sp_index {
        margin-top: 30px;
    }

    /*Faq*/
    section.faq h2 {
        font-size: 22px;
        letter-spacing: 1px;
        margin-top: 0;
    }

    dl.topFaq_dl dt.queFirst {
        font-size: 15px;
        letter-spacing: 1px;
        padding: 10px 30px 10px 30px;
    }

    dl.topFaq_dl dt.queFirst:after {
        font-size: 20px;
        right: 10px;
        top: calc(50% - 10px);
    }

    dl.topFaq_dl dt.queFirst.nowOpen:after {
        font-size: 30px;
        top: calc(50% - 15px);
    }

    dl.topFaq_dl dt.queFirst::before {
        font-size: 20px;
        left: 5px;
        top: 5px;
    }

    dl.topFaq_dl dd.cmnAns {
        font-size: 12px;
        letter-spacing: 0.5px;
        padding: 10px 0 10px 30px;
    }

    dl.topFaq_dl dd.cmnAns .siryou.ren {
        margin: 1.2em auto 0;
        transform: translateX(-15px);
    }

    dl.topFaq_dl dd.cmnAns::before {
        font-size: 20px;
        left: 5px;
        height: 38px;
    }

    /*Footer*/
    .footer_logo {
        width: 67vw;
        padding: 8px 10px;
    }

    .footer_box p.text {
        font-size: 14px;
        margin-top: 10px;
    }

    p.copyright {
        font-size: 10px;
        letter-spacing: 1px;
        margin-top: 40px;
    }

    footer.top_footer {
        margin-top: 50px;
        padding: 30px 0 15px;
    }

    section#faq {
        padding: 10vw 3vw;
        width: 95%;
    }

    .slicknav_nav {
        padding-top: 22px;
        background-color: #fff;
    }

    section.top_mv::after {
        display: none;
    }

    .top_mv_textBox p.ttl {
        font-size: 20px;
        line-height: 1.3;
        width: 222px;
        padding: 9px 0;
        margin: auto;
        color: #fff;
        background: #87C02D;
    }

    .top_mv_textBox h1 {
        text-align: center;
        font-size: 18px;
        color: #86c02d;
        text-shadow: none;
        font-weight: 700;
        padding: 0;
        margin: 3vw 0 0;
        line-height: 1.3;
    }

    .top_mv_textBox h1 span.big {
        font-size: 25px;
        display: block;
    }

    section.top_mv .btn_gradient a {
        height: 100%;
        padding: 28px 0 2px;
        text-align: left;
        width: 100%;
        font-size: 17px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .top_mv_textBox a.hdBtn::after {
        right: -246px;
        left: 0;
        top: 0;
        width: 17px;
        height: 17px;
        position: static;
        margin: 0;
        background-size: contain;
        margin-left: 10px;
    }

    section.reason {
        padding: 28px 0 50px 0;
    }

    section.staff h2::before {
        display: none;
    }

    .tab_area label::before {
        display: none;
    }

    .sp_fixed_btn_box {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        background-color: #fff;
        z-index: 1000;
        padding: 10px 15px;
    }

    .sp_fixed_btn_box ul li {
        width: 49.5%;
    }

    .sp_fixed_btn_box ul li a {
        text-align: center;
        display: block;
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        font-size: 12px;
        letter-spacing: 0.03em;
        padding: 6px 0;
    }

    .sp_fixed_btn_box ul li a.line {
        /* background-color: #fd9e2f; */
        /* border-bottom: 4px solid #EB6C00; */
        background: linear-gradient(0deg, #f2912f 35%, #f7b36a);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    }

    .sp_fixed_btn_box ul li a.tel {
        /* background-color: #CE574D; */
        /* border-bottom: 4px solid #b5443b; */
        background: linear-gradient(0deg, #e53c2f 35%, #f07269);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    }

    .sp_fixed_btn_box ul li a span.big {
        font-size: 15px;
        margin-right: 2px;
    }

    body {
        margin-bottom: 64px !important;
        overflow: hidden;
    }

    section.staff::before {
        width: 100%;
    }

    .regular_j {
        position: static;
        padding: 2vw;
    }

    .find_j {
        position: static;
        padding: 2vw;
        margin-left: 0;
    }

    .talk_box {
        width: 100%;
    }

    /* .textBox p br {
    display: none;
} */

    .komaru_img {
        width: 35%;
        margin: -35px 0 0 auto;
    }

    .komaru_area .wrap {
        padding: 20px 0;
    }

    p.reason_num {
        /* z-index: 10; */
        /* left: 10px; */
        /* font-size: 21px; */
        /* top: 12px; */
        margin: 0;
        position: absolute;
        top: -18px;
        z-index: 100;
        right: 0;
        left: 0;
        margin: auto;
        width: 34px;
        height: 34px;
        font-size: 15px;
        line-height: 36px;
    }

    a.siryou {
        font-size: 16px;
        width: 90%;
        line-height: 60px;
        /* padding-left: 70px; */
        padding-right: 10px;
        margin: 35px auto 0;
        /* text-align: left; */
        padding: 0;
    }

    a.siryou::before {
        width: 30px;
        height: 30px;
        left: 15px;
    }

    a.siryou span {
        width: 18px;
        height: 18px;
        /* right: 9px; */
    }

    a.siryou span:after {
        width: 5px;
        height: 5px;
    }

    .contact_btn.flex-sb.wrap {
        margin-top: 10px;
    }

    .komaru_area.flex-sb {
        width: 100%;
        flex-direction: column-reverse;
    }

    a.hdBtn:before {
        width: 20px;
        height: 20px;
    }

    section.top_mv .top_mv_img_box {
        position: relative;
    }

    section.top_mv .top_mv_img_box::after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        background-size: cover;
        background-image: url(/wp-content/uploads/2021/10/top_mv_back_ball.png);
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    /* section.top_mv .top_mv_img_box h1.sp {
    position: absolute;
    bottom: 8%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 4.5vw;
    color: #86c02d;
    font-weight: 700;
    width: 90%;
    line-height: 1.5;
    letter-spacing: 3px;
    padding: 10px;
  border: 1px dotted #11a37f;
    background-color: rgba(255,255,255,0.8);
    z-index: 999;

} */

    section.top_mv .top_mv_img_box h1 span.big {
        font-size: 7.6vw;
        display: block;
        /* background: linear-gradient(transparent 70%, #FFFF03 70%); */
        color: #fff;
        letter-spacing: 0.04em;
        /* -webkit-text-stroke: 0.7px #fff; */
        /* -webkit-text-fill-color: #87c02c; */
    }

    .top_mv_textBox .sp.ttl {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .top_mv_textBox .sp.ttl li {
        /* border: 1px solid #86c02d; */
        border-radius: 100px;
        background-color: #fff;
        font-weight: 600;
        letter-spacing: 0.04em;
        padding: 1px 0.8em;
        background-color: #86c02d;
        color: #fff;
        font-size: 3.2vw;
    }

    .top_mv_textBox .sp.ttl li:nth-child(n + 2) {
        margin-left: 4px;
    }

    .top_mv_textBox a.hdBtn span {
        font-size: 11px;
        position: absolute;
        top: 9px;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #fff;
        width: 187px;
        padding-bottom: 5px;
    }

    .top_mv_textBox a.hdBtn::before {
        position: static;
        margin: 0;
        width: 7%;
        background-size: contain;
        margin-right: 12px;
    }

    section.top_store {
        padding: 50px 0;
    }

    /* TV */

    .tv_sec {
        padding: 75px 0 60px;
    }

    .tv_sec .wrap {
        display: block !important;
    }

    .tv_sec h2 {
        font-size: 4.5vw;
        margin-bottom: 30px;
    }

    .tv_sec h2:before {
        top: auto;
        font-size: 4vw;
        bottom: 0px;
        left: 10px;
    }

    .tv_sec h2::after {
        left: auto;
        font-size: 4vw;
        bottom: 0px;
        right: 10px;
        transform: rotate(3deg);
    }

    .tv_slider_wrap {
        width: 100%;
    }

    .tv_slider_wrap li {
        width: 100%;
        height: 54vw;
        background-size: contain;
    }

    section.corp_logo {
        margin-top: 70px;
    }

    .graph_box .img {
        padding: 16px 20px;
        background-color: #fdfdfd52;
    }

    .mwform-checkbox-field label,
    .mwform-radio-field label {
        display: inline-block !important;
        font-size: 13px;
    }

    .contact_table td {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    span.mwform-checkbox-field.horizontal-item {
        width: 100%;
    }

    p.support_office_txt {
        text-align: left;
    }

    .tab_panel ul li .image {
        width: 100%;
        height: 57vw;
    }

    .tab_panel ul li .text_box {
        width: 100%;
        padding-right: 0;
        margin-top: 13px;
    }

    .top_sp_right p img {
        display: block;
    }

    .top_sp_contents a::before {
        content: '';
        display: block;
        width: 20px;
        height: 24px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 6px;
    }

    .register_sp a::before {
        background-image: url(/wp-content/uploads/2021/12/human_icon_ver02.png);
        width: 24px;
        height: 24px;
    }

    .siryou_sp a::before {
        background-image: url(/wp-content/uploads/2021/12/siryou_icon_ver02.png);
    }

    .tv_slider_wrap .bx-wrapper .bx-prev {
        left: 10px;
    }

    .tv_slider_wrap .bx-wrapper .bx-next {
        right: 10px;
    }

    .tv_slider_wrap .bx-wrapper .bx-next:before,
    .tv_slider_wrap .bx-wrapper .bx-prev:before {
        border-width: 5px 0 5px 8.7px;
        left: 12px;
        top: 10px;
    }

    .tv_slider_wrap .bx-wrapper .bx-controls-direction a {
        width: 30px;
        height: 30px;
        border-radius: 30px;
    }

    .btn_siryo {
        width: 75%;
        bottom: 1.5%;
        background: none;
        left: 12.5%;
        /* margin-left: -36.5vw; */
    }

    .btn_sodan:hover img,
    .btn_siryo:hover img {
        opacity: 1;
    }

    .btn_sodan img {
        padding: 1vw;
    }

    .btn_sodan {
        width: 48%;
        right: 2%;
        bottom: 5%;
        background: none;
    }

    .man {
        width: 26%;
        left: 2%;
        top: -21%;
    }

    .woman {
        width: 26%;
        right: -1%;
    }

    .logo_jisseki img {
        height: auto;
    }

    .logo_jisseki .image {
        width: 42%;
        margin: 2%;
    }

    .graph_box .logo_jisseki {
        padding: 30px 0;
        align-items: center;
    }

    span.time_txt_02 {
        color: #fff !important;
    }

    section#contact {
        margin-top: 50px;
        padding: 10vw 0vw;
        width: 95%;
    }

    /* CT追加分 */
    #reason .content_box ul {
        display: block;
    }

    #reason .content_box ul li {
        width: 100%;
    }

    #reason .content_box ul li .title_box .num {
        font-size: 3.2vw;
        margin-right: 2vw;
    }

    #reason .content_box ul li .title_box .num .big {
        font-size: 5vw;
    }

    #reason .content_box ul li .title_box .title {
        font-size: 4vw;
        text-align: center;
        margin-right: 3vw;
        font-weight: 700;
    }

    #reason .content_box ul li .title_box .icon {
        width: 13%;
    }

    #reason .content_box ul li .title_box {
        padding: 0vw 0 1vw;
    }

    #reason .content_box ul li .text_box {
        padding: 3vw 1vw 5vw;
        margin-top: -3vw;
    }

    #reason .content_box ul li .text_box .text {
        font-size: 3.5vw;
    }

    #reason .content_box ul li+li {
        margin-top: 7vw;
    }

    #reason .content_box ul li:after {
        right: 50%;
        margin-right: -11vw;
        top: auto;
        bottom: -13vw;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5vw 10.5vw 0 10.5vw;
        border-color: #87c02d transparent transparent transparent;
    }

    .tab_area label+label {
        margin-left: 0;
    }

    section#about_section {
        padding: 8vw 0;
        margin-top: 10vw;
    }

    section#about_section .textArea {
        width: 100%;
    }

    section#about_section .textArea h2 {
        font-size: 5vw;
    }

    section#about_section .textArea h3 {
        font-size: 4.5vw;
    }

    section#about_section .textArea p {
        font-size: 3.5vw;
    }

    section#about_section .image {
        width: 100%;
        padding: 0 10vw;
        order: -1;
        margin-bottom: 4vw;
    }

    .contact_btn.flex-sb.wrap a.register.sp {
        display: flex;
    }

    .contact_btn.flex-sb.wrap a.siryou.pc {
        display: none;
    }

    #store .kanagawa_box ul {
        justify-content: space-between;
    }

    #store .kanagawa_box ul li+li {
        margin-left: 0;
    }

    .tab_panel .inner+.inner {
        margin-top: 8vw;
    }

    .tab_panel .inner>.title {
        font-size: 5vw;
        padding: 0;
        text-align: center;
        margin-bottom: 2vw;
    }

    .tab_panel .inner>.title::before,
    .tab_panel .inner>.title::after {
        top: 3.6vw;
    }

    .tab_panel .inner>.title::before {
        width: 37.5%;
    }

    .tab_panel .inner>.title::after {
        width: 38%;
    }

    .tab_panel .inner:first-of-type>.title::after {
        width: 35%;
    }

    .tab_panel .inner:first-of-type>.title::before {
        width: 35%;
    }


    section#top_video {
        padding-top: 10vw;
        margin-top: 60px;
    }

    section#top_video .video {
        width: 100%;
    }

    .tab_panel ul li .image.back {
        height: 64vw;
        background-position: center;
    }

    section#top_video .h2_box h2 .sub {
        font-size: 14px;
    }

    section#top_video .h2_box h2 .main {
        font-size: 26px;
    }

    section#top_video .h2_box {
        margin-bottom: 3vw;
    }

    section.top_store .sub_title {
        font-size: 4vw;
        align-items: flex-end;
        margin-bottom: 1.7vw;
    }

    section.top_store .sub_title .text {
        text-align: center;
    }

    section.top_store .sub_title .color {
        translate: 0 0;
    }

    section.top_store .sub_title::before,
    section.top_store .sub_title::after {
        height: 2.2em;
        width: 3px;
        translate: 0 0;
    }

    .sp_hd_cta {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        letter-spacing: .04em;
        line-height: 1.4;
        height: 39px;
        color: #fff !important;
        width: 118px;
        text-align: center;
        background: linear-gradient(0deg, #e53c2f 35%, #f07269);
        top: 21px;
        bottom: 0;
        right: 42px;
        text-decoration: none;
        flex-direction: column;
    }

    .sp_hd_cta .size {
        font-size: .75em;
    }

    /* お悩みセクション */
    .top_problem {
        margin-top: 15vw;
    }

    .top_problem::after {
        aspect-ratio: 10/1;
    }

    .top_problem .problem_sec {
        /* position: relative; */
    }

    .top_problem .problem_sec .ttl_box {
        padding: 3vw 5vw;
        top: -5vw;
        margin-bottom: 8vw;
    }

    .top_problem .problem_sec .ttl_box::before {
        width: 14vw;
    }

    .top_problem .problem_sec .ttl_box .ttl {
        font-size: 4vw;
    }

    .top_problem .problem_sec .ttl_box .ttl .size {
        font-size: 7vw;
    }

    .top_problem .problem_sec .text_box .text {
        font-size: 3.6vw;
    }

    .top_problem .problem_sec .text_box .text:nth-child(1) {
        top: 20vw;
        left: 5vw;
    }

    .top_problem .problem_sec .text_box .text:nth-child(2) {
        top: 20vw;
        right: 8vw;
    }

    .top_problem .problem_sec .text_box .text:nth-child(3) {
        top: 70vw;
        left: 5vw;
    }

    .top_problem .problem_sec .text_box .text:nth-child(4) {
        top: 70vw;
        right: 5vw;
    }

    .top_problem .problem_sec .text_box .text::before {
        width: 37vw;
    }

    .top_problem .problem_sec .img_box {
        width: 90vw;
    }

    .top_problem .problem_sec .img_box img {
        width: 100%;
        display: block;
    }

    /* 提案セクション */
    .top_suggestion {
        padding: 16vw 0 6vw;
    }

    .top_suggestion::before {
        background-image: url(/wp-content/uploads/2023/11/suggestion_sec_back_sp.png);
        opacity: 0.1;
    }

    .top_suggestion .suggestion_sec .ttl_box {
        margin-bottom: 5vw;
    }

    .top_suggestion .suggestion_sec .ttl_box .ttl {
        font-size: 5vw;
        /* text-align: left; */
    }

    .top_suggestion .suggestion_sec .ttl_box .ttl .size {
        font-size: 7vw;
    }

    .top_suggestion .suggestion_sec .suggestion_cont .img_box {
        width: 500px;
        flex-shrink: 0;
    }

    .top_suggestion .suggestion_sec .suggestion_cont .img_box img {
        width: 100%;
        display: block;
    }

    .top_suggestion .suggestion_sec .suggestion_cont {
        /* display: flex; */
        /* justify-content: center; */
        /* align-items: center; */
        /* gap: 0 50px; */
        margin-bottom: 5vw;
    }

    .top_suggestion .suggestion_sec .suggestion_cont .img_box {
        width: 60vw;
        margin: 0 auto 4vw;
    }

    .top_suggestion .suggestion_sec .suggestion_cont .text_box .text {
        font-size: 4vw;
    }

    .top_suggestion .suggestion_sec .suggestion_cont .text_box .text .color {
        color: #F7931D;
    }

    .top_suggestion .suggestion_sec .arrow {
        width: 18vw;
    }

    .top_suggestion .suggestion_sec .arrow img {
        /* width: 100%; */
    }

    /* 選ばれる3つのポイント */
    .top_strong {
        padding-bottom: 10vw;
        margin-bottom: 20vw;
    }

    .top_strong .ttl_box {
        padding: 3vw 0;
        margin-bottom: 10vw;
    }

    .top_strong .ttl_box::before {
        width: 12vw;
        aspect-ratio: 3/1;
    }

    .top_strong .ttl_box .ttl {
        font-size: 4vw;
    }

    .top_strong .ttl_box .ttl .size {
        font-size: 8vw;
    }

    .top_strong .strong_sec {
        padding: 0 5vw;
    }

    .strong_sec .container {
        padding: 0;
    }

    .top_strong .strong_sec ul {
        grid-template-columns: 1fr;
        gap: 5vw 0;
        margin-bottom: 10vw;
    }

    .top_strong .strong_sec ul li {
        padding: 8vw 5vw 7vw;
    }

    .top_strong .strong_sec ul li .num {
        font-size: 7vw;
        line-height: 12vw;
        width: 12vw;
        top: -3vw;
        left: -3vw;
    }

    .top_strong .strong_sec ul li .theme_box {
        padding-bottom: 3vw;
        margin-bottom: 9vw;
        min-height: auto;
    }

    .top_strong .strong_sec ul li .theme_box .theme {
        font-size: 5vw;
    }

    .top_strong .strong_sec ul li .theme_box .theme .size {
        font-size: 7vw;
    }

    .top_strong .strong_sec ul li .theme_box .theme .ruby_word rt {
        font-size: 5vw;
        transform: translateY(0.1em);
    }

    .top_strong .strong_sec ul li .theme_box .theme .ruby_word .small {
        transform: scale(0.7);
        margin: 0 -1.7vw;
        transform-origin: center 7.9vw;
    }

    .top_strong .strong_sec ul li .theme_box .theme .ruby_word .small_rt {
        transform: translateY(0.25em);
    }

    .top_strong .strong_sec ul li .theme_box .theme .border {
        background: linear-gradient(transparent 70%, #F7931E 30%);
    }

    .top_strong .strong_sec ul li .img_box {
        width: 80%;
        margin: 0 auto 5vw;
        height: auto;
    }

    .top_strong .strong_sec ul li .text_box .text {
        font-size: 3.4vw;
    }

    .top_strong .strong_sec .note_box .note {
        font-size: 3vw;
    }

    .common_page_wrap {
        margin-top: 130px;
    }

    .hd_text {
        position: absolute;
        top: 52px;
        left: 10px;
        font-size: 8px;
        color: #a0a0a0;
    }

    .top_footer .jiritsu_ban {
        margin: 4vw auto 0;
        width: 90vw;
    }

    #tab_2:checked~.panel_area #panel_2 .kanagawa_box {
        height: 26vw !important;
        padding: 4vw;
        margin-bottom: 8vw;
    }

    #tab_2:checked~.panel_area #panel_2 .kanagawa_box ul {
        gap: 2vw;
    }

}