@charset "utf-8"; /*============================
エントリ―
============================*/
#mv.entry {
    background: url(../../img/main/entry_mv.jpg) center center no-repeat;
    background-size: cover;
}

#mv.entry > .container > #pankuzu, #mv.entry > .container > #pankuzu > span > a > span, #mv.entry > .container > #pankuzu > span > span, #mv.entry > .container > h2, #mv.entry > .container > h2 > span {
    color: #fff;
}

#entry-box {
    background: url(../../img/main/entry_bg.png) no-repeat center bottom;
    background-size: cover;
    margin-bottom: 60px;
    padding-bottom: 280px;
}

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

#entry-box .entry_lead {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 28px;
}

#entry-box a.graduate {
    display: block;
    width: 290px;
    height: 49px;
    background: #fff;
    border: 2px solid #6496be;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin-left: 8px;
    position: relative;
    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;
    -webkit-transition: all .2s;
    transition: all .2s;
}

#entry-box a.graduate.off {
    color: #aaa;
    border: 2px solid #aaa;
}

#entry-box a.graduate:before {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #6496be;
    -webkit-transition: all .2s;
    transition: all .2s;
}

#entry-box a.graduate:not(.off):hover {
    color: #fff;
}

#entry-box a.graduate:not(.off):hover:before {
    width: 100%;
}

#entry-box a.graduate span {
    position: relative;
    z-index: 1;
}

#entry-box .entry_img {
    position: relative;
    height: 555px;
    background: url(../../img/entry/entry_img.png) no-repeat right bottom;
}

#entry-box .entry_img .number_btn_list .number_btn {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 12px;
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    letter-spacing: -0.01em;
    line-height: 18px;
    background: #6496be;
    border-radius: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
}

#entry-box .entry_img .number_btn_list .number_btn:not(.off):hover {
    background: #7faf9c;
    transform: scale(1.2,1.2)
}

#entry-box .entry_img .number_btn_list .number_btn.off {
    background: #aaa;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn001 {
    top: 240px;
    left: 432px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn002 {
    top: 221px;
    left: 442px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn003 {
    top: 240px;
    left: 450px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn004 {
    top: 221px;
    left: 419px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn005 {
    top: 209px;
    left: 460px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn006 {
    top: 188px;
    left: 429px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn007 {
    top: 217px;
    left: 394px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn008 {
    top: 156px;
    left: 480px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn009 {
    top: 193px;
    left: 477px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn010 {
    top: 289px;
    left: 402px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn011 {
    top: 267px;
    left: 449px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn012 {
    top: 299px;
    left: 345px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn013 {
    top: 343px;
    left: 393px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn014 {
    top: 14px;
    left: 451px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn015 {
    top: 113px;
    left: 555px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn016 {
    top: 138px;
    left: 622px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn017 {
    top: 182px;
    left: 670px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn018 {
    top: 162px;
    left: 587px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn019 {
    top: 177px;
    left: 512px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn020 {
    top: 232px;
    left: 621px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn021 {
    top: 239px;
    left: 550px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn022 {
    bottom: 128px;
    right: 59px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn023 {
    bottom: 104px;
    right: 49px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn024 {
    bottom: 96px;
    right: 96px;
    z-index: 10;
}

#entry-box .entry_img .number_btn_list .number_btn.pop_btn025 {
    bottom: 77px;
    right: 119px;
    z-index: 10;
}

#entry-box .list {
    position: absolute;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#entry-box .list a {
    display: block;
    width: 140px;
    height: 49px;
    background: #fff;
    border: 2px solid #6496be;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
    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;
    -webkit-transition: all .2s;
    transition: all .2s;
}

#entry-box .list a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #6496be;
    -webkit-transition: all .2s;
    transition: all .2s;
}

#entry-box .list a:not(.off):hover {
    color: #fff;
}

#entry-box .list a:not(.off):hover:before {
    width: 100%;
}

#entry-box .list a.off {
    color: #aaa;
    border: 2px solid #aaa;
}

#entry-box .list a span {
    position: relative;
    z-index: 1;
}

#entry-box .list a .number {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 12px;
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    letter-spacing: -0.01em;
    line-height: 18px;
    background: #6496be;
    border-radius: 100%;
    left: -10px;
    top: -9px;
    z-index: 2;
}

#entry-box .list a.off .number {
    background: #aaa;
}

#entry-box .left_list {
    top: 0;
    left: 8px;
    width: 290px;
}

#entry-box .right_list {
    top: 0;
    right: 0;
    width: 254px;
}

#entry-box .right_list a {
    width: 122px;
}

#entry-box .bottom_list {
    top: 324px;
    right: 116px;
    width: 307px;
}

#entry-box .bottom_list a {
    width: 122px;
}

#entry-box .bottom_list a:first-child {
    margin-left: 53px;
}

#entry-box .bottom_list a:last-child {
    margin-right: 54px;
}

.bg_black {
    display: none;
    background: #000;
    opacity: 0.6;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.box_pop {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1000px;
    margin: auto;
    height: 300px;
    z-index: 999;
}

.box_pop .close_btn {
    position: absolute;
    top: 0;
    right: 4px;
    width: 30px;
    height: 30px;
}

.box_pop .close_btn:before, .box_pop .close_btn:after {
    position: absolute;
    content: '';
    width: 38px;
    height: 3px;
    background: #ffffff;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.box_pop .close_btn:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.box_pop .close_btn:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.box_pop .close_btn:hover:before {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.box_pop .close_btn:hover:after {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.box_pop .box_pop_white {
    display: flex;
    background: #fff;
}

.box_pop .box_pop_white .box_pop_img {
    width: 500px;
    min-height: 255px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.box_pop .box_pop_white .box_pop_right {
    width: 500px;
    padding: 20px 15px 10px 25px;
    position: relative;
    box-sizing: border-box;
}

.box_pop .box_pop_white .box_pop_right .number {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 24px;
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    letter-spacing: -0.01em;
    line-height: 50px;
    background: #6496be;
    border-radius: 100%;
    left: 24px;
    top: 8px;
    /* margin: 0 0 16px; */
}

.box_pop .box_pop_white .box_pop_right h2 {
    color: #6496be;
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 10px;
    /*  margin-bottom: 12px;*/
    margin-bottom: 6px;
    position: relative;
    margin: 0 0 10px 61px;
}

.box_pop .box_pop_white .box_pop_right h2:after {
    position: absolute;
    content: '';
    width: 145px;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #6496be;
}

.box_pop .box_pop_white .box_pop_right .box_pop_add {
    font-size: 14px;
    /*line-height: 1.7;*/
    /*margin-bottom: 5px;*/
    margin-bottom: 2px;
    line-height: 1.5;
}

.box_pop .box_pop_white .box_pop_right .box_pop_tel {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 12px;
}

.box_pop .links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: static;
}

.box_pop .links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 225px;
    box-sizing: border-box;
    background: #6496be;
    border-radius: 30px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 10px 5px 10px 0;
    color: #fff;
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

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

.box_pop .links a span:not(.pl) {
}

.box_pop .links a .pl {
    font-size: 14px;
    display: block;
}

.box_pop .links a:hover {
    background: #7faf9c;
}

.box_pop .links a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 1px;
    margin: auto;
    width: 18px;
    height: 5px;
    background: url(../../img/v_05.png) no-repeat top left;
    right: 15px;
    z-index: 1;
}

.box_pop .links a.off {
    background: #ccc;
    cursor: default;
}

.box_pop .links a.off:hover {
    background: #ccc;
}

.box_pop000 .box_pop_white .box_pop_right h2 {
    margin-bottom: 20px;
}

.box_pop001 .box_pop_white .box_pop_right .box_pop_tel {
    margin-bottom: 8px;
}

.box_pop001 .links a {
    width: 215px;
    margin-bottom: 8px;
}

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

#faq-box {
    padding: 71px 0 0;
}

#faq-box > .links {
    padding: 0 0 87px;
}

#faq-box > .links > p {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin: 0 0 33px;
    line-height: 1;
}

#faq-box > .links > ul > li {
    width: 32%;
}

#faq-box > .links > ul > li:nth-child(1) > a > span:before {
    background: url(../../img/faq/i_01.png) no-repeat 0 0;
    width: 31px;
    height: 40px;
    top: -4px;
    left: 54px;
}

#faq-box > .links > ul > li:nth-child(2) > a {
    background: #7faf9c;
}

#faq-box > .links > ul > li:nth-child(2) > a > span:before {
    background: url(../../img/faq/i_02.png) no-repeat 0 0;
    width: 36px;
    height: 36px;
    top: 0px;
    left: 34px;
}

#faq-box > .links > ul > li:nth-child(3) > a > span:before {
    background: url(../../img/faq/i_03.png) no-repeat 0 0;
    width: 25px;
    height: 39px;
    top: 0px;
    left: 46px;
}

#faq-box > .links > ul > li > a {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    background: #6496be;
    padding: 5px;
}

#faq-box > .links > ul > li > a:hover {
    opacity: 0.6;
}

#faq-box > .links > ul > li > a > span {
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 15px 0 15px 37px;
    position: relative;
}

#faq-box > .links > ul > li > a > span:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

#faq-box > .box {
    margin: 0 0 105px;
}

#faq-box > .box#box2 > .ttl > p:before {
    background: url(../../img/faq/i_05.png) 0 0 no-repeat;
    width: 41px;
    height: 41px;
    left: 1px;
    top: 8px;
    margin: 0 15px 0 0;
}

#faq-box > .box#box3 > .ttl > p:before {
    background: url(../../img/faq/i_06.png) 0 0 no-repeat;
    width: 32px;
    height: 49px;
    left: 1px;
    top: 8px;
    margin: 0 15px 0 0;
}

#faq-box > .box > .ttl {
    text-align: center;
}

#faq-box > .box > .ttl > p {
    font-size: 32px;
    display: inline-block;
    font-weight: bold;
    margin: 0 0 36px;
}

#faq-box > .box > .ttl > p:before {
    content: " ";
    bottom: 0;
    display: inline-block;
    position: relative;
    background: url(../../img/faq/i_04.png) 0 0 no-repeat;
    width: 39px;
    height: 51px;
    left: 0px;
    top: 10px;
    margin: 0 32px 0 0;
}

#faq-box > .box > ul > li {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    position: relative;
    border: 5px solid #dee9f1;
    margin: 0 0 35px;
    cursor: pointer;
}

