/*============================
共通
============================*/
#lower-main {
    margin-bottom: 0px;
}

.dial_box {
    width: 300px;
    margin: 0 auto 5%;
    border-width: 2px;
    padding: 3% 3% 3%;
}

.dial_box > p.th {
    font-size: 20px;
    letter-spacing: 0;
    margin: 0 0 14px;
}

.dial_box > p.th:before {
    width: 15px;
    height: 2px;
}

.dial_box > p.th:after {
    width: 15px;
    height: 2px;
}

.dial_box > .box > .l_box > p.t1 {
    font-size: 30px;
    text-align: center;
    padding-left: 40px;
    letter-spacing: 0;
}

.dial_box > .box > .l_box > p.t1:before {
    background-size: contain;
    width: 35px;
    height: 27px;
    left: 0px;
}

.dial_box > .box > .l_box > p.t2 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 16px;
    text-align: center;
}

.dial_box > .box > .r_box {
    width: 100%;
    max-width: 100%;
}

.dial_box > .box > .r_box > a.more {
    padding: 12px 0 12px 48px;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
}

.dial_box > .box > .r_box > a.more:before {
    top: 0;
    left: 14px;
    right: auto;
}

.dial_box > .box > .r_box > a.more:after {
    background-size: contain;
    right: 10px;
    width: 17px;
}

#lower-main .entry_btn {
    display: none;
}

/*============================
メインビジュアル
============================*/
#mv {
    height: 278px;
    height: auto;
}

/*============================
パンくずリスト
============================*/
#mv > .container > #pankuzu {
    display: none;
}

#mv > .container > h2 {
    padding: 16.7% 0;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.14rem;
}

#mv > .container > h2 > span {
    display: block;
    font-size: 18px;
    line-height: 1.333;
    letter-spacing: 0.1rem;
    margin: 0 0 6px;
}

/*============================
札樽を支えるヒト
============================*/
#mv.interview {
    background: url(../../img/interview/mv_sp.jpg) center 0 no-repeat;
    background-size: cover;
}

#interview-box {
    padding: 5% 0 0;
}

#interview-box .type01 {
    padding: 0 3% 0;
    margin: 0 0 11%;
}

#interview-box .type01 > .box > .left {
    width: 100%;
    position: relative;
    padding: 0 0 15px 90px;
}

#interview-box .type01 > .box > .left > p.t1 {
    font-size: 9px;
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: 0.08rem;
    padding: 0;
    margin: 0;
}

#interview-box .type01 > .box > .left > p.t1 > span {
    font-size: 55px;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span {
    letter-spacing: -6px;
    text-align: center;
}

#interview-box .type01 > .box > .left > p.t2 {
    font-size: 12px;
    line-height: 1;
    margin: 0 0 10px;
}

#interview-box .type01 > .box > .left > p.t3 {
    font-size: 30px;
    margin: 0 0 8px;
}

#interview-box .type01 > .box > .left > p.t4 {
    font-size: 14px;
    margin: 0 0 0px;
}

#interview-box .type01 > .box > .left > p.t5 {
    font-size: 12px;
}

#interview-box .type01 > .box > .right {
    width: 100%;
}

#interview-box .type01 > p.th {
    font-size: 18px;
    padding: 17px 0 24px;
}

#interview-box .type01 > p.th:after {
    bottom: 11px;
    width: 75px;
}

#interview-box .type01 > p.td {
    font-size: 14px;
}

#interview-box .nagare {
    padding: 0 3% 0;
    top: 0;
    margin: 0 0 11%;
}

#interview-box .nagare > p.t1 {
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: url(../../img/bg_04.png) repeat 0 0;
    background-size: 70px;
    font-size: 18px;
    color: #FFF;
    padding: 2% 0;
    line-height: 1.5;
    width: 100%;
    letter-spacing: 0.14rem;
    text-align: center;
    margin: 0 0 6%;
}

#interview-box .nagare > p.t1 > span {
    font-size: 14px;
}

#interview-box .nagare > ul {
    padding: 0 0 0 15px;
}

#interview-box .nagare > ul > li {
    border-left: 3px solid #6497bf;
}

#interview-box .nagare > ul > li > dl > dt {
    font-family: 'Quicksand', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    color: #6496be;
    font-size: 22px;
    padding: 4px 0 0 15px;
    line-height: 1;
    letter-spacing: 0.17rem;
    position: relative;
}

#interview-box .nagare > ul > li > dl > dt:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    margin: auto;
    background: url(../../img/o_03.png) no-repeat 0 0;
    background-size: contain;
    width: 15px;
    height: 15px;
    left: -9px;
    top: 4px;
}

#interview-box .nagare > ul > li > dl > dd {
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    font-size: 16px;
    color: #000;
    padding: 4px 0 8px 15px;
    letter-spacing: 0.055rem;
}

#interview-box .personal_box {
    padding: 3% 3% 3%;
    width: 300px;
    margin: 0 auto 16%;
    position: relative;
}

#interview-box .personal_box > .l_box {
    width: 34%;
    position: absolute;
    left: 3%;
    top: 3%;
}

#interview-box .personal_box > .r_box {
    width: 100%;
}

#interview-box .personal_box > .r_box > p.t1 {
    font-size: 12px;
    padding: 5px 0 0 110px;
    margin: 0 0 7px;
}

#interview-box .personal_box > .r_box > p.t2 {
    font-size: 18px;
    padding: 5px 0 0 110px;
    letter-spacing: 0.2rem;
}

#interview-box .personal_box > .r_box > p.t2 > span {
    font-size: 12px;
    display: block;
    margin: 0;
}

#interview-box .personal_box > .r_box > p.t3 {
    font-size: 12px;
    padding: 5px 0 0 110px;
    margin: 0 0 14px;
}

#interview-box .personal_box > .r_box > p.t4 {
    font-size: 14px;
    line-height: 2;
}

#interview #section04 {
    padding: 0 0 8%;
    background-size: 80px;
    margin-bottom: 20px;
}

#interview #section04 > .ttl {
    padding: 0% 3% 0%;
}

