@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav.gnav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-weight: normal;
}
body {
    line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav.gnav,
section {
    display: block;
}
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
del {
    text-decoration: line-through;
}
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input,
select {
    vertical-align: middle;
}

/*================================================
 *  一般・共通設定
 ================================================*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 14px;
    font-family: "Noto Sans JP", Helvetica, Arial, "メイリオ", Meiryo,
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック",
        Osaka, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.75;
    background: #fff;
    letter-spacing: 0.15em;
    color: #222222;
    -webkit-text-size-adjust: 100%;
}
body {
    overflow-x: hidden;
}
#contents {
    width: 1060px;
    margin: 0 auto 100px;
}

header + #contents {
    padding-top: 80px;
}

.inner {
    width: 100%;
    margin: 0 auto;
}

a,
a:visited,
a:active {
    color: #222222;
    text-decoration: none;
}

a:hover {
    color: #007f65;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    transition: 0.3s ease-in-out;
}

header {
    background-color: rgba(255, 255, 255, 0.8);
}

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

h2 {
    margin-top: 50px;
    margin-bottom: 0.3em;
    font-size: 50px;
    color: #008719;
    text-align: center;
    line-height: 1;
    font-weight: bold;
}

h2 span {
    font-size: 22px;
    color: #223870;
    display: block;
    font-weight: bold;
    margin-top: 1em;
}

h2 span.sub {
    font-size: 22px;
    color: #223870;
    display: block;
    font-weight: bold;
    margin-bottom: 1em;
}

h3 {
    margin: 0 auto 1.6em;
    font-size: 16px;
    color: #222222;
}

h4 {
    margin-top: 0;
    margin-bottom: 0.8em;
    font-size: 30px;
    font-weight: bold;
    color: #007f65;
    background: url("../img/icon_sttl.png") no-repeat left center;
    padding-left: 40px;
}

h4.h4_white {
    margin-top: 0;
    margin-bottom: 0.8em;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    padding: 6px 0 0px 10px;
    background: #007f64 url("../img/work_fild.png") no-repeat center right 10px /
        contain;
}
h4.h4_white span {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background: url("../img/icon_sttl_w.png") no-repeat left center;
    padding-left: 40px;
}

h5.grad {
    border-image: linear-gradient(
            to right,
            #005a48,
            #007f65,
            #43bea5,
            #6be3df,
            #40ac96
        )
        1/0 0 4px 0;
    border-style: solid;
    color: #212121;
    font-size: 22px;
    line-height: 3em;
    padding-left: 3px;
    margin-bottom: 30px;
}

h5 {
    color: #223870;
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 16px;
    font-weight: bold;
    letter-spacing: 0;
}

h6 {
    margin-bottom: 0.25em;
    padding-left: 5px;
    font-size: 16px;
    font-weight: bold;
}

p {
    margin: 0 0 1.6em 0;
}

img {
    max-width: 100%;
    vertical-align: bottom;
    flex-shrink: 0;
}

figure {
    padding-bottom: 30px;
    text-align: center;
}

em {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

pre {
    margin: 1em 0;
    padding: 1em;
}

mark {
    font-weight: bold;
    color: rgba(213, 0, 3, 1);
}

blockquote {
    margin-bottom: 1em;
    padding: 1em;
    border: 1px dotted #ddd;
    border-left: 5px solid #ddd;
}

ul,
ol,
dl {
    margin: 0 0 0em 0;
}
ul li {
    list-style: none;
}
ol li {
    list-style: none;
}

dt {
    margin-bottom: 0.6em;
    display: inline-block;
    width: 15%;
}
dd {
    margin-bottom: 0.6em;
    display: inline-block;
    width: 84%;
}

table {
    width: 100%;
    margin: 0 auto 1em;
    border-collapse: collapse;
    border: 1px solid #ddd;
}
th {
    padding: 10px 10px 10px 1.6em;
    text-align: left;
    vertical-align: top;
    border: 1px solid #ddd;
    background: #e5e5e5;
    width: 30%;
    color: #222222;
}
td {
    padding: 10px 10px 10px 1.6em;
    text-align: left;
    border: 1px solid #ddd;
}
table.p_date,
table.p_date02 {
    margin-bottom: 1.6em;
}
table.p_date th,
table.p_date02 th {
    width: 40%;
}
table.p_date th,
table.p_date td,
table.p_date02 th,
table.p_date02 td {
    padding: 3px 3px 3px 1em;
}
table.p_date td span {
    background: linear-gradient(transparent 50%, #befdac 50%);
}
table.p_date02 td span {
    background: linear-gradient(transparent 50%, #fff99c 50%);
}

table.formTable {
    table-layout: fixed;
}

table.formTable td {
    word-wrap: break-word;
}

/*================================================
 *  汎用クラス
 ================================================*/
.inner table iframe {
    width: 95%;
}
.m_16 {
    margin-bottom: 1.6em !important;
}
.m_t30 {
    margin-top: 30px;
}
.m_t60 {
    margin-top: 50px;
}
.m_t80 {
    margin-top: 80px;
}
.m_t100 {
    margin-top: 100px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.p_t80 {
    padding-top: 80px;
}
.p_t75 {
    padding-top: 75px;
}
.p_t50 {
    padding-top: 50px;
}
.p_b40 {
    padding-bottom: 40px;
}
.f_black {
    color: #222222;
    letter-spacing: 0;
}
.f_b {
    color: #223870;
}
.f_red {
    color: #ed1b23;
}
.f_green {
    color: #008719;
    font-weight: bold;
}
.f_black {
    color: #222222;
}

.f_bold {
    font-weight: bold;
}
.l_spacing {
    letter-spacing: 0;
}
/* 中央寄せ */
.center {
    text-align: center;
}

.center-m {
    margin: 0 auto;
}
.d_block {
    display: block;
    margin-top: 0.6em;
}
p.error_messe {
    color: rgba(199, 0, 0, 1);
}
small {
    font-size: 80%;
    color: rgba(43, 43, 43, 1);
}
.ls-none {
    letter-spacing: 0;
}

/* 左寄せ */
.left {
    text-align: left;
}

/* 右寄せ */
.right {
    text-align: right;
}

/* 写真中央寄せ */
.imgC {
    clear: both;
    overflow: hidden;
    margin: 0 auto 50px auto;
    margin-bottom: 50px;
    text-align: center;
}
.imgC img {
    margin-bottom: 10px;
}

/* 写真左寄せ */
.imgL {
    clear: both;
    overflow: hidden;
    margin-bottom: 50px;
}
.imgL img {
    float: left;
    margin: 0 10px 0 0;
}

.catch {
    font-size: 18px;
    color: #223870;
    font-weight: bold;
}
.f_left {
    float: left;
}

@media screen and (max-width: 767px) {
    .imgL {
        margin-bottom: 20px;
    }
    .imgL img {
        float: none;
        margin: 0 0 10px 0;
    }
}

/* 写真右寄せ */
.imgR {
    clear: both;
    overflow: hidden;
    margin-bottom: 50px;
}
.imgR img {
    float: right;
    margin: 0 0 0 10px;
}

@media screen and (max-width: 767px) {
    .imgR {
        clear: both;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .imgR img {
        float: right;
        margin: 0 0 10px 0;
    }
}

/* 写真ズーム */
.zoom {
    overflow: hidden;
}
.zoom img {
    display: block;
    -moz-transition: -moz-transform 0.8s linear;
    -webkit-transition: -webkit-transform 0.8s linear;
    -o-transition: -o-transform 0.8s linear;
    -ms-transition: -ms-transform 0.8s linear;
    transition: transform 0.8s linear;
}
.zoom img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.zoom img {
    margin-bottom: 0;
}

/* オーバーレイ */
.overlay {
    position: relative;
}
.overlay::after {
    background: rgba(0, 0, 0, 0.5);
    content: "　";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.3s ease-out;
    pointer-events: none;
}
.overlay:hover::after {
    background: rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-out;
}
.overlay img {
    margin-bottom: 0;
}

.waku {
    border: 1px solid #c9c9c9;
    max-width: 340px;
    text-align: center;
}

.waku a {
    color: #222222;
}

.waku p {
    text-align: center !important;
    background: url("../img/icon_yaji.png") no-repeat 95% center;
    font-size: 20px;
    font-weight: bold;
    padding: 1em 0;
    margin-bottom: 0;
}

.bg_blue {
    background-color: #e7eefd;
}

/* 2カラム（スマートフォンでは1カラム) */
.twoCol,
.faq_btn_box {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}
.twoCol .inner,
.twoCol .inner_episode,
.twoCol .inner_numL,
.twoCol .inner_numR {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-direction: column-reverse;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column;
    width: 48.98%;
    width: calc((510 / 1060) * 100%);
    height: auto;
    margin: 0 0 1.6em 0;
}
.twoCol .inner02 {
    position: relative;
    overflow: hidden;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-direction: column-reverse;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column;
    width: 48.98%;
    width: calc((510 / 1060) * 100%);
    height: auto;
    margin: 0 0 1.6em 0;
}
.twoCol .inner_episode {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.twoCol .inner_Left {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: left;
    -webkit-box-align: left;
    -webkit-align-items: left;
    align-items: left;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-direction: column-reverse;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column;
    width: 48.98%;
    width: calc((510 / 1060) * 100%);
    height: auto;
    margin: 0 0 1.6em 0;
}
.twoCol .inner_L,
.twoCol .inner_numL {
    width: 60%;
}

.twoCol .inner_R,
.twoCol .inner_numR {
    width: 35%;
}
.twoCol .inner h4 {
    width: 100%;
    margin-top: 0;
    text-align: left;
}
.twoCol .inner p.font {
    width: 100%;
    margin-bottom: 0;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3",
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
        "ＭＳ 明朝", serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
}
.twoCol .inner > a {
    width: 100%;
    height: 100%;
}
.twoCol .inner .image {
    width: 100%;
    min-height: 0%;
}
.twoCol .inner img {
    width: 100%;
}
.twoCol .inner .btn {
    margin-top: auto;
    padding-top: 20px;
}
.twoCol .inner .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .twoCol {
        display: block;
        margin-bottom: 20px;
    }
    .twoCol .inner,
    .twoCol .inner_Left,
    .twoCol .inner02,
    .twoCol .inner_numL,
    .twoCol .inner_numR {
        width: 100%;
        margin: 0 0 10px 0;
        justify-content: center;
    }
}

/* 3カラム（スマートフォンでは1カラム) */
.threeCol {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}
.threeCol .inner {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 32.14%;
    width: calc((315 / 1060) * 100%);
    margin: 0 0 20px 0;
}
.threeCol .inner h4 {
    width: 100%;
    margin-top: 0.5em;
    text-align: left;
}
.threeCol .inner p {
    width: 100%;
    margin-bottom: 0;
    text-align: justify;
}
.threeCol .inner > a {
    width: 100%;
    height: 100%;
}
.threeCol .inner .image {
    width: 100%;
    min-height: 0%;
}
.threeCol .inner img {
    width: 100%;
}
.threeCol .inner .btn {
    margin-top: auto;
    padding-top: 20px;
}
.threeCol .inner .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .threeCol {
        display: block;
        margin-bottom: 20px;
    }
    .threeCol .inner {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

/* 4カラム（スマートフォンでは2カラム) */
.fourCol {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}
.fourCol .inner {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 23.46%;
    width: calc((230 / 1060) * 100%);
    margin: 0 0 20px 0;
}
.fourCol .inner_w {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 24%;
    width: calc((255 / 1060) * 100%);
    margin: 0 0 20px 0;
}
.fourCol .inner h4 {
    width: 100%;
    margin-top: 0.5em;
    text-align: left;
}
.fourCol .inner p {
    width: 100%;
    margin-bottom: 0;
    text-align: justify;
}
.fourCol .inner > a {
    width: 100%;
    height: 100%;
}
.fourCol .inner .image {
    width: 100%;
    min-height: 0%;
}
.fourCol .inner img {
    width: 100%;
}
.fourCol .inner .btn {
    margin-top: auto;
    padding-top: 20px;
}
.fourCol .inner .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    pointer-events: none;
}

/* MRPを知るバナー */
.message .inner {
    width: 30%;
    font-size: 18px;
}

.spbanner {
    display: none;
}

@media screen and (max-width: 767px) {
    .fourCol {
        margin-bottom: 20px;
    }
    .fourCol .inner {
        box-sizing: border-box;
        width: 48.98%;
        width: calc((480 / 1060) * 100%);
        margin-bottom: 10px;
    }
    .fourCol .inner_w {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 10px;
    }
}

/* その他　FlexBox（スマートフォンでは2カラム) */
.flexbox,
.flexbox_C {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 48.98%;
    width: calc((510 / 1060) * 100%);
}
.flexbox_C {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flexCol,
.flexCol_wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
    justify-content: center;
}
.flex_saiyo {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex_saiyo .innerL_saiyo {
    width: 62%;
}
.flex_saiyo .innerR_saiyo {
    width: 30%;
}

@media screen and (max-width: 900px) {
    .message .inner p {
        font-size: 15px;
    }
}
@media screen and (max-width: 780px) {
    ul.flexCol,
    .twoCol .flexstart {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .message {
        margin-bottom: 0px;
        display: flex;
        flex-wrap: wrap;
    }
    .message .inner {
        width: 49%;
        margin: 0 0 10px 0;
    }
    .message .inner p {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .flexCol {
        margin-bottom: 20px;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
    }
    .flexCol_wrap {
        justify-content: center;
    }
    .flexbox,
    .flexbox_C {
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 98%;
    }
}

@media screen and (max-width: 400px) {
    .message .inner p {
        font-size: 14px;
    }
}

@media screen and (max-width: 370px) {
    .m_t80 .message {
        display: none;
    }

    .spbanner {
        display: block;
    }
    .spbanner ul {
        list-style-type: none;
    }
    .spbanner a {
        display: block;
        width: 100%;
        padding: 10px 10px;
        text-decoration: none;
        text-align: center;
        border: solid 1px #000000;
        margin-bottom: 10px;
    }
    .spbanner a:hover {
        opacity: 0.8;
    }
}

/*================================================
 *  img 100%
 ================================================*/
.img {
    width: 100%;
}

/*================================================
 *  Content
 ================================================*/
@media print, screen and (min-width: 769px) {
    .pc_none {
        display: none !important;
    }
}
@media print, screen and (min-width: 769px) {
    .graph_pc_none {
        display: none !important;
    }
}
#pankuzu {
    width: 1060px;
    margin: 0 auto;
    text-align: right;
}
.h3_box_work {
    max-width: 70%;
    text-align: left;
    margin: 0 auto;
}

.h3_box_mrp {
    max-width: 55%;
    text-align: left;
    margin: 0 auto;
}

.h3_box_mrp02 {
    max-width: 55%;
    text-align: center;
    margin: 0 auto;
}

.h3_box_work h3 {
    text-align: left;
}

.inner500 {
    width: 48%;
}

.work_box_img {
    width: 100%;
    height: 100%;
}

ul.work_box {
    width: 98%;
    height: 100%;
    border: 1px solid rgba(228, 228, 228, 1);
    box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 1em;
}

ul.work_box li.work_sttl {
    color: #223870;
    border-bottom: 2px solid #223870;
    padding: 0 8px 0px;
    display: inline-block;
    margin: 0.3em 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

ul.work_box li.work_ttl {
    color: #007f65;
    padding: 0;
    display: block;
    margin: 0em 0 0.3em;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

ul.work_box li.work_text {
    display: block;
    padding: 0px 12px;
    margin: 1.6em 0;
    text-align: left;
}
.button {
    display: inline-block;
    width: 200px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    outline: none;
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 2px solid #333;
    line-height: 50px;
    overflow: hidden;
    cursor: pointer;
}
.button_w100 {
    display: inline-block;
    width: 100%;
    height: 54px;
    text-align: center;
    text-decoration: none;
    outline: none;
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 2px solid #333;
    line-height: 50px;
    overflow: hidden;
}
.button:hover,
.button_w100:hover {
    color: #fff;
}
.button::before,
.button::after,
.button_w100::before,
.button_w100::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: "";
}
.button,
.button::before,
.button::after,
.button_w100,
.button_w100::before,
.button_w100::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.button::after,
.button_w100::after {
    top: 0;
    left: 0;
    width: 101%;
    height: 100%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.button:hover::after,
.button_w100:hover::after {
    background: #333;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.button a,
.button_w100 a {
    display: block;
}
.button a:hover,
.button_w100 a:hover {
    color: #fff;
}
ul.member {
    position: relative;
}
.member li.icon_dream {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 15;
}
.member li.icon_dream_R {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}
.member li.member_pic {
    display: block;
    width: 100%;
    margin-bottom: 1.2em;
    position: relative;
}
.member li.member_pic .active {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 1s;
}
li.member_pic:hover .active {
    opacity: 1;
}
.member li.mamber_name {
    position: relative;
    display: block;
    margin-bottom: 1.6em;
    font-size: 1em;
    color: #007f65;
    font-weight: bold;
}
.member li.mamber_name li.banner_chibacari_s {
    position: absolute;
    top: -115px;
    right: 5px;
    z-index: 10;
}
.member li.mamber_name li.banner_chibacari_s a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    transition: 0.3s ease-in-out;
}
.member li.member_come {
    display: block;
    width: 100%;
    margin-bottom: 1.6em;
    border-bottom: 1px dashed #999999;
}
.member li.member_come em,
.member li em {
    color: #223870;
    font-style: normal;
    font-size: 1em;
    margin-bottom: 16px;
    display: block;
}
li.come_box {
    display: inline-block;
    padding: 0;
    margin: 0 0 1.6em;
    max-width: 212px;
}
.modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
.modal__bg {
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content {
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    background: #fff url("../img/img_bg_rainbow.png") no-repeat left bottom;
}
.js-modal-close-btn {
    position: absolute;
    right: 2%;
    bottom: 5%;
}
p.madal_name {
    font-size: 120%;
    color: #007f65;
    font-weight: bold;
}

.chart_piebox {
    width: 480px;
    height: 100%;
    position: relative;
    z-index: 80;
    overflow: visible;
}
.place01,
.place02 {
    position: absolute;
    top: 52%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 280%;
    font-weight: bold;
    line-height: 1;
}
.place02 {
    font-size: 300%;
    top: 48%;
}
.place01 span,
.place02 span {
    color: #038619;
    display: block;
    font-weight: bold;
}
.flex_chart {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    align-items: center;
}
.flex_chart .wide {
    width: 55%;
}
ul.chart1_label {
    width: 45%;
    margin: 0px auto;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.chart1_label li {
    padding: 0px 4px;
    font-size: 20px;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
}
ul.chart1_label li span {
    color: #008719;
    font-weight: bold;
}

.number_box {
    border: 8px solid #007f65;
    border-radius: 20px;
    padding: 10px;
}
.number_box table {
    border: none;
    width: 90%;
    margin-bottom: 0;
}
.number_box table td,
.number_box table th {
    border: none;
    padding: 8px;
    vertical-align: middle;
}
.number_box .font01,
.number_box .font01,
.number_box .font01 span.num {
    font-size: 70px;
    color: #008719;
    margin-bottom: 20px;
    line-height: 100%;
    font-weight: bold;
}
.number_box .font02,
.number_box .font02-G,
.number_box .font02-G span {
    font-size: 53px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 100%;
    font-weight: bold;
}
.number_box .font03,
.number_box .font03-G,
.number_box .font03-G span {
    font-size: 30px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 100%;
    font-weight: bold;
    letter-spacing: 0;
}
.number_box .font02-G,
.number_box .font03-G,
.number_box .font02-G span,
.number_box .font03-G span {
    color: #008719;
}
.number_box .font04,
.number_box .font04 span {
    font-size: 100px;
    color: #008719;
    margin-bottom: 20px;
    line-height: 110%;
    font-weight: bold;
}
.number_box .font05,
.number_box .font07 {
    font-size: 40px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 100%;
    font-weight: bold;
}
.number_box .font06 {
    font-size: 24px;
    color: #007f65;
    margin-bottom: 20px;
    line-height: 120%;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.number_box .font06-b {
    font-size: 24px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 130%;
    font-weight: bold;
}
.number_box01 {
    background-image: url("../img/icon_number01.png"),
        url("../img/icon_number02.png");
    background-repeat: no-repeat, no-repeat;
    background-position: bottom 10px left 10px, bottom 10px right 10px;
    background-size: auto, auto;
}
.number_box03 {
    position: relative;
}
.number_box03 .number_ttl03 {
    margin-bottom: 0.8em;
    font-size: 30px;
    font-weight: bold;
    color: #007f65;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.num_text01 {
    position: absolute;
    z-index: 110;
    top: 40px;
}
.fadein {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.5s ease-out;
}
.border_link a {
    color: #007f65;
    margin-bottom: 5px;
    display: inline-block;
    border-bottom: 1px solid #fff;
}
.border_link a:hover {
    border-bottom: 1px solid #007f65;
}
.index_hr {
    margin: 60px auto;
    height: 10px;
    border: 0;
    background: url(../img/index_hr.gif) repeat-x;
}
/*================================================
 *  IE11
 ================================================*/
@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop,
    .num_text01 {
        left: 0;
    }
    *::-ms-backdrop,
    .num_text02 {
        left: 0;
    }
}
.num_text02 {
    position: absolute;
    z-index: 120;
    top: 0;
}
.num_text03 {
    position: absolute;
    z-index: 130;
    top: -30px;
}
.num_text04 {
    position: absolute;
    z-index: 130;
    top: -30px;
    left: 20px;
}
.num_text05 {
    position: absolute;
    z-index: 130;
    top: -30px;
    left: 10px;
}
.number_box02 {
    background: url("../img/icon_number03.png") no-repeat bottom 10px center /
        auto;
}
.number_box04 {
    background: url("../img/icon_number05.png") no-repeat bottom 10px center /
        auto;
}
.number_box15 {
    background: url("../img/icon_number18.png") no-repeat bottom 80px right 30px /
        auto;
}
.number_box16 {
    background: url("../img/icon_number16.png") no-repeat bottom 10px center /
        auto;
}
.number_box17 {
    background: url("../img/icon_number17.png") no-repeat bottom 10px center /
        auto;
}
.number_box18 {
    background: url("../img/icon_number15.png") no-repeat bottom 10px right 10px /
        30%;
}
.number_box22 {
    background: url("../img/icon_number22L.png") no-repeat left 30px bottom 20px /
            20%,
        url("../img/icon_number22R.png") no-repeat right 30px bottom 20px /20%;
}
.number_box10 {
    background: url("../img/icon_number23.png") no-repeat center top 60% / 15%;
}
.number_box11 {
    background: url("../img/icon_number11.png") no-repeat left 50px bottom 10% /
        40%;
}
.number_box14 {
    background: url("../img/icon_number04.png") no-repeat right 10px bottom 10px /
        30%;
}
.number_box .number_ttl,
.number_box .number_ttl_s {
    margin-bottom: 0.8em;
    font-size: 30px;
    font-weight: bold;
    color: #007f65;
    letter-spacing: 0;
    text-align: center;
}
.number_box .number_ttl_s {
    margin-bottom: 0;
}
.twoCol .number_box .img {
    width: 80%;
}
.number_box span.font_normal {
    font-size: 13px;
    display: block;
}

/*================================================
 *  IE11
 ================================================*/
@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop,
    .number_box span.font_normal {
        width: 100%;
    }
}

.number_box .w_img {
    width: 20%;
    text-align: center;
    margin: 10px auto 0;
}
.number_box .w_img img {
    width: 100%;
    height: auto;
}
.number_box .wL_30 {
    width: 30%;
}
.number_box table.wR_table {
    width: 65%;
}
.number_box table.wide {
    width: 100%;
}
.number_box table.width60 {
    width: 60%;
}
.inner_text {
    padding: 2em 8em 0 2em;
}
.work_area {
    border: 3px solid #008719;
    border-radius: 20px;
    padding: 10px;
}
.work_area ul.work_area_left {
    width: 26%;
    border-right: 3px solid #008719;
    padding: 12px;
}
.work_area li {
    display: block;
    text-align: center;
}
.work_area li.waL_ttl {
    color: #008719;
    font-size: 26px;

    margin-bottom: 12px;
}
.work_area li.waL_pic img {
    width: 100%;
}
.work_area .work_area_right {
    width: 70%;
    padding: 12px;
}
.work_area .work_area_right p {
    font-size: 16px;
}
.work_area .work_area_right p.detail_ttl {
    font-size: 16px;
    color: #fff;
    background-color: #008719;
    padding: 6px 1em;
}
.work_area .work_area_right ul {
    display: table;
}
.work_area .work_area_right ul li {
    display: table-cell;
    vertical-align: top;
    width: 46%;
    text-align: left;
    font-size: 16px;
    padding-right: 1.5em;
}
.work_area .work_area_right ul li.all_box {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    text-align: left;
    font-size: 16px;
}
.satisfaction_ttl {
    background: url("../img/bg_satisfaction.png") no-repeat center left / auto;
    height: 107px;
    padding: 30px 0 0 50px;
    width: 100%;
    margin-bottom: 1em;
}
.episode_ttl {
    background: url("../img/bg_episode.png") no-repeat center left / auto;
    height: 107px;
    padding: 30px 0 0 50px;
    width: 100%;
    margin-bottom: 1em;
}
.satisfaction_ttl span,
.episode_ttl span {
    padding-left: 70px;
    font-size: 26px;
    text-align: left;
    color: #243772;
    border-bottom: 8px solid #243772;
    display: block;
}
p.font16 {
    font-size: 16px;
}
.swiper-container {
    max-width: 500px;
    margin: 30px 0;
}
ul.normal-list {
    padding-left: 1em;
    width: 70%;
}
ul.normal-list li {
    list-style: none;
    display: inline-block;
}
.radio-plain {
    width: 15px;
    height: 15px;
    top: -1px;
    position: relative;
}
.page_btn {
    width: 100%;
}
.page_btn li a {
    cursor: pointer;
}
.faqbox {
    height: 100%;
}
.faqbox:nth-child(2n) {
    margin-bottom: 40px;
}
.faqbox figure {
    margin: 0;
    padding-bottom: 10px;
    text-align: left;
}
.q-img-left {
    margin-left: 4px;
    margin-top: -1px;
    float: left;
    width: 95px;
    height: 105px;
}
.q-text-right {
    position: relative;
    display: block;
    margin: 0em 120px 1.5em;
    padding: 1.2em;
    min-width: 120px;
    max-width: 100%;
    font-size: 100%;
    background: #dde7ff;
    top: 10px;
}
.q-text-right:before {
    content: "";
    position: absolute;
    top: 30%;
    left: -30px;
    margin-top: 0px;
    border: 10px solid transparent;
    border-right: 20px solid #dde7ff;
}
p.faqbox-text {
    margin-bottom: 0;
    text-indent: -1em;
    padding-left: 2em;
}
.q-text-right p.faqbox-text span,
.a-text-left p.faqbox-text span {
    display: inline-block;
    margin-right: 0.8em;
    font-size: 130%;
    color: #2c4482;
}
.a-text-left p.faqbox-text span {
    color: #008719;
}
.faqbox figure img {
    width: 100%;
    height: 100%;
    border: 2px solid #eee;
    border-radius: 50%;
    margin: 0;
}
.a-img-right {
    margin-right: 4px;
    margin-top: -1px;
    float: right;
    width: 95px;
    height: 105px;
}
.a-text-left {
    position: relative;
    display: block;
    margin: 0em 120px 1.5em;
    padding: 1.2em;
    min-width: 120px;
    max-width: 100%;
    font-size: 100%;
    background: #dbf6f1;
}
.a-text-left:before {
    content: "";
    position: absolute;
    top: 20%;
    left: 100%;
    margin-top: 0px;
    border: 10px solid transparent;
    border-left: 20px solid #dbf6f1;
}
.faq_btn_box li {
    width: 19%;
    display: inline-block;
    margin-bottom: 1em;
}
.faqbox a {
    text-decoration: underline;
}
/*エントリーフォーム*/
ul.entry_btn li {
    /*バナーが3つの時は33％、4つの時は24％*/
    width: 50%;
    margin: 0 auto;
}
ul.entry_btn li img {
    width: 100%;
}

/*================================================
 *  Form
 ================================================*/
.required {
    font-size: 90%;
    background: #c54a4c;
    color: #fff;
    text-align: center;
    padding: 4px 8px;
    margin-right: 10px;
}
.textbox {
    padding: 10px;
    width: 80%;
    display: inline-block;
}
.textbox_width {
    padding: 10px;
    width: 88%;
}
.s_textbox {
    padding: 10px;
    width: 30%;
}
.ss_textbox {
    padding: 10px;
    width: 20%;
    margin-right: 1em;
}
.select {
    padding: 10px;
    width: 80%;
}
.select_s {
    padding: 10px;
    width: 30%;
    margin-right: 8px;
}
.checkbox {
    padding: 10px;
}
.reset {
    margin-top: 30px;
    padding: 20px 0px;
    width: 20%;
    border: 2px solid #7f7f7f;
    background: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
        Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #7f7f7f;
    font-weight: bold;
    font-size: 110%;
    box-shadow: 0 0 8px gray;
}
input[type="submit"],
input[type="button"] {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    width: 100%;
    height: 100%;
    font-size: 1em;
    cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover {
    color: #ffffff;
    cursor: pointer;
}

/*================================================
 *  Content about-human-Circle
 ================================================*/
.ch-grid {
    margin: 0px 0 20px 0;
    padding: 0;
    list-style: none;
    text-align: center;
    width: 100%;
}

.ch-grid li {
    width: 160px;
    height: 160px;
    display: inline-block;
    margin: 0px 8px 16px 8px;
}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
    box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.6),
        0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.ch-info {
    position: absolute;
    background: rgba(0, 127, 101, 0.6);
    width: inherit;
    height: inherit;
    border-radius: 50%;
    overflow: hidden;
    opacity: 1;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ch-info p {
    color: #fff;
    font-weight: bold;
    padding: 0px 5px 5px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.3;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0.1s;
    -moz-transition: all 1s ease-in-out 0.1s;
    -o-transition: all 1s ease-in-out 0.1s;
    -ms-transition: all 1s ease-in-out 0.1s;
    transition: all 1s ease-in-out 0.1s;
    height: 100%;
}

.ch-info p a {
    display: block;
    color: #fff;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    height: 100%;
    padding-top: 50px;
}

.ch-info p a:hover {
    color: #ffffff;
    color: rgba(255, 255, 255, 1);
}

.ch-item:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1),
        0 1px 2px rgba(0, 0, 0, 0.1);
}
.ch-item:hover .ch-info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.ch-item:hover .ch-info p {
    opacity: 1;
}
.ch-img-1 {
    background-image: url("../img/human01.jpg");
}
.ch-img-2 {
    background-image: url("../img/human02.jpg");
}
.ch-img-3 {
    background-image: url("../img/human03.jpg");
}
.ch-img-4 {
    background-image: url("../img/human04.jpg");
}
.ch-img-5 {
    background-image: url("../img/human05.jpg");
}
.ch-img-6 {
    background-image: url("../img/human06.jpg");
}
.ch-img-7 {
    background-image: url("../img/human22.jpg");
}
.ch-img-8 {
    background-image: url("../img/human08.jpg");
}
.ch-img-9 {
    background-image: url("../img/human09.jpg");
}
.ch-img-10 {
    background-image: url("../img/human10.jpg");
}
.ch-img-11 {
    background-image: url("../img/human11.jpg");
}
.ch-img-12 {
    background-image: url("../img/human12.jpg");
}
.ch-img-13 {
    background-image: url("../img/human13.jpg");
}
.ch-img-14 {
    background-image: url("../img/human14.jpg");
}
.ch-img-15 {
    background-image: url("../img/human15.jpg");
}
.ch-img-16 {
    background-image: url("../img/human16.jpg");
}
.ch-img-17 {
    background-image: url("../img/human17.jpg");
}
.ch-img-18 {
    background-image: url("../img/human18.jpg");
}
.ch-img-19 {
    background-image: url("../img/human19.jpg");
}
.ch-img-20 {
    background-image: url("../img/human20.jpg");
}
.ch-img-21 {
    background-image: url("../img/human21.jpg");
}
.ch-img-22 {
    background-image: url("../img/human23.jpg");
}
.ch-img-24 {
    background-image: url("../img/human24.jpg");
}
.ch-img-25 {
    background-image: url("../img/human25.jpg");
}
.ch-img-26 {
    background-image: url("../img/human26.jpg");
}
.ch-img-27 {
    background-image: url("../img/human27.jpg");
}
.ch-img-28 {
    background-image: url("../img/human28.jpg");
}
.ch-img-29 {
    background-image: url("../img/human29.jpg");
}
.ch-img-30 {
    background-image: url("../img/human30.jpg");
}
.ch-img-31 {
    background-image: url("../img/human31.jpg");
}
.ch-img-32 {
    background-image: url("../img/human32.jpg");
}
.ch-img-33 {
    background-image: url("../img/human33.jpg");
}

@media screen and (max-width: 768px) {
    .ch-info {
        position: absolute;
        background: rgba(0, 127, 101, 0.6);
        width: inherit;
        height: inherit;
        border-radius: 50%;
        overflow: hidden;
        opacity: 1;

        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;

        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    .ch-info p {
        color: #fff;
        font-weight: bold;
        padding: 0px 5px 5px;
        margin: 0 auto;
        font-size: 18px;
        line-height: 1.3;
        opacity: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
        height: 100%;
        background: rgba(0, 127, 101, 0.6);
    }

    .ch-info p a {
        display: block;
        color: #fff;
        color: rgba(255, 255, 255, 0.4);
        text-transform: uppercase;
        height: 100%;
        padding-top: 50px;
    }
}

/*================================================
 *  Content accordion
 ================================================*/
/*ボックス全体*/
.accbox {
    margin: 0em 0;
    padding: 0;
    max-width: 100%; /*最大幅*/
}

h4 {
    margin-top: 0;
    margin-bottom: 0.8em;
    font-size: 30px;
    font-weight: bold;
    color: #007f65;
    background: url("../img/icon_sttl.png") no-repeat left center;
    padding-left: 40px;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    font-size: 30px;
    font-weight: bold;
    padding: 13px 12px;
    color: #007f65;
    background: #b3ded5;
    cursor: pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: "\f107";
    font-family: "FontAwesome";
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background: #e0f4f0;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 0px;
    background: #fff;
    opacity: 1;
}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: "\f106";
}

/*================================================
 *  clear
 ================================================*/
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*\*/ /*/
	height: auto;
	overflow: hidden;
	/**/
}
.both {
    clear: both;
}
.inline_block {
    display: inline-block;
    /* *display: inline;
    *zoom: 1; */
}
/*================================================
 *  reCAPTCHA　check
 ================================================*/
.check_Ok,
.check_Ng {
    display: none;
}
/*================================================
 *  タブレット・スマートフォン向けデザイン
 ================================================*/
/* テンプレートより小さくなった場合に適用 */
@media screen and (max-width: 1100px) {
    #contents {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .chart_piebox {
        width: 280px;
        height: 280px;
    }
}

@media screen and (max-width: 979px) {
    .inner {
        width: 100%;
    }
    #pankuzu {
        width: 100%;
        padding: 0 15px;
        text-align: left;
    }
    #contents {
        box-sizing: border-box;
        width: 100%;
        padding: 0 15px;
    }
    footer {
        width: 100%;
    }
    .lock {
        position: fixed;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
    }
    .inner500 img {
        width: 100%;
    }
    .waku p {
        font-size: 16px;
    }
    .faq_btn_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .chart_piebox {
        width: 250px;
        height: 250px;
    }

}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width: 768px) {
    .sp_none {
        display: none !important;
    }
    #pankuzu {
        width: 100%;
        padding: 0 15px;
    }
    .ch-grid {
        margin: 0px 0 20px 0;
        padding: 0;
        list-style: none;
        text-align: center;
        width: 100%;
        height: 175px;
    }
    .ch-grid li {
        min-width: 160px;
        min-height: 160px;
        display: inline-block;
        margin: 0px 12px 16px 0px;
    }
    li.come_box {
        display: inline-block;
        padding: 0;
        margin: 0 0 1.6em;
        max-width: 50%;
    }
    .h3_box_work,
    .h3_box_mrp {
        max-width: 100%;
    }
    .h3_box_mrp02 {
        max-width: 100%;
    }
    h2 {
        margin-top: 25px;
        margin-bottom: 0.3em;
        font-size: 25px;
        line-height: 1;
    }

    h2 span {
        font-size: 20px;
        font-weight: 0.6em;
    }

    h2 span.sub {
        font-size: 20px;
        color: #223870;
        margin-bottom: 0.6em;
    }
    .m_t80 {
        margin-top: 40px;
    }
    .twoCol .inner_L,
    .twoCol .inner_R,
    .inner500 {
        width: 100%;
    }
    h5 {
        line-height: 1.5em;
    }
    .twoCol .inner p.font {
        letter-spacing: 0;
        font-size: 18px;
    }
    h5.grad {
        font-size: 20px;
        margin-bottom: 30px;
        line-height: 1.4;
        padding-bottom: 12px;
    }
    h4,
    h4.h4_white span {
        margin-bottom: 0.4em;
        font-size: 24px;
    }
    h4.sp_human_ttl {
        margin-bottom: 0.4em;
        font-size: 22px;
    }
    table th,
    table td {
        display: block;
    }
    table th {
        width: 100%;
    }
    .inner500 {
        /*margin-bottom: 40px;*/
        margin-bottom: 0px;
    }
    .textbox_width {
        width: 100%;
    }
    .select_s {
        width: 60%;
    }
    dt {
        margin-bottom: 0.6em;
        display: inline-block;
        width: 30%;
    }
    dd {
        margin-bottom: 0.6em;
        display: inline-block;
        width: 68%;
    }
    table.p_date th,
    table.p_date td,
    table.p_date02 th,
    table.p_date02 td {
        display: table-cell;
    }
    table.p_date th,
    table.p_date02 th {
        width: 36%;
    }
    .member li.icon_dream img {
        width: 80%;
    }
    .modal__content {
        left: 50%;
        padding: 8px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        background: #fff url("../img/img_bg_rainbow.png") no-repeat left bottom;
    }
    .js-modal-close-btn {
        position: absolute;
        right: 2%;
        bottom: 2%;
    }
    .number_box {
        border: 6px solid #007f65;
    }
    .number_box table {
        width: 96%;
        margin-bottom: 0;
    }
    .number_box table td,
    .number_box table th {
        display: table-cell;
        padding: 5px;
    }
    .number_box .font01 {
        font-size: 60px;
        color: #008719;
        margin-bottom: 20px;
        line-height: 100%;
        font-weight: bold;
        line-height: 2;
    }
    .number_box .font02,
    .number_box .font02-G,
    .number_box .font02-G span,
    .number_box .font03-G span,
    .number_box .font07 {
        font-size: 30px;
        color: #222222;
        margin-bottom: 20px;
        line-height: 100%;
        font-weight: bold;
    }
    .number_box .font03,
    .number_box .font03-G {
        font-size: 20px;
        color: #222222;
        margin-bottom: 20px;
        line-height: 100%;
        font-weight: bold;
        letter-spacing: 0;
    }
    .number_box .font02-G,
    .number_box .font03-G,
    .number_box .font03-G span,
    .number_box .font02-G span {
        color: #008719;
    }
    .number_box .font04,
    .number_box .font04 span {
        font-size: 60px;
        color: #008719;
        margin-bottom: 20px;
        line-height: 110%;
        font-weight: bold;
    }
    .number_box .font05 {
        font-size: 40px;
        color: #222222;
        margin-bottom: 20px;
        line-height: 100%;
        font-weight: bold;
    }
    .number_box .font06 {
        font-size: 22px;
        color: #007f65;
        margin-bottom: 20px;
        line-height: 120%;
        font-weight: bold;
        letter-spacing: 0.1em;
        background-color: #e0f1ed;
    }
    .number_box .font06-b {
        font-size: 18px;
    }
    .number_box02 {
        background: url("../img/icon_number03.png") no-repeat bottom 10px center /
            15%;
    }
    /*    .number_box03{
    background: url("../img/icon_number04.png") no-repeat bottom 10px center / 40%;
    }*/
    .number_box04 {
        background: url("../img/icon_number05.png") no-repeat bottom 10px center /
            90%;
    }
    .number_box15 {
        background: url("../img/icon_number18.png") no-repeat top 80px right
            10px / 30%;
    }
    .number_box16 {
        background: url("../img/icon_number16.png") no-repeat bottom 10px center /
            100%;
    }
    .number_box17 {
        background: url("../img/icon_number17.png") no-repeat bottom 10px center /
            100%;
    }
    .number_box18 {
        background: url("../img/icon_number15.png") no-repeat bottom 10px center /
            60%;
    }
    .number_box12 {
        background: url("../img/icon_number12.png") no-repeat bottom 40px left
            10px / 23%;
    }
    .number_box11 {
        background: url("../img/icon_number11.png") no-repeat center center /
            60%;
    }
    .number_box10 {
        background: url("../img/icon_number23.png") no-repeat bottom 10px left
            15px / 16%;
    }
    .twoCol .number_box .img {
        width: 60%;
    }
    .number_box .w_img {
        display: none;
    }
    .number_box table.width60,
    .number_box table.wR_table {
        width: 50%;
    }
    .flexbox,
    .flexbox_C {
        width: 100%;
        margin-bottom: 10px;
    }
    .flexbox:last-child,
    .flexbox_C:last-child {
        margin-bottom: 0px;
    }
    .number_box .number_ttl,
    .number_box .number_ttl_s {
        font-size: 22px;
        text-align: center;
        width: 100%;
        background-color: #e0f1ed;
    }
    .number_box .number_ttl_sp {
        font-size: 20px;
        text-align: center;
        background-color: #e0f1ed;
        color: #007f65;
        font-weight: bold;
    }
    .number_box .td50 {
        width: 50%;
    }
    .inner_text {
        padding: 1em 1em;
    }
    .mb-10 {
        margin-bottom: 0px !important;
    }
    .mb-sp10 {
        margin-bottom: 10px !important;
    }
    .mb-30 {
        margin-bottom: 10px !important;
    }
    .mb-sp40 {
        margin-bottom: 40px !important;
    }
    .p_t75 {
        padding-top: 55px;
    }
    .p_t50 {
        padding-top: 30px;
    }
    .place01,
    .place02 {
        top: 45%;
        font-size: 230%;
    }
    .place01 {
        top: 50%;
    }
    h4.h4_white {
        background: #007f64 url("../img/work_fild.png") no-repeat center right
            10px / 30%;
    }
    .work_area ul.work_area_left,
    .work_area .work_area_right {
        width: 100%;
        border-right: none;
        padding: 12px;
    }
    .work_area .work_area_right ul li,
    .twoCol .inner_episode {
        width: 100%;
        display: block;
        padding-right: 0;
    }
    .satisfaction_ttl span,
    .episode_ttl span {
        font-size: 20px;
        padding-left: 60px;
        text-align: left;
        border-bottom: 6px solid #243772;
        display: block;
        letter-spacing: 0;
    }
    .satisfaction_ttl,
    .episode_ttl {
        padding-top: 10px;
    }
    .satisfaction_ttl {
        background: url("../img/bg_satisfaction.png") no-repeat center left /
            contain;
        height: 80px;
        padding: 18px 0 0 30px;
        width: 100%;
        margin-bottom: 1em;
    }
    .episode_ttl {
        background: url("../img/bg_episode.png") no-repeat center left / contain;
        height: 80px;
        padding: 18px 0 0 30px;
        width: 100%;
        margin-bottom: 1em;
    }
    .q-text-right {
        margin: 0em 0 1.5em 120px;
    }
    .a-text-left {
        margin: 0em 120px 1.5em 0;
    }
    .faq_btn_box li {
        width: 32%;
    }
    .faq_btn_box::after {
        content: "";
        display: block;
        width: 32%;
    }
    .flex_saiyo {
        flex-direction: column;
    }
    .flex_saiyo .innerL_saiyo,
    .flex_saiyo .innerR_saiyo {
        width: 100%;
    }
    .chart_piebox {
        width: 220px;
        height: 220px;
    }
    .num_text03,
    .num_text04,
    .num_text05 {
        width: 90%;
        top: -25px;
        left: 15px;
    }
    .p_b40 {
        padding-bottom: 0px;
    }
    .flex_chart {
        flex-direction: column;
    }
    .flex_chart p {
        margin-bottom: 0 !important;
    }
    ul.chart1_label {
        width: 100%;
    }
    ul.chart1_label li {
        width: 100%;
        line-height: 1.2;
    }
    .num_text01 {
        top: 15px;
    }
    ul.entry_btn li {
        width: 60%;
        padding-bottom: 20px;
        display: block;
        margin: 0 auto;
    }
}
@media screen and (max-width: 559px) {
    .faq_btn_box li {
        width: 48%;
    }
    .faq_btn_box::after {
        content: "";
        display: block;
        width: 48%;
    }
    input[type="submit"],
    input[type="button"] {
        color: #222;
    }
}
@media screen and (max-width: 425px) {
    .number_box15 {
        background: url("../img/icon_number18.png") no-repeat top 80px right
            10px / 30%;
    }
    .number_box16 {
        background: url("../img/icon_number16.png") no-repeat bottom 10px center /
            18%;
    }
    .number_box17 {
        background: url("../img/icon_number17.png") no-repeat bottom 10px right /
            20%;
    }
    .number_box18 {
        background: url("../img/icon_number15.png") no-repeat bottom 10px right
            40px / 20%;
    }
    .number_box12 {
        background: url("../img/icon_number12.png") no-repeat bottom 40px
            center/ 30%;
    }
    .number_box11 {
        background: url("../img/icon_number11.png") no-repeat center center /
            40%;
    }
    .number_box10 {
        background: none;
    }
    .number_box table.width60,
    .number_box table.wR_table {
        width: 100%;
    }
    p.faqbox-text {
        text-indent: 0em;
        padding-left: 0em;
    }
    .a-text-left,
    .q-text-right {
        padding: 0.8em;
    }
    .q-text-right p.faqbox-text span,
    .a-text-left p.faqbox-text span {
        margin-right: 0.3em;
    }
}
@media screen and (max-width: 400px) {
    .h3_box_mrp02 {
        max-width: 100%;
        text-align: left;
    }
}
@media screen and (max-width: 320px) {
    .satisfaction_ttl span,
    .episode_ttl span {
        font-size: 18px;
        padding-left: 60px;
        text-align: left;
        border-bottom: 6px solid #243772;
        display: block;
        letter-spacing: 0;
    }
    .chart_piebox {
        width: 200px;
        height: 200px;
    }
    .number_box .font07 {
        font-size: 26px;
    }
}

/*================================================
 *  追記　2022.0913
 ================================================*/

.font-20 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 40px;
}
/*================================================
 *  追記　2022.09.26
 ================================================*/