#faq-box > .box > ul > li.active {
    background: #dee9f1;
}

#faq-box > .box > ul > li.active > p {
    color: #6496be;
    padding-bottom: 25px;
}

#faq-box > .box > ul > li.active > .iplus {
    background: url(../../img/i_minus.png) 0 0 no-repeat;
    width: 24px;
    height: 3px;
    top: 31px;
    right: 19px;
}

#faq-box > .box > ul > li > .iq {
    font-family: 'Quicksand', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 26px;
    color: #FFF;
    background: url(../../img/faq/r.png) no-repeat 0 0;
    width: 61px;
    height: 61px;
    display: block;
    top: -5px;
    position: absolute;
    left: -5px;
    padding: 2px 0 0 14px;
    letter-spacing: 0.1rem;
}

#faq-box > .box > ul > li > p {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 18px;
    font-weight: bold;
    padding: 17px 0 18px 66px;
}

#faq-box > .box > ul > li > .iplus {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: url(../../img/i_plus.png) 0 0 no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 21px;
    right: 16px;
}

#faq-box > .box > ul > li > .white {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: none;
    background: #FFF;
    position: relative;
    width: 820px;
    margin: 0 auto 8px;
    padding: 10px 74px 13px;
}

#faq-box > .box > ul > li > .white > p {
    font-size: 14px;
    color: #000;
}

#faq-box > .box > ul > li > .white > p > span {
    font-family: 'Quicksand', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 32px;
    color: #82b4a0;
    position: absolute;
    top: 10px;
    left: 22px;
}

/*============================
エントリーフォーム
============================*/
#mv.entry {
    background: url(../../img/main/entry_mv.jpg) center center no-repeat;
    background-size: cover;
}

#entry-form-box {
    padding: 57px 0 179px;
    background: #87ddec url(../../img/bg_05.png) center bottom no-repeat;
    margin-bottom: 40px;
}

#entry-form-box > .container > .tab {
    justify-content: flex-start;
}

#entry-form-box > .container > .tab > li {
    display: flex;
    background: #6496be;
    width: 19%;
    text-align: center;
    position: relative;
}

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

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

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

#entry-form-box > .container > .tab > li > :before {
    content: '';
    bottom: 0;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    left: 0;
}

#entry-form-box > .container > .tab > li.icn01 > :before {
    background-image: url(../../img/entry/i_01.png);
    width: 52px;
    height: 28px;
    margin-right: 5px;
}

#entry-form-box > .container > .tab > li.icn02 > :before {
    background-image: url(../../img/entry/i_02.png);
    width: 49px;
    height: 37px;
    margin-right: 8px;
    left: -3px;
}

#entry-form-box > .container > .tab > li.icn03 > :before {
    background-image: url(../../img/entry/i_05.png);
    width: 38px;
    height: 41px;
    margin-right: 10px;
    left: -5px;
}

#entry-form-box > .container > .tab > li.icn04 > :before {
    background-image: url(../../img/entry/i_03.png);
    width: 28px;
    height: 38px;
    margin-right: 10px;
}

#entry-form-box > .container > .youkou_ttl {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1;
}

#entry-form-box > .container > .tab > li.select {
    background: #FFF;
}

#entry-form-box > .container > .tab > li.disabled {
    pointer-events : none;
    opacity: 0.6;
}

#entry-form-box > .container > .tab > li.select > p, #entry-form-box > .container > .tab > li.select > a {
    color: #454545;
}

#entry-form-box > .container > .tab > li > p, #entry-form-box > .container > .tab > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 19px;
    color: #FFF;
    padding: 6px 0 6px;
    line-height: 1.4;
    vertical-align: middle;
    margin: 0;
    width: 100%;
}

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

#entry-form-box > .container > .tab > li .pl {
    display: block;
    font-size: 12px;
    line-height: 1.2;
}

#entry-form-box > .container > .content {
    background: #FFF;
}

#entry-form-box > .container > .content > li {
    padding: 40px 80px 40px;
}

#entry-form-box > .container > .content > li.hide {
    display: none;
}

#entry-form-box > .container > .content > li > p {
    font-weight: bold;
    text-align: center;
    font-size: 28px;
    color: #6496be;
    margin: 0 0 30px;
    letter-spacing: 2px;
}

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

#entry-form-box > .container > .content > li > ul > li {
    width: 48.8%;
}

#entry-form-box > .container > .content > li > .table > .youkou_index {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#entry-form-box > .container > .content > li > .table > .youkou_index:after {
    display: block;
    content: '';
    width: 32%;
}

#entry-form-box > .container > .content > li > .table > .youkou_index > a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    background: #6496be;
    width: 32%;
    padding: 10px 10px 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#entry-form-box > .container > .content > li > .table > .youkou_index > a:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    bottom: 8px;
    left: 0;
    right: 0;
    margin: auto;
}

#entry-form-box > .container > .content > li > .table > .youkou_index > a:hover {
    opacity: 0.7;
}

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

#entry-form-box > .container > .content > li > .table > .table_name {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 20px;
}

#entry-form-box > .container > .content > li > .table > .sub_text {
    color: #ca827f;
    font-size: 18px;
    font-weight: bold;
    background-image: url(../../img/entry/bg_sub_text.jpg);
    text-align: center;
    padding: 10px;
    margin: 0 0 20px;
}

#entry-form-box > .container > .content > li > .table > .sub_text span {
    display: block;
    background-color: #FFF;
    padding: 10px 0;
}

#entry-form-box > .container > .content > li > .table > table {
    width: 100%;
}

#entry-form-box > .container > .content > li > .table > table + .table_name {
    margin-top: 40px;
}

#entry-form-box > .container > .content > li > .table > table > tbody > tr > th {
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    padding: 13px 15px 12px 17px;
    width: 183px;
    border: 2px solid #d2d2d2;
    vertical-align: top;
}

#entry-form-box > .container > .content > li > .table > table > tbody > tr > td {
    text-align: left;
    font-size: 14px;
    padding: 13px 15px 12px 30px;
    border: 2px solid #d2d2d2;
    vertical-align: top;
}

#entry-form-box > .container > .content > li > .table > table > tbody > tr > td a {
    color: #0D00FF;
    text-decoration: underline;
}

#entry-form-box > .container > .content > li > .table > table > tbody > tr > td .place {
    display: inline;
}

#entry-form-box > .container > .content > li > .table > table > tbody > tr > td > ul {
    padding: 3px 0 0px 15px;
}

#entry-form-box > .container > .content > li > .table > table > tbody > tr > td > ul > li {
    padding: 0;
    line-height: 1.2;
    margin: 0 0 6px;
}

#entry-form-box > .container > .content > li > .table > table > tbody > tr > td > ul > li:last-child {
    margin: 0;
}

#entry-form-box > .container > .content > li > a.more {
    background: #27ae60;
    font-weight: bold;
    font-size: 24px;
    padding: 21px 0 20px;
    max-width: 340px;
}

#entry-form-box > .container > .content > li > a.more:after {
    background: url(../../img/v_09.png) 0 0 no-repeat;
    width: 28px;
    height: 8px;
    right: 24px;
}

#entry-form-box > .container > .content > li > a.more.off {
    opacity: 0.5;
    pointer-events: none;
}

#entry-navi {
    background: #f4f7fa;
    padding: 40px 0 40px;
    margin: 0 0 74px;
}

#entry-navi > .container {
    width: 840px;
}

#entry-navi > .container > ul > li {
    width: 46.4%;
}

#entry-navi > .container > ul > li.hide {
    display: none;
}

#entry-navi > .container > ul > li > a {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    position: relative;
}

#entry-navi > .container > ul > li > a:hover {
    opacity: 0.6;
}

#entry-navi > .container > ul > li > a > img {
    width: 100%;
    height: auto;
}

#entry-navi > .container > ul > li > a > p {
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 205px;
    line-height: 1;
}

#entry-navi > .container > ul > li > a > p:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.8) url(../../img/v_08.png) no-repeat center center;
    right: 0;
    left: auto;
    width: 46px;
    height: 46px;
}

#entry-navi > .container > ul > li > a > p > span {
    padding: 14px 0 13px;
    background: rgba(100, 150, 190, 0.94);
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: block;
    width: 160px;
    font-size: 17px;
    color: white;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0.17rem;
    position: relative;
}

/*============================
#interview-box
============================*/
#interview-box {
    padding: 60px 0 0;
}

#interview-box .type01 {
    margin: 0 0 70px;
}

#interview-box .type01 > .box > .left {
    width: 285px;
}

#interview-box .type01 > .box > .left > p.t1 {
    font-family: 'Quicksand', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    color: #6496be;
    font-size: 20px;
    line-height: 1;
    margin: 0px 0 54px;
    position: relative;
    top: -5px;
    padding: 0 0 0px 4px;
    letter-spacing: 0.18rem;
}

#interview-box .type01 > .box > .left > p.t1 > span {
    font-family: 'Quicksand', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    color: #6496be;
    display: block;
    line-height: 0.78;
    font-size: 120px;
    margin: 0 0 0 -0.04em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span {
    letter-spacing: -0.1em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls01 {
    letter-spacing: 0.05em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls02 {
    letter-spacing: -0.03em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls03 {
    letter-spacing: -0.03em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls05 {
    letter-spacing: -0.02em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls06 {
    letter-spacing: -0.02em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls07 {
    letter-spacing: -0.03em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls08 {
    letter-spacing: -0.03em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls09 {
    letter-spacing: -0.02em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls10 {
    letter-spacing: 0.07em;
    margin-left: 0.05em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls11 {
    letter-spacing: 0.13em;
    margin-left: 0.09em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls12 {
    letter-spacing: 0.10em;
    margin-left: 0.05em;
}

#interview-box.interview-box04 .type01 > .box > .left > p.t1 > span.ls13 {
    letter-spacing: 0.10em;
    margin-left: 0.05em;
}

#interview-box .type01 > .box > .left > p.t2 {
    font-size: 14px;
    color: #000;
    margin: 0 0 16px;
    letter-spacing: 0.09rem;
}

#interview-box .type01 > .box > .left > p.t3 {
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 40px;
    color: #000;
    letter-spacing: 0.4rem;
    margin: 0 0 19px;
}

#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: 18px;
    color: #000;
    letter-spacing: 0.05rem;
    line-height: 1;
    margin: 0 0 30px;
}

#interview-box .type01 > .box > .left > p.t4 > span {
    color: #6496be;
}

#interview-box .type01 > .box > .left > p.t5 {
    font-size: 14px;
    color: #000;
    letter-spacing: 0.08rem;
}

#interview-box .type01 > .box > .right {
    width: 715px;
}

#interview-box .type01 > p.th {
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    clear: both;
    padding: 45px 0 43px;
    line-height: 1.4;
    font-size: 20px;
    color: #000;
    position: relative;
    letter-spacing: 0.12rem;
}

#interview-box .type01 > p.th:after {
    content: " ";
    display: block;
    position: absolute;
    margin: auto;
    background: #6496be;
    height: 2px;
    width: 65px;
    left: 0;
    top: auto;
    bottom: 24px;
}

#interview-box .type01 > p.td {
    font-size: 14px;
    line-height: 2;
    text-indent: 1em;
    color: #000;
    margin: 0 0 11px;
}

#interview-box .type01 > p.td2 {
    font-size: 14px;
    line-height: 2;
    text-indent: 1em;
    color: #000;
    margin-bottom: 0;
}