#interview #section04 > .ttl > h2 {
    font-size: 16px;
    padding: 4% 0 5%;
    background: url(../../img/icons_sp.png) no-repeat center top;
    background-size: contain;
    letter-spacing: 0.1rem;
}

#interview #section04 > .ttl > h2:before {
    display: none;
}

#interview #section04 > .ttl > h2 > span {
    font-size: 24px;
    margin: 0;
}

#interview #section04 > .slick2 .box {
    padding: 10px 10px 0;
}

#interview #section04 > .slick2 .box p.t1 {
    font-size: 9px;
    left: -5px;
    letter-spacing: 0.07em;
}

#interview #section04 > .slick2 .box p.t1 > span {
    font-size: 46px;
}

#interview #section04 > .slick2 .box p.t2 {
    font-size: 12px;
    margin: 0 0 6px;
}

#interview #section04 > .slick2 .box p.t2:before {
    font-size: 13px;
    top: -1px;
    left: -5px;
}

#interview #section04 > .slick2 .box p.t2:after {
    font-size: 13px;
    top: -1px;
    right: -5px;
}

#interview #section04 > .slick2 .box p.t3 {
    font-size: 13px;
    margin: 0 0 6px;
    line-height: 1.2;
    letter-spacing: 0.07em;
}

#interview #section04 > .slick2 .box p.t4 {
    font-size: 14px;
    line-height: 1.2;
}

#interview #section04 > .slick2 .box img {
    display: block;
    margin: 0 0 6px;
    width: 150px;
}

#interview #section04 > .more {
    width: 94%;
    padding: 10px 0 10px;
}

#message #interview-box .personal_box > .r_box > p.t2 {
    margin-bottom: 40px;
}

/*============================
よくある質問
============================*/
#mv.faq {
    background: url(../../img/faq/mv_sp.jpg) center 0 no-repeat;
    background-size: cover;
}

#faq-box {
    padding: 10% 3% 0;
}

#faq-box > .links {
    padding: 0 0 6%;
}

#faq-box > .links > p {
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 6%;
}

#faq-box > .links > ul > li {
    width: 100%;
    margin: 0 0 4%;
}

#faq-box > .links > ul > li:nth-child(1) > a > span:before {
    background-size: contain;
    width: 18px;
    height: 24px;
    top: 4px;
    left: -9px;
}

#faq-box > .links > ul > li:nth-child(2) > a > span:before {
    background-size: contain;
    width: 24px;
    height: 24px;
    top: 5px;
    left: -7px;
}

#faq-box > .links > ul > li:nth-child(3) > a > span:before {
    background-size: contain;
    width: 18px;
    height: 24px;
    top: 5px;
    left: -9px;
}

#faq-box > .links > ul > li > a {
    padding: 2px;
}

#faq-box > .links > ul > li > a > span {
    border: 1px solid #FFF;
    padding: 6px 0 6px;
    font-size: 17px;
}

#faq-box > .links > ul > li > a > span:before {
    position: relative;
    display: inline-block;
}

#faq-box > .box {
    margin: 0 0 14%;
}

#faq-box > .box#box2 > .ttl > p:before {
    margin: 0 13px 0 0;
    background-size: contain;
    width: 26px;
    height: 26px;
    top: 2px;
    left: -4px;
}

#faq-box > .box#box3 > .ttl > p:before {
    margin: 0 13px 0 0;
    background-size: contain;
    width: 26px;
    height: 34px;
    top: 8px;
}

#faq-box > .box > .ttl > p {
    font-size: 22px;
    margin: 0 0 9%;
}

#faq-box > .box > .ttl > p:before {
    margin: 0 13px 0 0;
    background-size: contain;
    width: 26px;
    height: 34px;
    top: 8px;
}

#faq-box > .box > ul > li {
    padding: 0 0 0;
    border-width: 2px;
    margin: 0 0 7%;
}

#faq-box > .box > ul > li.active > p {
    padding: 6px 30px 8px 42px;
}

#faq-box > .box > ul > li.active > .iplus {
    background-size: contain;
    top: 20px;
    right: 3%;
    bottom: auto;
    width: 16px;
    height: 3px;
}

#faq-box > .box > ul > li > .iq {
    background-size: contain;
    width: 40px;
    height: 40px;
    font-size: 24px;
    padding: 1px 0 0 4px;
    line-height: 1;
    letter-spacing: 0;
    top: -2px;
    left: -2px;
}

#faq-box > .box > ul > li > p {
    padding: 6px 30px 8px 42px;
    font-size: 16px;
    line-height: 1.7;
}

#faq-box > .box > ul > li > .iplus {
    background-size: contain;
    width: 14px;
    height: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 8px;
}

#faq-box > .box > ul > li > .white {
    width: 94%;
    padding: 3px 0 3px 36px;
}

#faq-box > .box > ul > li > .white > p {
    padding: 0 3% 0 0;
    font-size: 14px;
    line-height: 1.7;
}

#faq-box > .box > ul > li > .white > p > span {
    font-size: 25px;
    top: 4px;
    left: 5px;
    line-height: 1;
}

/*============================
#message.html
============================*/
#message #interview-box .type01 > .box > .left > p.t1 {
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: 0;
    letter-spacing: 0.08rem;
    padding: 0;
    margin: 0;
}

#message #interview-box .type01 > .box > .left > p.t4 {
    font-family: 'Quicksand', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    letter-spacing: 0.05rem;
    line-height: 1;
    margin: 0;
}

#message #interview-box .type01 > .box > .left > p.t4 > span {
    color: #82b4a0;
}

#message #interview-box .type01 > .box > .left {
    padding: 0 0 20px 120px;
}

#message #interview-box .type01 > p.main_text {
    clear: both;
    font-size: 14px;
    line-height: 2;
    color: #000;
    padding: 20px 0 0;
    margin: 0 0 11px;
}

#message #interview-box .type01 {
    margin-bottom: 30px;
}

#message #interview-box p.th {
    padding: 20px 0 10px;
    font-size: 18px;
}

#message #interview-box .type01 > .box2 {
    margin-bottom: 30px;
}