@media screen and (min-width: 1100px) {
    body {
        padding-top: 76px;
    }
}
.grecaptcha-badge {
    margin-bottom: 60px;
}
/*================================================
 *  追記　2022.11.29 プライバシーポリシー
 ================================================*/
.policy_box {
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    height: 234px;
    overflow-y: auto;
    padding: 15px;
    width: 100%;
    margin-bottom: 20px;
}
.policy_box ul li {
    margin-left: 0;
}
ul.privacy {
    margin: 1em 0 1em;
    padding-left: 1.8em;
}
ul.privacy li {
    list-style-type: decimal;
    padding-bottom: 1em;
}
h5 {
    text-align: center;
}
.policy_box ul li h6 {
    padding-left: 0;
}
ul.privacy-mark {
    margin: 1em 0;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
ul.privacy-mark li.mark {
    width: 20%;
}
ul.privacy-mark li.privacy-text {
    width: 80%;
    padding-top: 12px;
}
.border_link ul.privacy-mark a:hover {
    border-bottom: none;
}
ul.privacy.kaiji {
    padding-left: 0;
}
ul.privacy.kaiji li {
    list-style-type: unset;
}
.textbox.bikou {
    width: 100%;
}

@media screen and (max-width: 400px) {
    ul.privacy-mark li.mark {
        width: 30%;
    }
}

/*================================================
 *  追記　2024.8.29 人を知る改修
 ================================================*/

 .interview_head {
    display: flex;
    width: 100%;
    margin: 0 auto;
}

.interview_head figure {
    padding-bottom: 0;
}

.interview_head_content {
    padding: 50px 50px 0;
    box-sizing: border-box;
}

.interview_head_content p {
    font-size: 20px;
    margin-top: 15px;
}

.interview_area {
    margin-top: 50px;
}

.interview_area .interview_q {
    background-color: #007f64;
    font-size: large;
}

.interview_a {
    font-size: larger;
}

.interview_area .interview_q p {
    padding: 10px;
    color: #fff;
    font-weight: 600;
}

.interview_area.flex {
    display: flex;
}

.interview_area:nth-child(10) {
    flex-direction: row-reverse;
}

.interview_area .w50 {
    width: 50%;
}

.interview_area .w45 {
    width: 45%;
}

.schedule {
    position: relative;
    font-size: 14px;
}

.schedule::before {
    position: absolute;
    top: 0px;
    left: 12.3em;
    width: 6px;
    height: 100%;
    background-color: #dee9e2;
    content: "";
}

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

.schedule li {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.schedule li+li {
    margin-top: 2em;
}

.schedule_time {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 15em;
    height: 2.5em;
    border-radius: 6px;
    color: #222222;
    text-align: center;
}

.schedule_time::after {
    position: absolute;
    top: 50%;
    left: 12em;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #00921b;
    content: "";
}

.schedule_content_title {
    font-weight: bold;
}

.schedule_content {
    margin: 0px 0px 0px 3em;
    width: calc(100% - 10em);
}

.w90 {
    width: 90%;
}

.interview-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 50px;
}

.img-member {
    display: block;
    position: relative;
    text-decoration: none;
    width: 242px;
    height: 322px;
    overflow: hidden;
}

.img-comment {
    margin-top: 20px;
}
.img-member img {
    display: block;
    width: 100%;
    box-shadow: 0 16px 24px -15px;
}
.interview-grid a:hover img {
    opacity: inherit;
}

.interview-grid .img-member img:hover {
    transform: scale(1.2,1.2); 
    cursor: pointer; 
}

.name {
    margin-top: 20px;
    font-size: 16px;
}

.pc600-none {
    display: none !important;
}

@media screen and (max-width: 1200px) {
.interview-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
}

.img-member {
    display: block;
    position: relative;
    text-decoration: none;
    width: auto;
    height: auto;
    overflow: hidden;
}

}