#interview-box .nagare {
    margin: 0 0 51px;
    position: relative;
    top: -6px;
}

#interview-box .nagare > .table > table {
    width: 100%;
}

#interview-box .nagare > .table > table > tbody > tr:last-child > td.time {
    padding: 18px 0 18px 60px;
}

#interview-box .nagare > .table > table > tbody > tr:last-child > td.des {
    padding: 1px 0 0 35px;
}

#interview-box .nagare > .table > table > tbody > tr:last-child > td.des > span {
    top: 0;
}

#interview-box .nagare > .table > table > tbody > tr > th {
    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;
    font-size: 24px;
    color: #FFF;
    padding: 0 0 28px;
    line-height: 1.8;
    width: 286px;
    vertical-align: middle;
    letter-spacing: 0.14rem;
}

#interview-box .nagare > .table > table > tbody > tr > th > span {
    font-size: 20px;
}

#interview-box .nagare > .table > table > tbody > tr > td.time {
    font-family: 'Quicksand', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    color: #6496be;
    font-size: 28px;
    padding: 15px 0 7px 60px;
    letter-spacing: 0.17rem;
    width: 116px;
    border-right: 4px solid #6497bf;
}

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

#interview-box .nagare > .table > table > tbody > tr > td.des > span {
    display: block;
    position: absolute;
    background: url(../../img/o_03.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    left: -14px;
    top: 8px;
    bottom: 0;
    margin: auto;
}

#interview-box .personal_box {
    width: 856px;
    border: 1px solid #bfbfbf;
    margin: 0 auto 80px;
    padding: 30px 30px 30px 30px;
}

#interview-box .personal_box > .l_box {
    width: 160px;
}

#interview-box .personal_box > .r_box {
    width: 670px;
}

#interview-box .personal_box > .r_box > p.t1 {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 12px;
    letter-spacing: 0.1rem;
}

#interview-box .personal_box > .r_box > p.t2 {
    font-size: 24px;
    line-height: 1.4;
    margin: 0 0 6px;
    letter-spacing: 0.3rem;
    font-weight: bold;
}

#interview-box .personal_box > .r_box > p.t2 > span {
    font-size: 16px;
    margin: 0 0 0 18px;
    letter-spacing: 0.2rem;
}

#interview-box .personal_box > .r_box > p.t3 {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 14px;
    letter-spacing: 0.12rem;
}

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

#interview #section04 {
    position: relative;
    background: url(../../img/bg_01.png) repeat 0 0;
    padding: 0 0 50px;
    margin-bottom: 40px;
}

#interview #section04 > .ttl {
    padding: 48px 0 22px 0px;
}

#interview #section04 > .ttl > h2 {
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    color: black;
    font-weight: bold;
    line-height: 2;
    text-align: center;
    position: relative;
    letter-spacing: 0.3rem;
}

#interview #section04 > .ttl > h2:before {
    content: " ";
    display: block;
    position: absolute;
    margin: auto;
    background: url(../../img/icons.png) no-repeat 0 0;
    width: 980px;
    height: 160px;
    left: -72px;
    right: 0;
    top: -75px;
    bottom: auto;
}

#interview #section04 > .ttl > h2 > span {
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.1rem;
    display: block;
    font-size: 36px;
    color: #6496be;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 9px;
}

#interview #section04 > .slick2 {
    margin: 0 0 76px;
}

#interview #section04 > .slick2 .box {
    position: relative;
    padding: 32px 20px 0;
    overflow: visible;
}

#interview #section04 > .slick2 .box.box01 p.t1 > span {
    letter-spacing: 0.08em;
}

#interview #section04 > .slick2 .box.box02 p.t1 > span {
    letter-spacing: 0;
}

#interview #section04 > .slick2 .box.box03 p.t1 > span {
    letter-spacing: 0.02em;
}

#interview #section04 > .slick2 .box.box04 p.t1 > span {
    letter-spacing: -0.08em;
}

#interview #section04 > .slick2 .box.box05 p.t1 > span {
    letter-spacing: 0;
}

#interview #section04 > .slick2 .box.box06 p.t1 > span {
    letter-spacing: 0.02em;
}

#interview #section04 > .slick2 .box.box07 p.t1 > span {
    letter-spacing: -0.01em;
}

#interview #section04 > .slick2 .box.box08 p.t1 > span {
    letter-spacing: 0.01em;
}

#interview #section04 > .slick2 .box.box09 p.t1 > span {
    letter-spacing: 0;
}

#interview #section04 > .slick2 .box.box10 p.t1 > span {
    margin-left: 0.05em;
    letter-spacing: 0.08em;
}

#interview #section04 > .slick2 .box.box11 p.t1 > span {
    margin-left: 0.05em;
    letter-spacing: 0.10em;
}

#interview #section04 > .slick2 .box.box12 p.t1 > span {
    margin-left: 0.05em;
    letter-spacing: 0.05em;
}

#interview #section04 > .slick2 .box > a {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    text-align: center;
}

#interview #section04 > .slick2 .box > a:hover {
    opacity: 0.6;
}

#interview #section04 > .slick2 .box p.t1 {
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: absolute;
    top: 0;
    left: -5px;
    font-weight: bold;
    font-size: 12px;
    color: #6496be;
    line-height: 1;
    letter-spacing: 0.03rem;
}

#interview #section04 > .slick2 .box p.t1 > span {
    font-weight: bold;
    display: block;
    font-size: 59px;
    margin-left: -0.03em;
}

#interview #section04 > .slick2 .box p.t2 {
    font-size: 14px;
    text-align: center;
    position: relative;
    line-height: 1.2;
    margin: 0 0 10px;
}

#interview #section04 > .slick2 .box p.t2:before {
    display: inline-block;
    position: relative;
    font-size: 18px;
    top: 0;
    content: "[";
    left: -11px;
}

#interview #section04 > .slick2 .box p.t2:after {
    content: "]";
    display: inline-block;
    position: relative;
    font-size: 18px;
    top: 0;
    right: -11px;
}

#interview #section04 > .slick2 .box p.t3 {
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    letter-spacing: 2px;
}

#interview #section04 > .slick2 .box p.t3 > span {
    color: #6496be;
}

#interview #section04 > .slick2 .box p.t4 {
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    letter-spacing: 4px;
}

#interview #section04 > .slick2 .box img {
    margin: 0 0 20px;
    width: auto;
}

#interview #section04 > .more {
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
}

/*============================
歴史で見る
============================*/
#mv.history {
    background: url(../../img/history/mv.jpg) center 0 no-repeat;
    background-size: cover;
}

#history-box {
    height: 4000px;
    margin: 0 0 60px;
    overflow: hidden;
    height: 5000px;
}

#history-box > ul {
    padding: 61px 0 0;
    background: url(../../img/bg_06.png) repeat-y center top;
}

#history-box > ul > li {
    position: relative;
}

#history-box > ul > li:before {
    content: " ";
    display: block;
    position: absolute;
    margin: auto;
    background: url(../../img/o_04.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    bottom: auto;
    top: 81px;
    left: 0;
    right: 0;
}

#history-box > ul > li:after {
    content: " ";
    display: block;
    position: absolute;
    margin: auto;
    background: #000;
    width: 130px;
    height: 1px;
    bottom: auto;
    top: 89px;
    left: -128px;
    right: 0;
    z-index: 0;
}

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

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

#history-box > ul > li:nth-child(2n) > .box p.t1 {
    color: #82b4a0;
}

#history-box > ul > li:nth-child(2n) > .box p.t1 > span {
    color: #82b4a0;
}

#history-box > ul > li:nth-child(2n) > .box p.t2 {
    color: #82b4a0;
}

#history-box > ul > li.h_02:before {
    top: -55px;
}

#history-box > ul > li.h_02:after {
    top: -47px;
}

#history-box > ul > li.h_02 > .box {
    top: -105px;
}

#history-box > ul > li.h_02 > .box p.t1 {
    right: auto;
    left: -167px;
    top: -13px;
}

#history-box > ul > li.h_03:before {
    top: 6px;
}

#history-box > ul > li.h_03:after {
    top: 14px;
}

#history-box > ul > li.h_03 > .box {
    top: -43px;
}

#history-box > ul > li.h_03 > .box p.t1 {
    top: -22px;
}

#history-box > ul > li.h_04:before {
    top: -25px;
}

#history-box > ul > li.h_04:after {
    top: -17px;
}

#history-box > ul > li.h_04 > .box {
    top: -75px;
}

#history-box > ul > li.h_04 > .box p.t1 {
    right: auto;
    left: -167px;
    top: -13px;
}

#history-box > ul > li.h_05:before {
    top: 16px;
}

#history-box > ul > li.h_05:after {
    top: 24px;
}

#history-box > ul > li.h_05 > .box {
    top: -60px;
}

#history-box > ul > li.h_05 > .box p.t1 {
    top: 6px;
}

#history-box > ul > li.h_06:before {
    top: 75px;
}

#history-box > ul > li.h_06:after {
    top: 81px;
}

#history-box > ul > li.h_06 > .box {
    top: -132px;
}

#history-box > ul > li.h_06 > .box p.t1 {
    right: auto;
    left: -167px;
    top: 118px;
}