#message #interview-box .type01 > .box2 > .left {
    width: 100%;
    float: none;
}

#message #interview-box .type01 > p.nomal_text {
    margin-bottom: 30px;
}

#message #interview-box .type01 > .box2 > .left > img {
    padding: 0;
}

#message #interview-box .type01 > .box2 > .right {
    width: 100%;
    float: none;
    padding-left: 0px;
}

/*============================
問い合わせ
============================*/
#contact p.th {
    font-family: 'Quicksand', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    clear: both;
    padding: 35px 0 20px;
    line-height: 1.4;
    font-size: 24px;
    color: #82b4a0;
    position: relative;
    letter-spacing: 0.06rem;
}

#contact p.text {
    margin-bottom: 30px;
    font-weight: bold;
    padding: 0 2.5% 0;
}

#contact .mw_wp_form {
    width: 95%;
    margin: 0 auto 30px;
    text-align: left;
}

#contact .mw_wp_form .form_box {
    display: flex;
    margin-bottom: 23px;
    flex-wrap: wrap;
}

#contact .mw_wp_form .form_box p.content {
    text-align: left;
    width: 210px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
}

#contact .mw_wp_form .form_box div {
    width: 100%;
}

#contact .mw_wp_form .form_box p.content span {
    color: #d61010;
}

#contact .mw_wp_form .form_box input {
    width: 100% !important;
    height: 40px;
}

#contact .mw_wp_form .form_box textarea {
    width: 100% !important;
    height: 100px;
}

#contact .mw_wp_form p.policy-p {
    text-align: center;
    font-weight: bold;
    padding: 0 0 20px;
    line-height: 24px;
}

#contact .mw_wp_form p.policy-p > a {
    text-align: center;
    text-decoration: underline;
    color: #6496be;
}

#contact .mw_wp_form p.submit-p {
    display: block;
}

#contact .mw_wp_form p.submit-p > input {
    display: block;
    margin: 0 auto;
}

#contact .mw_wp_form p.submit-p > input + input {
    margin: 15px auto 0;
}

#contact .dial_box {
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto 5%;
    border-width: 2px;
    padding: 10px;
}

#contact .dial_box > p.th {
    font-size: 20px;
    letter-spacing: 0;
    margin: 0 0 14px;
}

#contact .dial_box > p.th:before {
    width: 15px;
    height: 2px;
}

#contact .dial_box > p.th:after {
    width: 15px;
    height: 2px;
}

#contact .dial_box > .box > p.t2 {
    font-size: 12px;
}

#contact .dial_box > .box > .r_box > p {
    font-size: 16px;
    width: 100%;
}

#contact .dial_box > .box > .l_box > p.t1 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 14px;
}

#contact .dial_box > .box > .l_box > p.t1:before {
    background-size: contain;
    width: 22px;
    height: 22px;
    left: 10px;
}

#contact .dial_box > .box > .l_box > p.t2 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 16px;
    text-align: center;
}

#contact .dial_box > .box > .r_box {
    width: 100%;
    max-width: 100%;
    margin-bottom: 14px;
}

div.mfp_buttons button#mfp_button_send {
    width: 120px;
}

div.mfp_buttons button#mfp_button_cancel {
    width: 120px;
}

/*============================
歴史を知る
============================*/
#history-box {
    padding: 0 3% 0;
    height: auto;
    overflow: initial;
}

#history-box > ul {
    background-size: 5px;
    background-position: left top;
    padding: 30px 0 0px 20px;
}

#history-box > ul > li {
    margin: 0 0 5%;
}

#history-box > ul > li:before {
    top: 20px;
    right: auto;
    left: -22px;
    margin: auto;
    z-index: 3;
    background-size: contain;
    width: 8px;
    height: 8px;
}

#history-box > ul > li:after {
    top: 23px;
    left: -19px;
    right: auto;
    width: 30px;
    height: 2px;
}

#history-box > ul > li:nth-child(2n) > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li:nth-child(2n) > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_02:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_02:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_02 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_02 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_03:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_03:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_03 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_03 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_03 > .box > img.pa {
    width: 80px;
}

#history-box > ul > li.h_04:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_04:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_04 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_04 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_05:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_05:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_05 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_05 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_06:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_06:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_06 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_06 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_07:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_07:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_07 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_07 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_08:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_08:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_08 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_08 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_09:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_09:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_09 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_09 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_10:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_10:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_10 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_10 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_11:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_11:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_11 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_11 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_12:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_12:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_12 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_12 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_12 > .box p.t3.mg2 {
    margin: 0 0 18px;
}

#history-box > ul > li.h_12 > .box > img.pa {
    width: 95px;
}

#history-box > ul > li.h_13:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_13:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_13 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_13 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_14:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_14:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_14 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_14 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_15:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_15:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_15 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_15 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_16:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_16:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_16 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_16 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_17:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_17:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_17 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_17 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_18:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_18:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_18 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_18 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_19:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_19:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_19 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_19 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_20:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_20:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_20 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_20 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_20 > .box p.t3.mg {
    margin: 0 0 26px;
}

#history-box > ul > li.h_20 > .box img.pa {
    width: 115px;
}

#history-box > ul > li.h_21:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_21:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_21 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_21 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_22:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_22:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_22 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_22 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_23:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_23:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_23 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_23 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_24:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_24:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_24 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_24 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_25:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_25:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_25 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_25 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_26:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_26:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_26 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_26 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_27:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_27:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_27 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_27 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_27 > .box img.pa {
    width: 80px;
}

#history-box > ul > li.h_28:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_28:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_28 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_28 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_29:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_29:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_29 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_29 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

/*20220513*/
#history-box > ul > li.h_30:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_30:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_30 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_30 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_31:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_31:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_31 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_31 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_32:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_32:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_32 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_32 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_33:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_33:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_33 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_33 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_34:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_34:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_34 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_34 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_35:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_35:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_35 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_35 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

#history-box > ul > li.h_36:before {
    top: 20px;
    right: auto;
    left: -22px;
}