@media screen and (max-width: 1000px) {

    .interview_area.flex {
        display: block;
    }

    .interview_area .w50,
    .interview_area .w45 {
        width: 100%;
    }

    .interview_area figure {
        margin-top: 20px;
    }

    .schedule_time {
        width: 12em;
    }

    .schedule::before {
        left: 11.5em;
    }

    .schedule_time::after {
        left: 11.3em;
    }

    .w90 {
        width: 100%;
    }

    .interview_head_content {
        padding: 20px 20px 0;
    }


}

@media screen and (max-width: 768px) {
    .interview_head {
        flex-direction: column-reverse;
    }
    .interview_head_content p {
        text-align: center;
    }
    }


@media screen and (max-width: 600px) {
    .schedule_content {
        margin: 0px 0px 0px 3em;
        width: calc(100% - 13em);
    }

    .schedule_time {
        width: 10em;
    }

    .schedule::before {
        left: 10.8em;
    }

    .schedule_time::after {
        left: 10.5em;
    }

    .interview-grid {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr;
    }

    .pc600-none {
        display: block !important;
    }    

    .sp600-none {
        display: none !important;
    }
    .img-comment {
        width: 80%;
    }  
    .center600 {
        text-align: center;
    }
      
}

/*================================================
 *  追記　2025.07.11 リクルートサイト「数字で知る」改修
 ================================================*/
 span.label {
    color: #222 !important;
 }
 .chart_piebox li {
    display: flex;
    justify-content: space-between;
 }

 /* ラベル調整(共通) */