#history-box > ul > li.h_07:before {
    top: -140px;
}

#history-box > ul > li.h_07:after {
    top: -132px;
}

#history-box > ul > li.h_07 > .box {
    top: -340px;
}

#history-box > ul > li.h_07 > .box p.t1 {
    top: 121px;
}

#history-box > ul > li.h_08:before {
    top: -323px;
}

#history-box > ul > li.h_08:after {
    top: -316px;
}

#history-box > ul > li.h_08 > .box {
    top: -366px;
}

#history-box > ul > li.h_08 > .box p.t1 {
    right: auto;
    left: -167px;
    top: -30px;
}

#history-box > ul > li.h_09:before {
    top: -316px;
}

#history-box > ul > li.h_09:after {
    top: -308px;
}

#history-box > ul > li.h_09 > .box {
    top: -384px;
}

#history-box > ul > li.h_09 > .box p.t1 {
    top: -11px;
}

#history-box > ul > li.h_10:before {
    top: -316px;
}

#history-box > ul > li.h_10:after {
    top: -309px;
}

#history-box > ul > li.h_10 > .box {
    top: -410px;
}

#history-box > ul > li.h_10 > .box p.t1 {
    right: auto;
    left: -167px;
    top: 20px;
}

#history-box > ul > li.h_11:before {
    top: -313px;
}

#history-box > ul > li.h_11:after {
    top: -305px;
}

#history-box > ul > li.h_11 > .box {
    top: -400px;
    padding-bottom: 12px;
}

#history-box > ul > li.h_11 > .box p.t1 {
    top: 8px;
}

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

#history-box > ul > li.h_12:before {
    top: -321px;
}

#history-box > ul > li.h_12:after {
    top: -314px;
}

#history-box > ul > li.h_12 > .box {
    top: -414px;
}

#history-box > ul > li.h_12 > .box p.t1 {
    right: auto;
    left: -167px;
    top: 19px;
}

#history-box > ul > li.h_13:before {
    top: -326px;
}

#history-box > ul > li.h_13:after {
    top: -318px;
}

#history-box > ul > li.h_13 > .box {
    top: -422px;
}

#history-box > ul > li.h_13 > .box p.t1 {
    top: 17px;
}

#history-box > ul > li.h_14:before {
    top: -321px;
}

#history-box > ul > li.h_14:after {
    top: -314px;
}

#history-box > ul > li.h_14 > .box {
    top: -478px;
}

#history-box > ul > li.h_14 > .box p.t1 {
    right: auto;
    left: -167px;
    top: 83px;
}

#history-box > ul > li.h_15:before {
    top: -506px;
}

#history-box > ul > li.h_15:after {
    top: -498px;
}

#history-box > ul > li.h_15 > .box {
    top: -572px;
}

#history-box > ul > li.h_15 > .box p.t1 {
    top: -4px;
}

#history-box > ul > li.h_16:before {
    top: -511px;
}

#history-box > ul > li.h_16:after {
    top: -504px;
}

#history-box > ul > li.h_16 > .box {
    top: -550px;
}

#history-box > ul > li.h_16 > .box p.t1 {
    right: auto;
    left: -167px;
    top: -34px;
}

#history-box > ul > li.h_17:before {
    top: -529px;
}

#history-box > ul > li.h_17:after {
    top: -521px;
}

#history-box > ul > li.h_17 > .box {
    top: -611px;
}

#history-box > ul > li.h_17 > .box p.t1 {
    top: 11px;
}

#history-box > ul > li.h_18:before {
    top: -538px;
}

#history-box > ul > li.h_18:after {
    top: -531px;
}

#history-box > ul > li.h_18 > .box {
    top: -593px;
}

#history-box > ul > li.h_18 > .box p.t1 {
    right: auto;
    left: -167px;
    top: -19px;
}

#history-box > ul > li.h_19:before {
    top: -510px;
}

#history-box > ul > li.h_19:after {
    top: -502px;
}

#history-box > ul > li.h_19 > .box {
    top: -683px;
}

#history-box > ul > li.h_19 > .box p.t1 {
    top: 102px;
}

#history-box > ul > li.h_20:before {
    top: -621px;
}

#history-box > ul > li.h_20:after {
    top: -614px;
}

#history-box > ul > li.h_20 > .box {
    top: -720px;
}

#history-box > ul > li.h_20 > .box p.t1 {
    right: auto;
    left: -167px;
    top: 25px;
}

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

#history-box > ul > li.h_21:before {
    top: -635px;
}

#history-box > ul > li.h_21:after {
    top: -627px;
}

#history-box > ul > li.h_21 > .box {
    top: -678px;
}

#history-box > ul > li.h_21 > .box p.t1 {
    top: -28px;
}

#history-box > ul > li.h_22:before {
    top: -636px;
}

#history-box > ul > li.h_22:after {
    top: -629px;
}

#history-box > ul > li.h_22 > .box {
    top: -683px;
}

#history-box > ul > li.h_22 > .box p.t1 {
    right: auto;
    left: -167px;
    top: -27px;
}

#history-box > ul > li.h_23:before {
    top: -649px;
}

#history-box > ul > li.h_23:after {
    top: -641px;
}

#history-box > ul > li.h_23 > .box {
    top: -727px;
}

#history-box > ul > li.h_23 > .box p.t1 {
    top: 7px;
    right: -155px;
}

#history-box > ul > li.h_24:before {
    top: -632px;
}

#history-box > ul > li.h_24:after {
    top: -625px;
}

#history-box > ul > li.h_24 > .box {
    top: -721px;
}

#history-box > ul > li.h_24 > .box p.t1 {
    right: auto;
    left: -167px;
    top: 16px;
}

#history-box > ul > li.h_25:before {
    top: -770px;
}

#history-box > ul > li.h_25:after {
    top: -763px;
}

#history-box > ul > li.h_25 > .box {
    top: -908px;
}

#history-box > ul > li.h_25 > .box p.t1 {
    top: 67px;
    right: -161px;
}

#history-box > ul > li.h_26:before {
    top: -911px;
}

#history-box > ul > li.h_26:after {
    top: -904px;
}

#history-box > ul > li.h_26 > .box {
    top: -940px;
}

#history-box > ul > li.h_26 > .box p.t1 {
    right: auto;
    left: -169px;
    top: -44px;
}

#history-box > ul > li.h_27:before {
    top: -873px;
}

#history-box > ul > li.h_27:after {
    top: -865px;
}

#history-box > ul > li.h_27 > .box {
    top: -965px;
}

#history-box > ul > li.h_27 > .box p.t1 {
    top: 21px;
    right: -164px;
}

#history-box > ul > li.h_28:before {
    top: -886px;
}

#history-box > ul > li.h_28:after {
    top: -879px;
}

#history-box > ul > li.h_28 > .box {
    top: -969px;
}

#history-box > ul > li.h_28 > .box p.t1 {
    right: auto;
    left: -169px;
    top: 9px;
}

#history-box > ul > li.h_29:before {
    top: -885px;
}

#history-box > ul > li.h_29:after {
    top: -877px;
}

#history-box > ul > li.h_29 > .box {
    top: -1022px;
}

#history-box > ul > li.h_29 > .box p.t1 {
    top: 66px;
    right: -164px;
}

/*added 20220513*/
#history-box > ul > li.h_30:before {
    top: -907px;
}

#history-box > ul > li.h_30:after {
    top: -899px;
}

#history-box > ul > li.h_30 > .box {
    top: -979px;
}

#history-box > ul > li.h_30 > .box p.t1 {
    top: 4px;
    left: -164px;
    right: auto;
}

#history-box > ul > li.h_31:before {
    top: -919px;
}

#history-box > ul > li.h_31:after {
    top: -911px;
}

#history-box > ul > li.h_31 > .box {
    top: -1057px;
}

#history-box > ul > li.h_31 > .box p.t1 {
    top: 71px;
    right: -164px;
}

#history-box > ul > li.h_32:before {
    top: -1053px;
}

#history-box > ul > li.h_32:after {
    top: -1045px;
}

#history-box > ul > li.h_32 > .box {
    top: -1077px;
}

#history-box > ul > li.h_32 > .box p.t1 {
    top: -46px;
    left: -164px;
    right: auto;
}

#history-box > ul > li.h_33:before {
    top: -1018px;
}

#history-box > ul > li.h_33:after {
    top: -1010px;
}

#history-box > ul > li.h_33 > .box {
    top: -1094px;
}

#history-box > ul > li.h_33 > .box p.t1 {
    top: 7px;
    right: -164px;
}

#history-box > ul > li.h_34:before {
    top: -1003px;
}

#history-box > ul > li.h_34:after {
    top: -995px;
}

#history-box > ul > li.h_34 > .box {
    top: -1097px;
}

#history-box > ul > li.h_34 > .box p.t1 {
    top: 27px;
    left: -164px;
    right: auto;
}

#history-box > ul > li.h_35:before {
    top: -988px;
}

#history-box > ul > li.h_35:after {
    top: -980px;
}

#history-box > ul > li.h_35 > .box {
    top: -1151px;
}

#history-box > ul > li.h_35 > .box p.t1 {
    top: 96px;
    right: -164px;
}

#history-box > ul > li.h_36:before {
    top: -1130px;
}

#history-box > ul > li.h_36:after {
    top: -1123px;
}

#history-box > ul > li.h_36 > .box {
    top: -1227px;
}

#history-box > ul > li.h_36 > .box p.t1 {
    top: 30px;
    left: -164px;
    right: auto;
}

/*!added 20220513*/
#history-box > ul > li > .box {
    width: 342px;
    margin: 0 auto 0;
    border: 4px solid #dcdcdc;
    background: #FFF;
    left: -311px;
    position: relative;
    padding: 0px 15px 19px;
    z-index: 3;
}

#history-box > ul > li > .box > p.t1 {
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 36px;
    color: #6496be;
    position: absolute;
    right: -165px;
    top: 10px;
    text-align: center;
    letter-spacing: 0.0rem;
}

#history-box > ul > li > .box > p.t1 > span {
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    display: block;
    font-size: 16px;
    color: #6496be;
    letter-spacing: 0.05rem;
    text-align: center;
    position: relative;
    left: 5px;
}

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

#history-box > ul > li > .box > p.t2 {
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #6496be;
    padding: 18px 0 9px 4px;
}