#history-box > ul > li.h_36:after {
    top: 23px;
    left: -19px;
    right: auto;
}

#history-box > ul > li.h_36 > .box {
    left: 0;
    top: 0;
}

#history-box > ul > li.h_36 > .box p.t1 {
    top: 0;
    left: 0;
    right: 0;
}

/*!20220513*/
#history-box > ul > li > .box {
    left: 0;
    top: 0;
    width: 100%;
    border-width: 1px;
    padding: 7px 3% 10px;
}

#history-box > ul > li > .box > p.t1 {
    font-size: 24px;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 0 0;
}

#history-box > ul > li > .box > p.t1 > span {
    display: inline-block;
    font-size: 10px;
    left: 8px;
}

#history-box > ul > li > .box > p.t1 > span.ls {
    left: 0;
    display: inline-block;
    font-size: 24px;
    letter-spacing: -0.2rem;
}

#history-box > ul > li > .box > p.t2 {
    font-size: 14px;
}

#history-box > ul > li > .box > img.pa {
    right: 10px;
}

#history-box > ul > li > .box > p.t3.mg2 {
    margin: 0 0 0;
}

/*============================
#business.html
============================*/
#business-box {
}

#business-box > .container {
    padding: 40px 0 50px;
}

#business-box > .container p.th {
    padding: 30px 0 40px;
    font-size: 24px;
}

#business-box > .container p.th:after {
    bottom: 24px;
}

#business-box > .container p.td {
    margin: 0 2.5% 11px;
}

#business-box > .container img.firstimage {
    margin: 0 auto 0;
    padding: 25px 2.5% 30px;
}

#business-box > .container img.secondimage {
    margin: 0 auto 0;
    padding: 25px 2.5% 40px;
}

/*============================
雇用と人事制度
============================*/
#mv.employment {
    background: url(../../img/employment/mv_sp.jpg) center 0 no-repeat;
    background-size: cover;
}

#employment #mv > .container > h2 {
    padding: 16.7% 0;
}

#employment-box > .container > .linkbox {
    padding: 50px 0 18px;
    flex-wrap: wrap;
    margin: 0 2.5% 0;
}

#employment-box > .container > .linkbox > a {
    margin-bottom: 15px;
}

#employment-box > .container > .linkbox .green {
    background: #7faf9c;
}

#employment-box > .container > .linkbox .blue {
    background: #6496be;
}

#employment-box > .container > .careerup {
    margin: 0 2.5% 0;
}

#employment-box > .container > .careerup > .title {
    padding: 10px 15px;
}

#employment-box > .container > .careerup > .title > p.th {
    font-size: 22px;
    padding: 15px 0 13px;
}

#employment-box > .container > .careerup > ul > li {
    flex-wrap: wrap;
    padding-bottom: 30px;
    margin-bottom: 25px;
}

#employment-box > .container > .careerup > ul > li > p.class_num {
    width: 100%;
    margin-bottom: 15px;
    font-size: 26px;
    margin-right: 0;
}

#employment-box > .container > .careerup > ul > li > p.td {
    width: 100%;
    padding: 16px 5%;
    font-size: 14px;
}

#employment-box > .container > .training {
    padding: 40px 0 60px;
    margin: 0 2.5% 0;
    align-items: flex-start;
}

#employment-box > .container > .training > p.th {
    order: 1;
    font-size: 22px;
    width: 100%;
    margin: 0 5px 35px;
}

#employment-box > .container > .training > img {
    order: 2;
    margin-bottom: 20px;
}

#employment-box > .container > .training > p.td {
    order: 3;
    width: 100%;
    font-size: 14px;
}

#employment-box > .container > .welfare {
    padding-bottom: 42px;
    margin: 0 2.5% 0;
}

#employment-box > .container > .welfare > p.th {
    font-size: 22px;
    width: 97%;
}

#employment-box > .container > .welfare > p.td {
    font-size: 14px;
}

#employment-box > .container > .welfare > ul {
    padding: 25px 0 0;
}

#employment-box > .container > .welfare > ul > li {
    width: 100%;
}

#employment-box > .container > .welfare > ul.welfare_list02 > li {
    width: 100%;
}

#employment-box > .container > .welfare > ul > li > .box > p {
    padding: 12px 45px 12px 5%;
}

#employment-box > .container > .welfare > ul > li > .box .visible > p {
    padding: 12px 5% 12px 5%;
}

#employment-box > .container > .linkbox .active {
    background-size: 100%;
}

#employment-box > .container > .linkbox .active > p, #employment-box > .container > .linkbox .nonactive p {
    margin-bottom: 0;
    font-size: 20px;
}

#employment-box > .container > .linkbox .active:after, #employment-box > .container > .linkbox .nonactive:after {
    top: 26px;
}

#employment-box > .container > .linkbox .nonactive {
    background: #fff;
    border: 2px solid #3e3e3e;
}

#employment-box #btn1 {
    width: 100%;
    height: 58px;
    margin-bottom: 10px;
}

#employment-box #btn2 {
    width: 100%;
    height: 58px;
    margin-bottom: 10px;
}

#employment-box #btn3 {
    width: 100%;
    height: 58px;
}

/*============================
#company.html
============================*/
#company-box > .container {
    width: 95%;
    padding: 35px 0 60px;
}

#company-box > .container > p.th {
    font-size: 26px;
    padding-bottom: 20px;
}

#company-box > .container > img {
    margin-bottom: 12px;
}

#company-box > .container > ul {
    padding-bottom: 30px;
}

#company-box > .container > ul > li {
    flex-wrap: wrap;
    margin-bottom: 5px;
}

#company-box > .container > ul > li > .l_box {
    width: 100%;
    padding: 10px 0;
}

#company-box > .container > ul > li > .l_box > p {
    padding: 0px 0 0px 5%;
}

#company-box > .container > ul > li > .r_box {
    padding: 15px 5%;
    width: 100%;
}

#company-box > .container > #map_box {
    width: 100%;
}

#company-box > .container > iframe {
    width: 100%;
    padding-bottom: 35px;
}