.greenlabel {
    color: #008719;
    font-weight: bold;
}

ul.chart0_label{
    margin: 0px auto;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.chart0_label li,
ul.chart1_label li,
ul.chart2_label li,
ul.chart6_label li,
ul.chart7_label li,
ul.chart8_label li {
    font-weight: bold;
    display: block;
    text-align: left;
    margin: 0 auto;
}

ul.chart0_label li,
ul.chart1_label li,
ul.chart2_label li,
ul.chart6_label li,
ul.chart7_label li {
    padding: 0px 4px;
    width: max(180px,40%);
}

ul.chart0_label li span,
ul.chart1_label li span,
ul.chart2_label li span,
ul.chart6_label li span,
ul.chart7_label li span,
ul.chart8_label li span {
    color: #008719;
    font-weight: bold;
}

.chart_piebox {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 90%; /* 正方形になるよう調整 */
    height: 90%; /* 正方形になるよう調整 */
    position: relative;
    margin: 0 auto;
}

canvas {
    aspect-ratio: 1 / 1; /* 正方形比率を強制 */
    width: 100% !important;
    height: 100% !important;
    max-width: 200px; /* 最大サイズ制限 */
    max-height: 200px; /* 最大サイズ制限 */
}


@media screen and (max-width: 768px) {
    ul.chart1_label,
    ul.chart2_label,
    ul.chart6_label,
    ul.chart7_label,
    ul.chart8_label {
        width: 100%;
    }
    ul.chart1_label li,
    ul.chart2_label li,
    ul.chart6_label li,
    ul.chart7_label li,
    ul.chart8_label li {
        font-size: 20px;
        line-height: 1.5;
    }
}

/* 個別調整(就業場所)*/
.place_items {
    margin: 10px auto 35px;
}
.place_items_headlines {
    font-size: clamp(2.25rem, 2.162rem + 0.38vw, 2.5rem);
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}
.place_items_headlines span {
    font-size: 36px;
    font-weight: bold;
    color:#008719 ;
}

ul.chart1_label,
ul.chart2_label {
    width: 100%;
    margin: 10px auto 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.chart1_label li,
ul.chart2_label li {
    width: max(203px,40%);
    font-size: clamp(1.375rem, 1.16rem + 0.45vw, 1.563rem);
}
 
ul.chart1_label li.f01-narrow,
ul.chart2_label li.f01-narrow {
    display: flex;
    justify-content: space-between;
    font-size: clamp(1.375rem, 1.199rem + 0.75vw, 1.875rem);
    width: clamp(10.625rem, 9.415rem + 5.16vw, 14.063rem);
    margin: 0 auto;
}

.flex-reverse {
    display: flex;
    justify-content: space-between;
}

.number_box19 {
    padding-bottom: 30px;
}
.chart_piebox_place{
    width: 100% !important;
}

/* 個別調整(最終学歴) */
.chart6_label {
    line-height: 1.2;
}

ul.chart6_label li {
    display: flex;
    justify-content: space-between;
    font-size: clamp(1.125rem, 0.624rem + 1.04vw, 1.563rem);
    width: clamp(9.375rem, 5.804rem + 7.44vw, 12.5rem);
}
/* レイアウトの都合上、例外的にブレイクポイント767pxにセット */
@media screen and (max-width: 767px) {
    ul.chart6_label li {
        width: 150px !important;
    }
}

/* 個別調整(年齢) */
ul.chart7_label {
    margin: 0 auto;
}
ul.chart7_label li {
    display: flex;
    justify-content: space-between;
    text-align: center;
    font-size: clamp(1.375rem, 1.16rem + 0.45vw, 1.563rem);
    margin: 0 auto;
    width: 150px !important;
}


/* 個別調整(通勤時間) */
ul.chart8_label {
    margin: 0 auto;
}
ul.chart8_label li {
    width: clamp(7.938rem, 2.709rem + 10.88vw, 12.5rem);
    display: flex;
    justify-content: space-between;
     text-align: center;
    font-size: clamp(1rem, 0.357rem + 1.34vw, 1.563rem);
}
@media screen and (max-width: 768px) {
    ul.chart8_label li {
        width: 128px;
    }
}
/* 個別調整(最終学歴・年齢・通勤時間のレイアウト) */
ul.chart6_label,
ul.chart7_label,
ul.chart8_label {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
canvas#chart6,
canvas#chart7,
canvas#chart8 {
    width: clamp(8.5rem, 0.5rem + 18vw, 12.5rem) !important;
    height: clamp(8.5rem, 0.5rem + 18vw, 12.5rem) !important;
}
@media screen and (max-width: 767px) {
    .chart_piebox {
        flex-direction: column;
    }
    canvas#chart6,
    canvas#chart7,
    canvas#chart8 {
        width: clamp(6.25rem, 1.648rem + 16.08vw, 7.5rem) !important;
        height: clamp(6.25rem, 1.648rem + 16.08vw, 7.5rem) !important;
        margin: 0 auto;
    }
}

/* 出身地　ラベル間隔調整 */
ul.chart0_label li {
    display: flex;
    justify-content: space-between;
    width: unset;
    gap: 10px;
}