#history-box > ul > li > .box > p.t2 > span.ls {
    letter-spacing: -0.2rem;
}

#history-box > ul > li > .box > img {
    margin: 0 0 12px;
}

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

#history-box > ul > li > .box > p.t3 {
    font-size: 14px;
    line-height: 1.6;
}

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

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

/*============================
#message.html
============================*/
#message #interview-box .type01 > .box > .left > p.t1 {
    font-family: 'Quicksand', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    color: #82b4a0;
    font-size: 36px;
    line-height: 1;
    margin: 0px 0 36px;
    position: relative;
    top: -5px;
    padding: 0 0 0px 4px;
    letter-spacing: 0.18rem;
}

#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: 18px;
    color: #000;
    letter-spacing: 0.05rem;
    line-height: 1;
    margin: 0 0 30px;
}

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

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

#message #interview-box 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: 45px 0 22px;
    line-height: 1.4;
    font-size: 24px;
    color: #82b4a0;
    position: relative;
    letter-spacing: 0.06rem;
}

#message #interview-box p.first_text {
    padding: 0px 0 22px;
}

#message #interview-box .type01 > p.th:after {
    content: none;
}

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

#message #interview-box .type01 > .box2 {
}

#message #interview-box .type01 > .box2 > .left {
    width: 480px;
}

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

#message #interview-box .type01 > .box2 > .right {
    width: 500px;
    padding-left: 20px;
}

/*============================
#contact.html
============================*/
#contact .inner {
    text-align: center;
}

#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: 55px 0 40px;
    line-height: 1.4;
    font-size: 32px;
    color: #82b4a0;
    position: relative;
    letter-spacing: 0.06rem;
}

#contact p.text {
    margin-bottom: 40px;
    font-weight: bold;
}

#contact .mw_wp_form {
    width: 770px;
    margin: 0 auto 120px;
    text-align: left;
}

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

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

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

#contact .mw_wp_form .form_box input {
    width: 540px;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#contact .mw_wp_form .form_box input[type="text"] , #contact .mw_wp_form .form_box input[type="email"] {
    padding: 10px;
    border: 1px solid #4e4e4e;
}

#contact .mw_wp_form .form_box textarea {
    width: 540px;
    height: 150px;
    padding: 10px;
    border: 1px solid #4e4e4e;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#contact .mw_wp_form.mw_wp_form_confirm p.policy-p {
    display: none;
}

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

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

#contact .mw_wp_form p.submit-p {
    display: flex;
    justify-content: center;
}

#contact .mw_wp_form p.submit-p > input {
    font-size: 18px;
    font-weight: bold;
    background: none;
    border: none;
    width: 260px;
    height: 100%;
    color: #FFF;
    cursor: pointer;
    padding-top: 14px;
    padding-bottom: 14px;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: #6496be url(../../img/v_10.png) no-repeat right 20px center;
}

#contact .mw_wp_form p.submit-p > input:hover {
    opacity: 0.6;
}

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

#contact .dial_box {
    border: 4px solid #d2d2d2;
    width: 752px;
    padding: 21px 20px 18px;
    margin: 0 auto 25px;
    background-color: #FFF;
}

#contact .dial_box > .box > .l_box {
    width: 347px;
}

#contact .dial_box > .box > .l_box > p.t1 {
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 48px;
    color: #6090b6;
    position: relative;
    padding: 0px 0 0 0px;
    line-height: 0.7;
    text-align: right;
    letter-spacing: 0.08rem;
    margin: 4px 0 24px;
}

#contact .dial_box > .box > .l_box > p.t1:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../../img/i_call.png) no-repeat 0 0;
    width: 34px;
    height: 34px;
    left: 28px;
    top: 3px;
}

#contact .dial_box > .box > p.t2 {
    line-height: 1;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

#contact .dial_box > .box > .r_box {
    width: 350px;
}

#contact .dial_box > .box > .r_box > p {
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #7faf9c;
    width: 300px;
    max-width: 100%;
    padding: 8px 0 7px 0;
    font-size: 18px;
    text-align: center;
    margin: 0;
    letter-spacing: 0.12rem;
    color: #FFF;
}

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

#business-box > .container {
    padding: 80px 0 100px;
}

#business-box > .container p.th {
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    position: relative;
    padding: 60px 0 70px;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 1px;
}

#business-box > .container p.th:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    left: calc(50% - 40px);
    bottom: 40px;
}

#business-box > .container .green {
    color: #82b4a0;
}

#business-box > .container .blue {
    color: #6496be;
}

#business-box > .container .green:after {
    background-color: #82b4a0;
}

#business-box > .container .blue:after {
    background-color: #6496be;
}

#business-box > .container p.td {
    font-size: 14px;
    line-height: 2;
    text-indent: 1em;
    color: #000;
    margin: 0 0 11px;
}

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

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

/*============================
#employment.html
============================*/
#employment-box .container {
    position: relative;
}

#employment-box > .container > .linkbox {
    display: flex;
    justify-content: space-between;
    padding: 100px 0 18px;
}

#employment-box > .container > .linkbox .active {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
}

#employment-box > .container > .linkbox .green {
    background-image: url(../../img/employment/btn1.png);
}

#employment-box > .container > .linkbox .blue {
    background-image: url(../../img/employment/btn3.png);
}

#employment-box > .container > .linkbox .active:after {
    content: "";
    background-image: url(../../img/employment/arrow2.png);
    position: absolute;
    width: 22px;
    height: 6px;
    right: 20px;
    top: 30px;
    background-repeat: no-repeat;
}

#employment-box > .container > .linkbox .active > p {
    text-align: center;
    width: 100%;
    margin-bottom: 11px;
    font-size: 24px;
    color: #FFF;
}

#employment-box > .container > .linkbox .nonactive {
    background-image: url(../../img/employment/btn2.png);
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
}

#employment-box > .container > .linkbox .nonactive:after {
    content: "";
    background-image: url(../../img/employment/arrow1.png);
    position: absolute;
    width: 22px;
    height: 6px;
    right: 20px;
    top: 30px;
    background-repeat: no-repeat;
}

#employment-box > .container > .linkbox .nonactive p {
    margin-bottom: 11px;
    width: 100%;
    text-align: center;
    font-size: 24px;
}

#employment-box > .container > .careerup {
    text-align: center;
}

#employment-box > .container > .careerup > .title {
    background-image: url(../../img/employment/bg_01.png);
    margin-bottom: 40px;
    padding: 15px 20px;
}

#employment-box > .container > .careerup > .title > p.th {
    font-size: 26px;
    font-weight: bold;
    background-color: #FFF;
    padding: 15px 0 13px;
}

#employment-box > .container > .careerup > .title > .green {
    color: #82b4a0;
}

#employment-box > .container > .careerup > .title > .blue {
    color: #6496be;
}

#employment-box > .container > .careerup > ul {
}

#employment-box > .container > .careerup > ul > li {
    display: flex;
    padding-bottom: 40px;
    margin-bottom: 20px;
    position: relative;
    align-items: center;
}

#employment-box > .container > .careerup > ul > li:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 15px;
    background-repeat: no-repeat;
    left: calc(50% - 20px);
    bottom: 0;
}

#employment-box > .container > .careerup > ul > .g-arrow:after {
    background-image: url(../../img/employment/img_01.png);
}

#employment-box > .container > .careerup > ul > .b-arrow:after {
    background-image: url(../../img/employment/img_01_b.png);
}

#employment-box > .container > .careerup > ul > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

#employment-box > .container > .careerup > ul > li:last-child:after {
    content: none;
}

#employment-box > .container > .careerup > ul > li > p.class_num {
    width: 270px;
    margin-right: 10px;
    font-size: 30px;
    font-weight: bold;
}

#employment-box > .container > .careerup > ul > li > .green {
    color: #82b4a0;
}

#employment-box > .container > .careerup > ul > li > .blue {
    color: #6496be;
}

#employment-box > .container > .careerup > ul > li > p.td {
    width: 672px;
    text-align: left;
    border: 1px solid;
    padding: 16px 23px;
    font-size: 16px;
}

#employment-box > .container > .training {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 60px 0 80px;
}

#employment-box > .container > .training > p.th {
    order: 1;
    text-align: center;
    background: #6496be;
    box-shadow: 0px 0px 0px 5px #6496be;
    border: 2px solid #FFF;
    padding: 15px 0;
    color: #FFF;
    font-weight: bold;
    font-size: 26px;
    width: 986px;
    margin: 0 5px 45px;
}

#employment-box > .container > .training > img {
    order: 3;
}

#employment-box > .container > .training > p.td {
    order: 2;
    width: 500px;
    font-size: 16px;
}

#employment-box > .container > .welfare {
    padding-bottom: 82px;
}

#employment-box > .container > .welfare > p.th {
    text-align: center;
    background: #82b4a0;
    box-shadow: 0px 0px 0px 5px #82b4a0;
    border: 2px solid #FFF;
    padding: 15px 0;
    color: #FFF;
    font-weight: bold;
    font-size: 26px;
    width: 986px;
    margin: 0 5px 45px;
}

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

#employment-box > .container > .welfare > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 38px 0 0;
}

#employment-box > .container > .welfare > ul.welfare_list02 {
    padding-top: 0;
}

#employment-box > .container > .welfare > ul > li {
    width: 490px;
    margin-bottom: 22px;
    position: relative;
    flex-wrap: wrap;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

#employment-box > .container > .welfare > ul > li > .box {
    border: 1px solid #82b4a0;
}

#employment-box > .container > .welfare > ul > li > .box.move {
    cursor: pointer;
}

#employment-box > .container > .welfare > ul > li > .box > .iplus {
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: url(../../img/employment/img_03.png) 0 0 no-repeat;
    background-size: 14px auto;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 17px;
}

#employment-box > .container > .welfare > ul > li.active > .box > .iplus {
    background: url(../../img/employment/img_03_minus.png) 0 0 no-repeat;
    background-size: 14px auto;
    width: 14px;
    height: 14px;
    right: 20px;
}

#employment-box > .container > .welfare > ul > li > .box > p {
    padding: 12px 45px 12px 20px;
    font-size: 14px;
    line-height: 1.6;
}

#employment-box > .container > .welfare > ul.welfare_list02 > li > .box > p {
    padding-right: 20px;
}

#employment-box > .container > .welfare > ul > li > .box > .visible {
    display: none;
    width: 100%;
    position: relative;
    border-top: 1px dotted #a8a8a8;
}