/*============================
#social.html
============================*/
#social-box > .container {
    padding: 40px 0 50px;
    width: 95%;
}

#social-box > .container > .item {
    text-align: center;
}

#social-box > .container > .item > p.th {
    padding-left: 60px;
    height: 50px;
    line-height: 1.2;
    text-align: left;
    order: 1;
    font-size: 20px;
}

#social-box > .container > .item > p.th:before {
    width: 50px;
    height: 50px;
    font-size: 24px;
}

#social-box > .container > .item > p.th:after {
    top: 56px;
}

#social-box > .container > .item > p.td {
    width: 100%;
    text-align: left;
    order: 3;
}

#social-box > .container > .item > div.image_box {
    width: 100%;
    display: block;
    order: 2;
    margin-bottom: 18px;
}

#social-box > .container > .item > p.item01:after {
    width: 100%;
}

#social-box > .container > .item > p.item02:after {
    width: 100%;
}

#social-box > .container > .item > p.item03:after {
    width: 100%;
}

#social-box > .container > .item > p.item04:after {
    width: 100%;
}

#social-box > .container > .item > p.item05:after {
    width: 100%;
}

#social-box > .container > .item > p.item06:after {
    width: 100%;
}

#social-box > .container > .item > p.item07:after {
    width: 100%;
}

/*============================
#entry-form-box
============================*/
#mv.entry {
    background: url(../../img/entry/mv_sp.jpg) center center no-repeat;
    background-size: cover;
}

#entry-form-box {
    padding: 8% 3% 35%;
    background: #87ddec url(../../img/bg_03_sp.png) no-repeat center bottom;
    background-size: contain;
}

#entry-form-box > .container > .youkou_ttl {
    font-size: 18px;
}

#entry-form-box > .container > .tab {
    justify-content: space-between;
}

#entry-form-box > .container > .tab > li {
    width: 49%;
    margin-bottom: 6px;
}

#entry-form-box > .container > .tab > li + li {
    margin-left: 0;
}

#entry-form-box > .container > .tab > li:nth-child(n + 6) {
    margin-top: 0;
}

#entry-form-box > .container > .tab > li > :before {
    background-size: contain;
}

#entry-form-box > .container > .tab > li.icn01 > :before {
    width: 30px;
    height: 17px;
    margin-right: 6px;
}

#entry-form-box > .container > .tab > li.icn02 > :before {
    width: 27px;
    height: 20px;
    margin-right: 6px;
}

#entry-form-box > .container > .tab > li.icn03 > :before {
    width: 27px;
    height: 20px;
    margin-right: 0;
}

#entry-form-box > .container > .tab > li.icn04 > :before {
    width: 17px;
    height: 22px;
    margin-right: 6px;
}

#entry-form2 #entry-form-box > .container > .tab > li {
    width: 50%;
}

#entry-form-box > .container > .tab > li > p, #entry-form-box > .container > .tab > li > a {
    font-size: 14px;
    line-height: 1.2;
    padding: 5px 0 5px;
}

#entry-form-box > .container > .tab > li > p > span, #entry-form-box > .container > .tab > li > a > span {
    max-width: none;
}

#entry-form-box > .container > .tab2 {
    justify-content: space-between;
}

#entry-form-box > .container > .tab2 > li:last-child {
    margin-left: 0;
}

#entry-form-box > .container > .tab > li .pl {
    font-size: 10px;
    /* font-size: 12px; */
}

#entry-form-box > .container > .content > li {
    padding: 6% 3% 6%;
}

#entry-form-box > .container > .content > li > p {
    font-size: 20px;
    margin-bottom: 20px;
}

#entry-form-box > .container > .content > li > ul {
    margin-bottom: 25px;
}

#entry-form-box > .container > .content > li > .table {
    margin-bottom: 25px;
}

#entry-form-box > .container > .content > li > .table > .youkou_index {
    margin-bottom: 20px;
}

#entry-form-box > .container > .content > li > .table > .youkou_index > a {
    font-size: 14px;
    width: 100%;
    padding: 7px 2% 17px;
}

#entry-form-box > .container > .content > li > .table > .youkou_index > a:after {
    bottom: 7px;
}

#entry-form-box > .container > .content > li > .table > .table_name {
    font-size: 16px;
}

#entry-form-box > .container > .content > li > .table > .sub_text {
    font-size: 16px;
    padding: 6px;
    margin: 0 0 10px;
}

#entry-form-box > .container > .content > li > .table > .sub_text span {
    padding: 6px;
    line-height: 1.6;
}

#entry-form-box > .container > .content > li > .table > table {
    border-bottom: 1px solid #d2d2d2;
}

#entry-form-box > .container > .content > li > .table > table > tbody > tr > th {
    border-width: 1px;
    display: block;
    float: none;
    width: 100%;
    font-size: 15px;
    padding: 2% 3% 2%;
}

#entry-form-box > .container > .content > li > .table > table > tbody > tr > td {
    border-top: none;
    border-bottom: none;
    border-width: 1px;
    display: block;
    float: none;
    width: 100%;
    font-size: 14px;
    padding: 2% 3% 2%;
}

#entry-form-box > .container > .content > li > .table > table > tbody > tr > td > ul > li {
    line-height: 1.4;
    text-indent: -1em;
    padding-left: 1em;
}

#entry-form-box > .container > .content > li > a.more {
    font-size: 18px;
    padding: 14px 0 12px;
}

#entry-form-box > .container > .content > li > a.more:after {
    background-size: contain;
    width: 19px;
    height: 6px;
}

/*============================
データで見る
============================*/
#data-box .container {
    width: auto;
    padding: 30px 2.5% 40px;
    overflow: hidden;
}

#data-box .data_lead {
    font-size: 15px;
    margin-bottom: 20px;
}

#data-box .data_block + .data_block {
    margin-top: 15px;
}

#data-box .data_block.data_block_flex {
    display: block;
}

#data-box .data_block.data_block_flex .data_box + .data_box {
    margin-top: 15px;
}

#data-box .data_box, #data-box .data_box.data_box007, #data-box .data_box.data_box008 {
    padding: 20px 3%;
}

#data-box .data_box.data_box_flex {
    display: block;
}

#data-box .data_box01, #data-box .data_box03, #data-box .data_box04 {
    width: auto;
}

#data-box .data_txt {
    font-size: 17px;
}

#data-box .data_txt.big {
    font-size: 19px;
}

#data-box .data_txt .blue, #data-box .data_txt .red {
    font-size: 47px;
}

#data-box .data_box001 .data_img {
    /*width: 121px;*/
    margin: 10px auto 0;
}

#data-box .data_box002 .data_img {
    width: 54.5px;
    margin: 14px auto 0;
}

#data-box .data_box003 .data_img_box {
    width: 285px;
    padding: 8px 0px 0 0;
    margin: 12px auto 0;
}

#data-box .data_box003 .data_img.base {
    /*width: 112px;*/
    margin: 0 auto;
}

#data-box .data_box003 .data_img_box .data_img.side01 {
    width: 124.8px;
    top: 6px;
    left: 0;
}

#data-box .data_box003 .data_img_box .data_img.side02 {
    width: 95.2px;
    bottom: 5px;
    left: 1px;
}

#data-box .data_box003 .data_img_box .data_img.side03 {
    width: 142.8px;
    top: 0;
    right: 3px;
}

#data-box .data_box003 .data_img_box .data_img.side04 {
    width: 106.8px;
    bottom: 8px;
    right: 0;
}

#data-box .data_box004 .data_txt_box {
    margin-right: 0;
}

#data-box .data_box004 .data_img {
    width: 214.5px;
    margin: 0 auto;
}

#data-box .data_box005 .data_img {
    width: 45px;
}

#data-box .data_box005 .data_img_box .data_img + .data_img {
    margin-left: 20px;
}

#data-box .data_box006 .data_img {
    width: 80px;
    margin: 15px auto 0;
}

#data-box .data_box007 .data_img {
    width: 40px;
}

#data-box .data_box007 .data_img_box .data_img + .data_img {
    margin-left: 15px;
}

#data-box .data_box008 .data_img {
    width: 79.5px;
    margin: 0 auto 10px;
}

#data-box .data_box008 .data_txt_box {
    margin-left: 0;
}

#data-box .data_box008 .data_txt:first-child {
    margin-bottom: 10px;
}

#data-box .data_box009 .data_txt_box {
    margin-right: 0;
}

#data-box .data_box009 .data_txt_flex {
    display: block;
}

#data-box .data_box009 .data_img_box {
    width: 147px;
    padding-top: 45px;
    margin: 15px auto 0;
}

#data-box .data_box009 .data_img_box .track {
    width: 74.5px;
    left: 45px;
}

#data-box .data_box009 .data_img_box .road {
    width: 147px;
}

.carrer-recruit-group {
    max-width: 250px;
}

.carrer-recruit-group .img-block {
    width: 60px;
}

.carrer-recruit-group .img-block img {
}

.carrer-recruit-group .txt-block {
    width: calc(100% - 80px);
}

.carrer-recruit-group .txt-block ul {
}

.carrer-recruit-group .txt-block li {
    font-size: 14px;
    line-height: 47px;
}

.carrer-recruit-group .txt-block li:last-child {
}

.carrer-recruit-group .txt-block span {
}

.carrer-recruit-group .txt-block .carrer-year {
    font-size: 22px;
}

.carrer-recruit-group .txt-block .carrer-persent {
    font-size: 47px;
}

/*============================
エントリ―
============================*/
#entry-box {
    padding: 0 2.5% 120px;
    background: #87ddec url(../../img/bg_03_sp.png) no-repeat bottom center;
    background-size: contain;
    margin-bottom: 30px;
}

#entry-box .container {
    padding-top: 35px;
}

#entry-box .entry_lead {
    font-size: 16px;
    margin-bottom: 20px;
}

#entry-box a.graduate {
    width: auto;
    max-width: 360px;
    margin: 25px auto 15px;
    position: relative;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 14px auto;
}

#entry-box a.graduate:hover {
    color: #000;
}

#entry-box .entry_select {
    display: block;
    width: auto;
    max-width: 360px;
    height: 49px;
    background: #fff;
    border: 2px solid #6496be;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin-left: 8px;
    margin: 0 auto;
    position: relative;
}

#entry-box .entry_select .entry_select_txt {
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
}

#entry-box .entry_select select {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#entry-box .entry_select:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../../img/entry/img_tra.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 14px auto;
    right: 10px;
    top: calc(50% - 7px);
    z-index: 100;
}

.box_pop {
    top: 50px;
    bottom: auto;
    width: 95%;
    height: auto;
}

.box_pop .box_pop_white {
    display: block;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

.box_pop .box_pop_white::-webkit-scrollbar {
    display: none;
}

.box_pop .box_pop_white .box_pop_img {
    width: auto;
    min-height: auto;
    padding-bottom: 51%;
}

.box_pop.box_pop013 .box_pop_white .box_pop_img {
    background-image: url(../../img/entry/box_pop013sp.jpg);
}

.box_pop .box_pop_white .box_pop_right {
    width: auto;
    padding: 20px 4% 15px;
}

.box_pop .box_pop_white .box_pop_right .number {
    width: 40px;
    height: 40px;
    line-height: 40px;
    left: 2%;
    top: -25px;
}

.box_pop .box_pop_white .box_pop_right h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.box_pop .box_pop_white .box_pop_right .box_pop_tel {
    margin-bottom: 10px;
}

.box_pop .links {
    flex-wrap: wrap;
    width: auto;
}

.box_pop .links a {
    width: 49%;
    padding: 8px 5px 8px 3px;
}

.box_pop .links a:nth-child(n+3) {
    margin-top: 10px;
}

.box_pop .links a .pl {
    font-size: 12px;
}

.box_pop .links a:after {
    right: 5px;
    width: 14px;
    height: 4px;
    background-size: contain;
}

#entry-box a.graduate:before {
    content: none;
}

#thanks #lower-main .container {
    padding: 35px 5%;
}

#thanks #lower-main .container a.back:before {
    content: none;
}