#employment-box > .container > .welfare > ul > li > .box > .visible > p {
    padding: 12px 22px 12px 22px;
    font-size: 14px;
    line-height: 1.6;
}

#employment-box #jim {
    display: none;
}

#employment-box #sagyou {
    display: none;
}

#employment-box #btn1 {
    width: 325px;
    height: 78px;
}

#employment-box #btn2 {
    width: 325px;
    height: 78px;
}

#employment-box #btn3 {
    width: 325px;
    height: 78px;
}

#employment-box #btn1 .nonactive {
    display: none;
}

#employment-box #btn2 .active {
    display: none;
}

#employment-box #btn3 .active {
    display: none;
}

/*============================
#company.html
============================*/
#company-box > .container {
    width: 785px;
    text-align: center;
    padding: 50px 0 120px;
}

#company-box > .container > p.th {
    color: #6090b6;
    font-weight: bold;
    font-size: 32px;
    padding-bottom: 26px;
}

#company-box > .container > p.td {
    text-align: left;
    font-size: 14px;
}

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

#company-box > .container > ul {
    text-align: left;
    padding-bottom: 53px;
}

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

#company-box > .container > ul > li > .l_box {
    width: 179px;
    background-color: #6090b6;
}

#company-box > .container > ul > li > .l_box > p {
    display: flex;
    height: 100%;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0 0px 20px;
}

#company-box > .container > ul > li > .r_box {
    padding: 20px;
    width: 566px;
    background-color: #f4f7fa;
}

#company-box > .container > ul > li > .r_box > p {
    font-size: 14px;
}

#company-box > .container > ul > li > .r_box > ul {
}

#company-box > .container > ul > li > .r_box > ul > li {
    display: flex;
}

#company-box > .container > ul > li > .r_box > ul > li > p.th {
    width: 4em;
    font-size: 14px;
    line-height: 1.8;
}

#company-box > .container > ul > li > .r_box > ul > li > p.td {
    font-size: 14px;
    padding-left: 1em;
    position: relative;
    line-height: 1.8;
}

#company-box > .container > ul > li > .r_box > ul > li > p.td:before {
    content: "：";
    font-size: 14px;
    left: 0;
    position: absolute;
}

#company-box > .container > #map_box {
    width: 785px;
    height: 350px;
}

/*============================
社会貢献
============================*/
#social-box > .container {
    padding: 90px 0 80px;
}

#social-box > .container > .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

#social-box > .container > .last {
    margin-bottom: 0;
}

#social-box > .container > .item > p.th {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #82b4a0;
    position: relative;
    padding-left: 80px;
    height: 64px;
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

#social-box > .container > .item > p.th:before {
    width: 64px;
    height: 64px;
    background-color: #82b4a0;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#social-box > .container > .item > p.th:after {
    content: "";
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    right: 0;
    top: 30px;
}

#social-box > .container > .item > p.td {
    width: 480px;
}

#social-box > .container > .item > p.td > span.sub_th {
    font-weight: bold;
    font-size: 18px;
    display: block;
}

#social-box > .container > .item > div.image_box {
    width: 485px;
    text-align: center;
}

#social-box > .container > .item > div.image_box p {
    text-align: left;
}

#social-box > .container > .item > p.item01:before {
    content: "01";
}

#social-box > .container > .item > p.item02:before {
    content: "02";
}

#social-box > .container > .item > p.item03:before {
    content: "03";
}

#social-box > .container > .item > p.item04:before {
    content: "04";
}

#social-box > .container > .item > p.item05:before {
    content: "05";
}

#social-box > .container > .item > p.item06:before {
    content: "06";
}

#social-box > .container > .item > p.item07:before {
    content: "07";
}

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

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

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

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

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

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

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

/*============================
データで見る
============================*/
#mv.data {
    background: url(../../img/data/mv.jpg) center center no-repeat;
    background-size: cover;
}

#lower-main.data {
    background-color: #eee;
}

#data-box .container {
    width: 810px;
    padding: 60px 0 80px;
}

#data-box .data_lead {
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
}

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

#data-box .data_block.data_block_flex {
    display: flex;
    justify-content: space-between;
}

#data-box .data_box {
    padding: 40px;
    border-radius: 20px;
    background: #fff;
    box-sizing: border-box;
}

#data-box .data_box.data_box_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

#data-box .data_box01 {
    width: 390px;
}

#data-box .data_box03 {
    width: 460px;
}

#data-box .data_box04 {
    width: 320px;
}

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

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

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

#data-box .data_txt .blue {
    display: inline-block;
    color: #1b8ad1;
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 61px;
    line-height: 1;
    position: relative;
    top: 2px;
}

#data-box .data_txt .red {
    display: inline-block;
    color: #ff3468;
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 61px;
    line-height: 1;
    position: relative;
    top: 2px;
}

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

#data-box .data_img img {
    display: block;
    margin: 0 auto;
}

#data-box .data_box001 .data_img {
    margin-top: 10px;
}

#data-box .data_box002 .data_txt:first-child {
    margin-bottom: 5px;
}

#data-box .data_box002 .data_img {
    margin-top: 14px;
}

#data-box .data_box003 .data_img_box {
    position: relative;
    padding: 22px 10px 0 0;
}

#data-box .data_box003 .data_img_box .data_img.side {
    position: absolute;
}

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

#data-box .data_box003 .data_img_box .data_img.side02 {
    bottom: 22px;
    left: 7px;
}

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

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

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

#data-box .data_box004 .data_txt {
    margin-bottom: 5px;
}

#data-box .data_box004 .blue {
    letter-spacing: -0.05em;
}

#data-box .data_box005 .red {
    letter-spacing: -0.01em;
}

#data-box .data_box005 .data_img_box {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

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

#data-box .data_box006 .data_img {
    margin-top: 20px;
}

#data-box .data_box.data_box007 {
    padding: 40px 25px;
}

#data-box .data_box007 .data_txt {
    margin-bottom: 5px;
}

#data-box .data_box007 .data_img_box {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

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

#data-box .data_box.data_box008 {
    padding: 40px 25px;
}

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

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

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

#data-box .data_box009 .data_txt_box > .data_txt {
    margin-bottom: 15px;
}

#data-box .data_box009 .data_txt_flex {
    display: flex;
    align-items: flex-end;
}

#data-box .data_box009 .data_txt_flex + .data_txt_flex {
    margin-top: 5px;
}

#data-box .data_box009 .data_txt_flex .data_txt:first-child {
    width: 180px;
    text-align: left;
    line-height: 36px;
    letter-spacing: 0;
}

#data-box .data_box009 .red {
    letter-spacing: -0.03em;
}

#data-box .data_box009 .red span {
    letter-spacing: -0.08em;
}

#data-box .data_box009 .data_img_box {
    position: relative;
    padding-top: 89px;
    margin-top: 20px;
}

#data-box .data_box009 .data_img_box .track {
    position: absolute;
    top: 0;
    left: 87px;
}

#data-box .action {
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
}

#data-box .action.active {
    opacity: 1;
    visibility: visible !important;
}

#data-box .action.fadeInUp {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

#data-box .action.fadeInUp.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#data-box .action.zoom {
    -webkit-transform: scale(0.9,0.9);
    -ms-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
}

#data-box .action.zoom.active {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}

#data-box .action.spin {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

#data-box .action.spin.active {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

#data-box .action.slideLeft {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

#data-box .action.slideLeft.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

#data-box .action_delay {
    opacity: 0;
}

#data-box .action_delay.active {
    visibility: visible !important;
}