#thanks #lower-main .container a.back:hover {
    color: #fff;
}

#entry-thanks #entry-form-box .container {
    padding: 35px 5%;
}

#entry-thanks #entry-form-box .container a.back:before {
    content: none;
}

#entry-thanks #entry-form-box .container a.back:hover {
    color: #fff;
}

/*============================
エントリ―
============================*/
#senior_voice #lower-main {
    padding-top: 25px;
}

#senior_voice #voice_box {
    width: 94%;
}

#senior_voice .senior_voice_box + .senior_voice_box {
    margin-top: 35px;
}

#senior_voice .senior_voice_box:last-of-type {
    margin-bottom: 40px;
}

#senior_voice .sevior_info {
    padding-top: 48%;
}

#senior_voice .sevior_info.none {
    padding-top: 20px;
}

#senior_voice .sevior_info .sevior_info_white {
    width: 260px;
    padding: 23px 10px 15px;
    margin-bottom: 15px;
}

#senior_voice .sevior_info_white .number {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    top: -15px;
    left: 10px;
}

#senior_voice .sevior_info_white .place_job {
    font-size: 12px;
    margin-bottom: 10px;
}

#senior_voice .sevior_info_white .name {
    font-size: 24px;
    margin-bottom: 15px;
}

#senior_voice .sevior_info_white .school {
    font-size: 12px;
}

#senior_voice .sevior_info .img {
    width: 100%;
    height: auto;
}

#senior_voice .sevior_info .img img {
    max-width: none;
}

#senior_voice .sevior_comment {
    position: static;
    width: calc(100% - 10px);
    padding: 15px 10px 12px;
    box-shadow: 10px 10px #6090b6;
    margin: 0;
}

#senior_voice .sevior_comment .ttl {
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 5px;
}

#senior_voice .sevior_comment .cont + .ttl {
    margin-top: 10px;
}

#senior_voice .senior_voice_box:nth-of-type(2n) .sevior_comment {
    box-shadow: 10px 10px #7faf9c;
}

/*--- welfare ---*/
#welfare-box > .container {
    width: 100%;
    text-align: center;
    padding: 25px 3% 20px;
}

#welfare-box h3 {
    font-size: 24px;
    margin: 0 auto 20px;
    padding: 0 0 6px;
}

#welfare-box h4 {
    font-size: 20px;
    position: relative;
    padding: 15px 0;
    margin: 0 0 27px;
}

#welfare-box h4:before {
    height: 4px;
}

#welfare-box h4:after {
    height: 4px;
}

#welfare-box .bnr_box {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    align-items: center;
}

#welfare-box h5 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0 0 8px;
}

#welfare-box ul.bo_list {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

#welfare-box ul.bo_list li {
    width: 49%;
    font-size: 16px;
    margin-bottom: 10px;
}

#welfare-box ul.con_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 320px;
    margin: 0 auto;
}

#welfare-box ul.con_list li {
    margin-bottom: 15px;
}

#welfare-box ul.under_list li:first-child {
    width: 100%;
}

#welfare-box ul.under_list li:last-child {
    width: 100%;
}

#welfare-box table td.mpad {
    padding-left: 18px;
}

#welfare-box p.ttl {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    padding-left: 110px;
    padding: 24px 0 0px 110px;
    position: relative;
}

#welfare-box p.ttl span {
    font-size: 16px;
    display: block;
}

#welfare-box p.ttl:before {
    content: '';
    position: absolute;
    left: 66px;
    top: 12px;
    width: 23px;
    height: 57px;
    background-image: url(../../img/welfare/icon_02.png);
}

#welfare-box p.ttl.type2 {
    padding: 24px 0 0px 120px;
}

#welfare-box p.ttl.type2:before {
    left: 41px;
    top: 18px;
    width: 60px;
    height: 52px;
    background-image: url(../../img/welfare/icon_01.png);
}

#welfare-box p.ex_ttl {
    line-height: 1;
    margin: 6px 0 0;
    font-weight: bold;
}

#welfare-box p.sub_ttl {
    font-size: 16px;
    font-weight: bold;
    color: #789fbe;
}

#welfare-box p.t12 {
    line-height: 1;
    padding: 8px 0 5px 5px;
}

#welfare-box p.t22 {
    line-height: 1.5;
}

#welfare-box p.t22 span {
    font-size: 18px;
}

#welfare-box p.t3 {
    font-weight: bold;
}

#welfare-box p.t3 span {
    color: #1768b4;
    font-size: 20px;
}

#welfare-box p.ex_txt {
    line-height: 1;
    margin-top: 10px;
}

#welfare-box .child_box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#welfare-box .rbox {
    width: 100%;
    margin-top: 10px;
}

#welfare-box p.ttl02 {
    font-size: 20px;
    margin-bottom: 18px;
}

#welfare-box p.t4 {
    line-height: 1.8;
    margin-bottom: 20px;
}

#welfare-box table th.t_left {
    width: 158px;
}

#welfare-box p.t5 {
    line-height: 1.6;
    margin-top: 14px;
}

#welfare-box p.t7 {
    line-height: 1.6;
    margin-top: 8px;
}

#welfare-box p.t8 {
    line-height: 1.8;
    margin-bottom: 26px;
}

#welfare-box ul.tip_list {
    justify-content: center;
}

#welfare-box ul.tip_list li {
    width: 100%;
}

#welfare-box ul.tip_list li h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

#welfare-box p.t6 {
    padding-bottom: 24px;
}

#welfare-box .itembox {
    padding: 0 0 40px;
}

#welfare-box .itembox02 {
    padding: 0 0 40px;
}

#welfare-box .itembox03 .child_box {
    padding: 0 0 18px;
}

#welfare-box .itembox03 {
    padding: 0 0 5px;
}

#welfare-box .itembox04 {
    padding-bottom: 0px;
}

#welfare-box .itembox03 p.t6 {
    padding-bottom: 24px;
}

#welfare-box .itembox04 p.t6 {
    padding-bottom: 24px;
}