#data-box .action_delay.fadeInUp.active {
    animation: fadeInUp_delay 1s ease .5s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .action_delay.zoom.active {
    animation: zoom_delay 1s ease .5s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .action_delay.zoom02.active {
    animation: zoom_delay 1s ease 1s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .action_delay.slideLeft.active {
    animation: slideLeft_delay 1s ease .5s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .action_delay.slideRight.active {
    animation: slideRight_delay 1s ease .5s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .action_delay.parent.active {
    opacity: 1;
}

#data-box .action_delay.parent > .data_img {
    opacity: 0;
    visibility: hidden;
}

#data-box .action_delay.parent.active > .data_img {
    visibility: visible !important;
}

#data-box .data_box003 .action_delay.parent.active .spin {
    animation: spin_delay 1s ease .5s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .data_box003 .action_delay.active .slideLeft {
    animation: slideLeft_delay 1s ease 1s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .data_box003 .action_delay.active .slideRight {
    animation: slideRight_delay 1s ease 1s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .data_box005 .action_delay.parent.active .slideRight:first-child {
    animation: slideRight_delay 1s ease .5s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .data_box005 .action_delay.parent.active .slideRight:nth-child(2) {
    animation: slideRight_delay 1s ease .75s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .data_box005 .action_delay.parent.active .slideRight:nth-child(3) {
    animation: slideRight_delay 1s ease 1s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .data_box007 .action_delay.parent.active .fadeInUp:first-child {
    animation: fadeInUp_delay 1s ease .5s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .data_box007 .action_delay.parent.active .fadeInUp:nth-child(2) {
    animation: fadeInUp_delay 1s ease .6s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .data_box007 .action_delay.parent.active .fadeInUp:nth-child(3) {
    animation: fadeInUp_delay 1s ease .7s 1 normal;
    animation-fill-mode: forwards;
}

#data-box .data_box007 .action_delay.parent.active .fadeInUp:nth-child(4) {
    animation: fadeInUp_delay 1s ease .8s 1 normal;
    animation-fill-mode: forwards;
}

.carrer-recruit-group {
    max-width: 350px;
    margin: 30px auto 0;
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.carrer-recruit-group .img-block {
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carrer-recruit-group .img-block img {
    max-width: 100%;
    height: auto;
}

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

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

.carrer-recruit-group .txt-block li {
    margin: 0 0 10px;
    font-size: 20px;
    vertical-align: bottom;
    line-height: 60px;
}

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

.carrer-recruit-group .txt-block span {
    display: inline-block;
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

.carrer-recruit-group .txt-block .carrer-persent {
    font-size: 60px;
    color: #01bf95;
    position: relative;
    bottom: 8px;
}

@keyframes fadeInUp_delay {
    0% {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes zoom_delay {
    0% {
        -webkit-transform: scale(0.9,0.9);
        -ms-transform: scale(0.9,0.9);
        transform: scale(0.9,0.9);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1);
        opacity: 1;
    }
}

@keyframes spin_delay {
    0% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes slideLeft_delay {
    0% {
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideRight_delay {
    0% {
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/*============================
サンクス
============================*/
#thanks #lower-main .container {
    box-sizing: border-box;
    padding: 40px;
    background-color: #fff;
    margin: 0 auto;
}

#thanks #lower-main .container p {
    text-align: center;
    margin-bottom: 20px;
}

#thanks #lower-main .container a.back {
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 260px;
    height: 60px;
    margin: 0 auto;
    border: 2px solid #6496be;
    background-color: #6496be !important;
    font-size: 18px;
    font-weight: bold;
    background: none;
    color: #FFF;
    cursor: pointer;
    padding-top: 14px;
    padding-bottom: 14px;
    position: relative;
}

#thanks #lower-main .container a.back:hover {
    color: #6496be;
    opacity: 1;
}

#thanks #lower-main .container a.back:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 0;
    height: calc(100% - 4px);
    border: 2px solid #6496be;
    top: 0px;
    left: 0px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#thanks #lower-main .container a.back:hover:before {
    width: calc(100% - 4px);
}

#thanks #lower-main .container a.back span {
    position: relative;
    z-index: 1;
}

/*============================
エントリ―サンクス
============================*/
#entry-thanks #entry-form-box .container {
    box-sizing: border-box;
    padding: 40px;
    background-color: #fff;
    margin: 0 auto;
}

#entry-thanks #entry-form-box .container p {
    text-align: center;
    margin-bottom: 20px;
}

#entry-thanks #entry-form-box .container a.back {
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 260px;
    height: 60px;
    margin: 0 auto;
    border: 2px solid #6496be;
    background-color: #6496be !important;
    font-size: 18px;
    font-weight: bold;
    background: none;
    color: #FFF;
    cursor: pointer;
    padding-top: 14px;
    padding-bottom: 14px;
    position: relative;
}

#entry-thanks #entry-form-box .container a.back:hover {
    color: #6496be;
    opacity: 1;
}

#entry-thanks #entry-form-box .container a.back:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 0;
    height: calc(100% - 4px);
    border: 2px solid #6496be;
    top: 0px;
    left: 0px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#entry-thanks #entry-form-box .container a.back:hover:before {
    width: calc(100% - 4px);
}

#entry-thanks #entry-form-box .container a.back span {
    position: relative;
    z-index: 1;
}

@media all and (-ms-high-contrast: none) {
    #entry-form-box > .container > .tab > li > p > span, #entry-form-box > .container > .tab > li > a > span {
        padding-top: 10px;
    }
}

/*============================
先輩紹介
============================*/
#senior_voice #lower-main {
    background-color: #f4f4f4;
    padding: 65px 0 0;
}

#senior_voice #voice_box {
    width: 1000px;
    margin: 0 auto;
}

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

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

#senior_voice .sevior_info {
    position: relative;
    padding-top: 280px;
}

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

#senior_voice .sevior_info .sevior_info_white {
    position: relative;
    width: 440px;
    padding: 45px 40px 40px;
    margin-bottom: 30px;
    background: #fff;
    box-sizing: border-box;
    z-index: 1;
}

#senior_voice .sevior_info_white .number {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    color: #fff;
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 60px;
    letter-spacing: 0.1em;
    text-align: center;
    background: #6090b6;
    top: -30px;
    left: 40px;
}

#senior_voice .sevior_info_white .place_job {
    display: flex;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 20px;
}

#senior_voice .sevior_info_white .place_job_type {
    margin-right: 15px;
}

#senior_voice .sevior_info_white .name {
    color: #6090b6;
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 25px;
}

#senior_voice .sevior_info_white .school {
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    line-height: 1.4;
}

#senior_voice .sevior_info .img {
    position: absolute;
    width: 840px;
    height: 460px;
    top: 0;
    right: 0;
}

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

#senior_voice .sevior_comment {
    position: relative;
    width: 820px;
    padding: 25px 30px 25px;
    margin: 0 auto;
    background: #fff;
    right: 10px;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 20px 20px #6090b6;
}

#senior_voice .sevior_comment .ttl {
    height: 50px;
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    line-height: 50px;
    background: #ecf2f6;
    padding: 0 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

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

#senior_voice .sevior_comment .cont {
    font-size: 14px;
    line-height: 1.8;
}

#senior_voice .senior_voice_box:nth-of-type(2n) .sevior_info_white .number {
    background-color: #7faf9c;
}

#senior_voice .senior_voice_box:nth-of-type(2n) .sevior_info_white .name {
    color: #7faf9c;
}

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

#senior_voice .senior_voice_box:nth-of-type(2n) .sevior_comment .ttl {
    background: #e8f0ed;
}

#senior_voice .pager {
    margin-bottom: 40px;
}

.wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.wp-pagenavi span,.wp-pagenavi a {
    width: 24px;
    height: 24px;
    margin: 0 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
}

.wp-pagenavi a {
    color: #fff;
    background: #6090b6;
    border: 2px solid #6090b6;
}

.wp-pagenavi a:hover {
    opacity: 0.6;
}

.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
    line-height: 22px;
}

.wp-pagenavi span.current {
    color: #6090b6;
    background: #fff;
    border: 2px solid #6090b6;
}

/*--- welfare ---*/
#mv.welfare {
    background: url(../../img/welfare/mv.jpg) center 0 no-repeat;
    background-size: cover;
}

#welfare-box {
}

#welfare-box > .container {
    width: 1000px;
    text-align: center;
    padding: 50px 0 10px;
}

#welfare-box h3 {
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    color: #789fbe;
    margin: 0 auto 27px;
    position: relative;
    display: inline-block;
    padding: 0 0 6px;
}

#welfare-box h3:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #789fbe;
    position: absolute;
    left: 0;
    bottom: 0;
}

#welfare-box h3.green {
    color: #27ae60;
}

#welfare-box h3.green:after {
    background: #27ae60;
}

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

#welfare-box h4:before {
    content: '';
    width: 100%;
    height: 7px;
    background-image: url(../../img/employment/bg_01.png);
    position: absolute;
    top: 0;
    left: 0;
}

#welfare-box h4:after {
    content: '';
    width: 100%;
    height: 7px;
    background-image: url(../../img/employment/bg_01.png);
    position: absolute;
    bottom: 0;
    left: 0;
}

#welfare-box .bnr_box {
    display: flex;
    margin-bottom: 30px;
}

#welfare-box h5 {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    color: #82b4a0;
    padding: 0 0 14px;
    margin-bottom: 30px;
}

#welfare-box h5:after {
    content: '';
    background: #82b4a0;
    width: 40px;
    height: 2px;
    position: absolute;
    left: calc(50% - 20px);
    bottom: 0;
}

#welfare-box h5.blue {
    color: #789fbe;
}

#welfare-box h5.blue:after {
    background: #789fbe;
}

#welfare-box ul.bo_list {
    width: 904px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 74px;
}

#welfare-box ul.bo_list li {
    width: 19%;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #82b4a0;
    font-size: 18px;
    font-weight: bold;
}

#welfare-box ul.con_list {
    display: flex;
    justify-content: space-between;
}

#welfare-box ul.con_list li {
    width: 292px;
    border: 4px solid #e5e5e5;
}

#welfare-box ul.con_list li .topbox {
    border-bottom: 4px solid #e5e5e5;
    padding: 0 0 16px;
}

#welfare-box ul.under_list {
}

#welfare-box ul.under_list li {
    border: none;
    padding: 16px 14px 0;
    width: calc(100% - 28px);
}

#welfare-box ul.under_list li:first-child {
    position: relative;
    margin-bottom: 64px;
}

#welfare-box ul.under_list li:first-child:after {
    content: '';
    position: absolute;
    left: calc(50% - 20px);
    bottom: -56px;
    width: 40px;
    height: 44px;
    background-image: url(../../img/welfare/icon_03.png);
}

#welfare-box ul.under_list li:last-child {
    padding: 0 14px 16px;
}

#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 {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #789fbe;
}

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

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

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

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

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

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

#welfare-box .child_box {
    display: flex;
    justify-content: space-between;
}

#welfare-box .rbox {
    width: 500px;
}

#welfare-box p.ttl02 {
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    color: #789fbe;
    line-height: 1.5;
    margin-bottom: 18px;
}

#welfare-box p.ttl02.green {
    color: #82b4a0;
}

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

#welfare-box table {
    width: 100%;
    border: 2px solid #ebf1f5;
    border-bottom: none;
    border-right: none;
}

#welfare-box table tr {
    border-bottom: 2px solid #ebf1f5;
}

#welfare-box table th {
    border-right: 2px solid #ebf1f5;
    background: #ebf1f5;
    font-weight: normal;
}

#welfare-box table th.t_left {
    width: 186px;
    height: 40px;
    text-align: left;
    padding-left: 18px;
}

#welfare-box table td {
    border-right: 2px solid #ebf1f5;
    height: 40px;
    text-align: left;
    padding-left: 18px;
}

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

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

#welfare-box p.ttl03 {
    text-align: left;
    line-height: 1;
    font-weight: bold;
    border-left: 4px solid #82b4a0;
    padding-left: 8px;
}

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

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

#welfare-box ul.tip_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#welfare-box ul.tip_list li {
    width: 477px;
}

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

#welfare-box p.t6 {
    text-align: left;
    padding-bottom: 42px;
}

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

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

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

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

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

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

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

.box_pop {
    height: auto;
    padding: 40px 0 0;
    max-height: calc(100vh - 100px);
}

.box_pop scroll {
}

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

.box_pop_list ul {
}

.box_pop_list ul li {
}

.box_pop_list ul li a {
    display: block;
    padding: 10px 40px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.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 {
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    float: left;
    width: 225px;
    box-sizing: border-box;
    background: #6496be;
    border-radius: 30px;
    position: relative;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

.box_pop_list ul li a .btn p {
    display: block;
    width: 100%;
    color: #FFF;
    line-height: 1;
}

.box_pop_list ul li a .btn span.pl {
    font-size: 12px;
    display: block;
    margin: 2px 0 0;
    width: 100%;
}

.box_pop_detail {
    float: right;
    width: 650px;
}

.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 {
    padding: 0;
    background: inherit;
}

#entry button.close {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#entry button.close:hover {
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

#entry .modal-backdrop {
    background: rgba(0, 0, 0, 0.6);
}

#entry .modal-content > .modal-header {
    padding: 0 0 10px;
}

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

#entry .modal-content > .modal-header > button.close img {
    width: 30px;
}

.modal .box_pop_white {
    display: flex;
    background: #fff;
}

.modal .box_pop_white .box_pop_img {
    width: 500px;
    min-height: 255px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.modal .box_pop000 .box_pop_img {
    background-image: url(../../img/entry/box_pop000.jpg);
}

.modal .box_pop001 .box_pop_img {
    background-image: url(../../img/entry/box_pop001.jpg);
}

.modal .box_pop002 .box_pop_img {
    background-image: url(../../img/entry/box_pop002.jpg);
}

.modal .box_pop003 .box_pop_img {
    background-image: url(../../img/entry/box_pop003.jpg);
}

.modal .box_pop004 .box_pop_img {
    background-image: url(../../img/entry/box_pop004.jpg);
}

.modal .box_pop005 .box_pop_img {
    background-image: url(../../img/entry/box_pop005.jpg);
}

.modal .box_pop006 .box_pop_img {
    background-image: url(../../img/entry/box_pop006.jpg);
}

.modal .box_pop007 .box_pop_img {
    background-image: url(../../img/entry/box_pop007.jpg);
}

.modal .box_pop008 .box_pop_img {
    background-image: url(../../img/entry/box_pop008.jpg);
}

.modal .box_pop009 .box_pop_img {
    background-image: url(../../img/entry/box_pop029.jpg);
}

.modal .box_pop010 .box_pop_img {
    background-image: url(../../img/entry/box_pop028.jpg);
}

.modal .box_pop011 .box_pop_img {
    background-image: url(../../img/entry/box_pop011.jpg);
}

.modal .box_pop012 .box_pop_img {
    background-image: url(../../img/entry/box_pop030.jpg);
}

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

.modal .box_pop014 .box_pop_img {
    background-image: url(../../img/entry/box_pop027.jpg);
}

.modal .box_pop015 .box_pop_img {
    background-image: url(../../img/entry/box_pop015.jpg);
}

.modal .box_pop016 .box_pop_img {
    background-image: url(../../img/entry/box_pop016.jpg);
}

.modal .box_pop017 .box_pop_img {
    background-image: url(../../img/entry/box_pop017.jpg);
}

.modal .box_pop018 .box_pop_img {
    background-image: url(../../img/entry/box_pop018.jpg);
}

.modal .box_pop019 .box_pop_img {
    background-image: url(../../img/entry/box_pop026.jpg);
}

.modal .box_pop020 .box_pop_img {
    background-image: url(../../img/entry/box_pop020.jpg);
}

.modal .box_pop021 .box_pop_img {
    background-image: url(../../img/entry/box_pop021.jpg);
}

.modal .box_pop022 .box_pop_img {
    background-image: url(../../img/entry/box_pop022.jpg);
}

.modal .box_pop023 .box_pop_img {
    background-image: url(../../img/entry/box_pop023.jpg);
}

.modal .box_pop024 .box_pop_img {
    background-image: url(../../img/entry/box_pop024.jpg);
}

.modal .box_pop025 .box_pop_img {
    background-image: url(../../img/entry/box_pop025.jpg);
}

.modal .box_pop_right {
    width: 500px;
    padding: 20px 15px 10px 25px;
    position: relative;
    box-sizing: border-box;
}

.modal .box_pop_right .number {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 24px;
    font-family: 'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    letter-spacing: -0.01em;
    line-height: 50px;
    background: #6496be;
    border-radius: 100%;
    left: 24px;
    top: 8px;
    /* margin: 0 0 16px; */
}

.modal .box_pop_right h2 {
    color: #6496be;
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 10px;
    /*  margin-bottom: 12px;*/
    margin-bottom: 6px;
    position: relative;
    margin: 0 0 10px 61px;
}

.modal .box_pop_right h2:after {
    position: absolute;
    content: '';
    width: 145px;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #6496be;
}

.modal .box_pop_add {
    font-size: 14px;
    /*line-height: 1.7;*/
    /*margin-bottom: 5px;*/
    margin-bottom: 2px;
    line-height: 1.5;
}

.modal .box_pop_tel {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 12px;
}

.box_pop_blocks {
    margin: 10px 0 0;
}

.box_pop_blocks ul {
}

.box_pop_blocks li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 49.6%;
    background: #FFF;
    padding: 0 0 20px;
    margin: 0 0 10px;
}

.box_pop_blocks h3 {
    background: #6596be;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0 15px 110px;
    position: relative;
}

.box_pop_blocks .icon {
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    margin: auto;
    bottom: 0;
}

.box_pop_blocks .icon_track {
    background: url(../../img/entry/icon_track.png) no-repeat 0 0;
    width: 77px;
    height: 40px;
}

.box_pop_blocks .icon_lift {
    background: url(../../img/entry/icon_lift.png) no-repeat 0 0;
    width: 61px;
    height: 47px;
    left: 30px;
}

.box_pop_blocks .icon_person {
    background: url(../../img/entry/icon_person.png) no-repeat 0 0;
    width: 38px;
    height: 51px;
    left: 48px;
}

.box_pop_blocks .icon_seibi {
    background: url(../../img/entry/i_05.png) no-repeat 0 0;
    width: 38px;
    height: 41px;
    left: 48px;
}

.box_pop_blocks_list {
}

.box_pop_blocks_list ul {
    margin: 0 0 20px;
}

.box_pop_blocks_list li {
    width: 100%;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
    min-height: 80px;
    margin: 0;
}

.box_pop_blocks_list h4 {
    min-width: 93px;
    background: #6596be;
    font-size: 16px;
    border-radius: 50px;
    padding: 4px 0 4px;
    position: absolute;
    top: 18px;
    left: 20px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
}

.box_pop_blocks_list p {
    padding: 8px 0 0 110px;
    line-height: 1.8;
}

.box_pop_blocks_list .btn {
    width: 250px;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 10px 0;
    position: relative;
    border: 1px solid #434343;
}

.box_pop_blocks_list .btn:hover {
    color: #fff;
    background: #6596be;
    border: 1px solid #6596be;
    font-weight: bold;
    opacity: 1.0;
}

.box_pop_blocks_list .btn:before {
    content: " ";
    display: block;
    width: 14px;
    height: 4px;
    background: url(../../img/entry/v_001.png) no-repeat top left;
    background-size: contain;
    position: absolute;
    top : 0;
    margin: auto;
    bottom: 0;
    right: 30px;
}

.box_pop_blocks_list .btn:hover:before {
    content: " ";
    display: block;
    width: 14px;
    height: 4px;
    background: url(../../img/v_05.png) no-repeat top left;
    background-size: contain;
    position: absolute;
    top : 0;
    margin: auto;
    bottom: 0;
    right: 30px;
}

.entry_accordion {
    margin: -2px auto 0;
    max-width: 360px;
    height: 0;
    opacity: 0;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.entry_accordion.active {
    height: 100%;
    opacity: 1;
}

.entry_accordion ul {
    border: 2px solid #6496be;
}

.entry_accordion li {
    background: #fff;
    border-bottom: 2px solid #6496be;
}

.entry_accordion li:last-child {
    margin: 0;
    border-bottom: none;
}

.entry_accordion a {
    display: block;
    padding: 10px;
}

.zoomwap {
    text-align: center;
    padding: 15px 0 0px;
    position: relative;
}

.zoomwap::before {
    content: '';
}

/*.zoomwap::after {
  content: '';
  width: 172px;
  height: 40px;
  position: absolute;
  background: url(../../img/data/etsuran_pc.png);
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}*/
.zoomwap p {
    display: inline-block;
    padding: 20px 25px 24px 35px;
    border: 10px solid #1b8ad1;
    border-radius: 25px;
    position: relative;
    margin: 0 0 5px;
}

.zoomwap p::before {
    content: '';
    background: url(../../img/data/etsuran_icon.png);
    width: 95px;
    height: 92px;
    position: absolute;
    z-index: 2;
    top: -35px;
    left: -45px;
}

.circlegraph {
    position: relative;
    width: 280px;
    height: 280px;
    margin: 0 auto;
}

.circlegraph::before {
    content: '';
    background: url(../../img/data/graph_icon.png);
    width: 110px;
    height: 110px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFF;
    border-radius: 55px;
}

.circlegraph canvas {
    pointer-events: none;
}

#data-box .data_box003 .data_img_box .data_img.side01 {
    top: 18px;
    left: 0;
    width: 312px;
    height: 77px;
    background-image: url(../../img/data/img03_2b.png);
    padding: 21px 0 0 76px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

#data-box .data_box003 .data_img_box .data_img.side02 {
    bottom: 22px;
    left: 7px;
    width: 238px;
    height: 80px;
    background-image: url(../../img/data/img03_3b.png);
    background-repeat: no-repeat;
    padding: 21px 0 0 76px;
    box-sizing: border-box;
}

#data-box .data_box003 .data_img_box .data_img.side03 {
    top: 0;
    right: 20px;
    width: 357px;
    height: 82px;
    background-image: url(../../img/data/img03_4b.png);
    background-repeat: no-repeat;
    padding: 21px 100px 0 0;
    box-sizing: border-box;
}

#data-box .data_box003 .data_img_box .data_img.side04 {
    bottom: 50px;
    right: 0;
    width: 267px;
    height: 80px;
    background-image: url(../../img/data/img03_5b.png);
    box-sizing: border-box;
    padding: 21px 84px 0 0;
}

#data-box .data_box003 p {
    line-height: 1;
}

#data-box .data_box003 .data_img.side01 p {
    text-align: left;
}

#data-box .data_box003 .data_img.side02 p {
    text-align: left;
}

#data-box .data_box003 .data_img.side03 p {
    text-align: right;
}

#data-box .data_box003 .data_img.side04 p {
    text-align: right;
}

.data_txt03 {
    margin: 10px 0 0;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Arial, Osaka, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 20230614_fix */
#welfare-box .welfare_flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#welfare-box .welfare_flexbox .lbox {
  width: 100px;
}
#welfare-box .welfare_flexbox .lbox img {
  display: block;
  width: 100%;
}
#welfare-box .welfare_flexbox .rbox {
  width: calc(100% - 120px);
}