#welfare-box .itembox03 h3,#welfare-box .itembox04 h3 {
    margin-bottom: 20px;
}

.box_pop {
    height: auto;
    padding: 40px 0 0;
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.box_pop scroll {
}

.box_pop_list {
    background: #ddd;
    height: 300px;
    overflow-y: visible;
    width: 100%;
}

.box_pop_list ul {
}

.box_pop_list ul li {
}

.box_pop_list ul li a {
    padding: 20px 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    justify-content: space-between;
    background: #ddd;
}

.box_pop_list ul li.off a {
    background: #a5a5a5;
    pointer-events: none;
}

.box_pop_list ul li a:hover {
    background: #eee;
}

.box_pop_list ul li a .btn {
    width: 140px;
    float: none;
    min-height: 10px;
    padding: 0;
}

.box_pop_list ul li a .btn p {
}

.box_pop_list ul li a .btn span.pl {
}

.box_pop_detail {
    width: calc(100% - 200px);
    float: none;
}

.box_pop_txt {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
}

.box_pop_money {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
}

.box_pop_time {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
}

#entry .modal-content > .modal-body {
}

#entry button.close {
}

#entry button.close:hover {
}

#entry .modal-backdrop {
}

#entry .modal-content > .modal-header {
}

#entry .modal-content > .modal-body:before {
}

#entry .modal-content > .modal-header > button.close img {
}

.modal .box_pop_white {
    display: block;
}

.modal .box_pop_white .box_pop_img {
    width: 100%;
}

.modal .box_pop000 .box_pop_img {
}

.modal .box_pop001 .box_pop_img {
}

.modal .box_pop002 .box_pop_img {
}

.modal .box_pop003 .box_pop_img {
}

.modal .box_pop004 .box_pop_img {
}

.modal .box_pop005 .box_pop_img {
}

.modal .box_pop006 .box_pop_img {
}

.modal .box_pop007 .box_pop_img {
}

.modal .box_pop008 .box_pop_img {
}

.modal .box_pop009 .box_pop_img {
}

.modal .box_pop010 .box_pop_img {
}

.modal .box_pop011 .box_pop_img {
}

.modal .box_pop012 .box_pop_img {
}

.modal .box_pop013 .box_pop_img {
}

.modal .box_pop014 .box_pop_img {
}

.modal .box_pop015 .box_pop_img {
}

.modal .box_pop016 .box_pop_img {
}

.modal .box_pop017 .box_pop_img {
}

.modal .box_pop018 .box_pop_img {
}

.modal .box_pop019 .box_pop_img {
}

.modal .box_pop020 .box_pop_img {
}

.modal .box_pop021 .box_pop_img {
}

.modal .box_pop022 .box_pop_img {
}

.modal .box_pop023 .box_pop_img {
}

.modal .box_pop024 .box_pop_img {
}

.modal .box_pop025 .box_pop_img {
}

.modal .box_pop_right {
    padding: 10px 10px 10px;
}

.modal .box_pop_right .number {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    left: 10px;
    top: 10px;
}

.modal .box_pop_right h2 {
    font-size: 18px;
    margin: 4px 0 10px 40px;
}

.modal .box_pop_right h2:after {
}

.modal .box_pop_add {
    font-size: 14px;
    margin: 0 0 10px;
}

.modal .box_pop_tel {
    line-height: 1.4;
}

.box_pop_blocks {
}

.box_pop_blocks ul {
}

.box_pop_blocks li {
    width: 100%;
}

.box_pop_blocks h3 {
    padding: 10px 0 10px 50px;
    font-size: 16px;
}

.box_pop_blocks .icon {
    background-size: contain;
}

.box_pop_blocks .icon_track {
    width: 30px;
    height: 16px;
    left: 10px;
}

.box_pop_blocks .icon_lift {
    left: 10px;
    width: 30px;
    height: 23px;
}

.box_pop_blocks .icon_person {
    left: 17px;
    width: 20px;
    height: 27px;
}

.box_pop_blocks .icon_seibi {
    left: 17px;
    width: 20px;
    height: 22px;
}

.box_pop_blocks_list {
}

.box_pop_blocks_list ul {
}

.box_pop_blocks_list li {
    padding: 10px 10px;
    min-height: 47px;
}

.box_pop_blocks_list h4 {
    font-size: 14px;
    min-width: 80px;
    top: 11px;
    left: 10px;
}

.box_pop_blocks_list p {
    padding: 0 0 0 90px;
}

.box_pop_blocks_list .btn {
}

.box_pop_blocks_list .btn:before {
}

.zoomwap {
}

.zoomwap::before {
}

.zoomwap::after {
}

.zoomwap p {
}

.circlegraph {
    width: 112px;
    height: 112px;
}

.circlegraph::before {
    width: 40px;
    height: 40px;
    background-size: 20px;
}

.circlegraph canvas {
}

#data-box .data_box003 .data_img_box .data_img.side01 {
    padding: 10px 0px 0 30px;
    background-size: 124.8px;
    height: auto;
}

#data-box .data_box003 .data_img_box .data_img.side02 {
    background-size: 95.2px;
    padding: 10px 0 0 30px;
    height: auto;
    left: 4px;
}

#data-box .data_box003 .data_img_box .data_img.side03 {
    padding: 10px 42px 0 0;
    background-size: 142.8px;
    height: auto;
}

#data-box .data_box003 .data_img_box .data_img.side04 {
    padding: 10px 35px 0 0;
    background-size: 106.8px;
    height: auto;
    bottom: 4px;
}

#data-box .data_box003 p {
    font-size: 14px !important;
}

#data-box .data_box003 p span {
    font-size: 22px !important;
}

#data-box .data_box003 .data_img.side01 p {
}

#data-box .data_box003 .data_img.side02 p {
}

#data-box .data_box003 .data_img.side03 p {
}

#data-box .data_box003 .data_img.side04 p {
}

.data_txt03 {
    font-size: 14px;
}

/* 20230614_fix */
#welfare-box .welfare_flexbox {
  display: flex;
  justify-content: center;
}
#welfare-box .welfare_flexbox .rbox {
  width: 100%;
}