@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

*,
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

/* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix {
    display: inline-block;
}

/* For Windows IE7 and Mac IE5 */
* html .clearfix {
    height: 1px;
}

/* For Windows IE5/IE6:Hides from IE-mac */
.clearfix {
    display: block;
}

.clear {
    clear: both;
}

/* End hide from IE-mac */
html {
    overflow-y: scroll;
}

/* For FireFox scrolling */
img {
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizequality;
    vertical-align: bottom;
}

/* Better images when resized for IE7, FF3.5+ */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    opacity: 0.9;
}

html,
body {
    background-color: #FFF;
    scroll-behavior: smooth;
}

*:target {
    scroll-margin-top: 155px;
}

@media (max-width: 991.98px) {

    html,
    body {
        scroll-behavior: smooth;
    }

    *:target {
        scroll-margin-top: 80px;
    }
}

.nobd {
    border: none !important;
}

ul {
    padding-left: 0 !important;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/* wrapper	----------------------- */
#wrapper {
    background: #fff url(../images/header_img_bg.jpg) top center repeat-x;
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    letter-spacing: 2px;
    font-weight: 100;
}

.container {}

.sp_block {
    display: none;
}

.pc_br {
    display: block;
}

.mb_br {
    display: none;
}

.pc_span {
    display: inline-block;
}


@media screen and (max-width: 768px) {
    .pc_on {
        display: none !important;
    }
}

.pc_on_block {
    display: block !important;
}

@media screen and (max-width: 768px) {
    .pc_on_block {
        display: none !important;
    }
}

.sp_on_block {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .sp_on_block {
        display: block !important;
    }
}

.pc_on {
    display: inline !important;
}

@media screen and (max-width: 768px) {
    .pc_on {
        display: none !important;
    }
}

.sp_on {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .sp_on {
        display: inline !important;
    }
}

.sp_on890 {
    display: none !important;
}

@media screen and (max-width: 890px) {
    .sp_on890 {
        display: inline !important;
    }
}

.pc_on575 {
    display: inline !important;
}

@media screen and (max-width: 575px) {
    .pc_on575 {
        display: none !important;
    }
}

.pc_on_block1000 {
    display: block !important;
}

@media screen and (max-width: 1000px) {
    .pc_on_block1000 {
        display: none !important;
    }
}

.sp_on_flex1000 {
    display: none !important;
}

@media screen and (max-width: 1000px) {
    .sp_on_flex1000 {
        display: flex !important;
    }
}



.pc_on_block1350 {
    display: block !important;
}

@media screen and (max-width: 1350px) {
    .pc_on_block1350 {
        display: none !important;
    }
}

.sp_on_flex1350 {
    display: none !important;
}

@media screen and (max-width: 1350px) {
    .sp_on_flex1350 {
        display: flex !important;
    }
}

/* navigation	----------------------- */

.navmenu {}

.navigation-body {
    display: inline-block;
}

.navigation-menu {
    float: none;
}

.navigation-brand-text {
    width: 100%;
}

.navigation-body-header {
    padding: 0px;
}

.submenu-indicator {
    color: #000;
}

.navigation-brand-text {
    font-size: 0;
    letter-spacing: 0;
}

.navmenu {
    width: 100%;
    margin-top: 10px;
}

.navigation-link {
    padding: 30px 10px 20px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}

.navigation-menu li {
    width: 20%;
}

.navigation-menu li a {}

.navigation-menu li li {
    width: 100%;
    text-align: left;
}

.navigation-link:hover: {
    background: none;
}

.is-menu1 {
    border-bottom: 3px solid #e71e8d;
}

.is-menu2 {
    border-bottom: 3px solid #82559f;
}

.is-menu3 {
    border-bottom: 3px solid #009d61;
}

.is-menu4 {
    border-bottom: 3px solid #ec5a1b;
}

.is-menu5 {
    border-bottom: 3px solid #91c449;
}

.test1 {}

.navigation-dropdown-link:visited {
    color: #fff;
}

.navigation-dropdown-link {
    color: #fff;
    border-bottom: 1px solid #dedede;
}

.is-menu1 .navigation-dropdown {
    background: #e71e8d;
}

.is-menu2 .navigation-dropdown {
    background: #82559f;
}

.is-menu3 .navigation-dropdown {
    background: #009d61;
}

.is-menu4 .navigation-dropdown {
    background: #ec5a1b;
}

.is-menu5 .navigation-dropdown {
    background: #91c449;
    right: -60px !important;
}

.is-menu1 .navigation-dropdown-item:hover>.navigation-dropdown-link,
.is-menu1 .navigation-dropdown-item:focus>.navigation-dropdown-link,
.is-menu1 .navigation-dropdown-item.is-active>.navigation-dropdown-link {
    background: #fc2dbb url(../images/top_icn_btn2.png) 95% 20px no-repeat;
    background-size: 7px;
    color: #fff;
}

.is-menu2 .navigation-dropdown-item:hover>.navigation-dropdown-link,
.is-menu2 .navigation-dropdown-item:focus>.navigation-dropdown-link,
.is-menu2 .navigation-dropdown-item.is-active>.navigation-dropdown-link {
    background: #af75ca url(../images/top_icn_btn2.png) 95% 20px no-repeat;
    background-size: 7px;
    color: #fff;
}

.is-menu3 .navigation-dropdown-item:hover>.navigation-dropdown-link,
.is-menu3 .navigation-dropdown-item:focus>.navigation-dropdown-link,
.is-menu3 .navigation-dropdown-item.is-active>.navigation-dropdown-link {
    background: #02c986 url(../images/top_icn_btn2.png) 95% 20px no-repeat;
    background-size: 7px;
    color: #fff;
}

.is-menu4 .navigation-dropdown-item:hover>.navigation-dropdown-link,
.is-menu4 .navigation-dropdown-item:focus>.navigation-dropdown-link,
.is-menu4 .navigation-dropdown-item.is-active>.navigation-dropdown-link {
    background: #fe7d2a url(../images/top_icn_btn2.png) 95% 20px no-repeat;
    background-size: 7px;
    color: #fff;
}

.is-menu5 .navigation-dropdown-item:hover>.navigation-dropdown-link,
.is-menu5 .navigation-dropdown-item:focus>.navigation-dropdown-link,
.is-menu5 .navigation-dropdown-item.is-active>.navigation-dropdown-link {
    background: #bfe868 url(../images/top_icn_btn2.png) 95% 20px no-repeat;
    background-size: 7px;
    color: #fff;
}

.navigation-menu li li {
    background: url(../images/top_icn_btn2.png) 95% 20px no-repeat;
    background-size: 7px;
}

.header {
    padding: 0;
    position: sticky;
    top: 0;
    background: #fff;
    max-width: 100%;
    z-index: 999;
}

.header .navigation {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1140px;
}

.headerbox {}

.headerbox .header_left {}

.headerbox .header_right {
    display: flex;
}

.headerbox .headerbutton1 {
    display: inline-block;
}

.headerbox .headerbtn1 {
    background: #f07fa0 url(../images/header_img_btnbg.png) bottom right no-repeat;
    background-size: 10px;
    margin-right: 12px;
    padding: 12px 35px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.headerbox .headerbtn1b {
    padding-left: 10px;
}

.headerbox .headerbutton2 {}

.headerbox .headerbtn2 {
    background: #986fa7 url(../images/header_img_btnbg.png) bottom right no-repeat;
    background-size: 10px;
    margin-right: 12px;
    padding: 3px 25px;
    font-size: 14px;
    color: #fff;
}

.headerbox .headerbtn2b {
    padding-left: 10px;
}

.headerbox .headerbtn3 {
    background: #6AC200 url(../images/header_img_btnbg.png) bottom right no-repeat;
    background-size: 10px;
    margin-right: -45px;
    padding: 10.5px 35px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.headerbox .headerbtn3b {
    padding-left: 10px;
}

.logo {
    margin-left: -45px;
    margin-top: 5px;
}

.container1 {
    margin-left: -50px;
    margin-right: -50px;
}

.pt0 {
    padding-top: 0px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

/* home	----------------------- */

.top_slider {
    background: #edf9fb;
    padding-bottom: 30px;
}

.top1 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.top1 .area {
    flex-direction: row;
    flex-wrap: wrap;
}

.top1 .area .left {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
}

.top1 .area .middle {
    width: 32%;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
}

.top1 .area .right {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 40px;
    padding-left: 0;
}

.top1 .area .left1 {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #eee;
}

.top1 .area .middle1 {
    width: 32%;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #eee;
}

.top1 .area .right1 {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 40px;
    padding-left: 0;
    border: 1px solid #eee;
}

.top1 .subtext {
    font-size: 20px;
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;
    margin-top: 115px;
    font-weight: 400;
    letter-spacing: 1px;
}

.top1 .subtext1box {
    text-align: center;
}

.top1 .imagebox {
    overflow: hidden;
    cursor: pointer;
}

.top1 .imagebox img {
    display: block;
    transition-duration: 0.3s;
}

.top1 .imagebox img:hover {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

.top1 .imagebox1 {
    margin-top: -45px;
    position: relative;
}

.top1 .image {
    position: absolute;
    text-align: center;
    width: 100%;
}

.top1 .image1 {
    z-index: -1;
}

.top1 .image img {
    width: 27.5%;
}

.top1 .subtext1 {
    width: 70%;
    padding: 10px 20px 10px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
}

.top1 .area .pb {
    margin-bottom: 75px;
    border: 1px solid #eee;
}

.top1 .pamphlet-box {
    width: 60%;
    padding: 80px 0;
    margin: 0 auto;
}

.top1 .pamphlet-box img {
    width: 100%;
}

.top_about {
    color: #e71e8d;
}

.top_education {
    color: #82559f;
}

.top_place {
    color: #009d61;
}

.top_voice {
    color: #ec5a1b;
}

.top_recruit {
    color: #91c449;
}

.top_news {
    color: #0073ab;
}

.top_movie {
    color: #64B7CA;
}

.top_about1 {
    color: #e71e8d;
    border-bottom: 1px solid #e71e8d;
}

.top_education1 {
    color: #82559f;
    border-bottom: 1px solid #82559f;
}

.top_place1 {
    color: #009d61;
    border-bottom: 1px solid #009d61;
}

.top_voice1 {
    color: #ec5a1b;
    border-bottom: 1px solid #ec5a1b;
}

.top_recruit1 {
    color: #91c449;
    border-bottom: 1px solid #91c449;
}

.top_news1 {
    color: #0073ab;
    border-bottom: 1px solid #0073ab;
}

.top_movie1 {
    color: #64B7CA;
    border-bottom: 1px solid #64B7CA;
}

.top2 {
    background: #fbfbfb;
    padding-top: 40px;
    padding-bottom: 50px;
}

.top2 .area {}

.top2 .area .left {
    width: 220px;
}

.top2 .title {
    padding-top: 5px;
    font-size: 33.5px;
    color: #0073ab;
    font-family: 'Montserrat', 'ヒラギノ角ゴ Pro W3', Meiryo, Arial;
    font-weight: 600;
}

.top2 .area .right {
    width: calc(100% - 220px);
}

.top2 .area1 {
    padding: 0px 0px 50px;
}

.top2 .area1 .left1 {
    width: 95px;
    font-size: 14px;
    color: #1e1e1e;
    font-family: 'Montserrat', 'ヒラギノ角ゴ Pro W3', Meiryo, Arial;
    line-height: 2.2em;
}

.top2 .area1 .middle1 {
    width: 100px;
    padding-top: 1px;
}

.top2 .top2_cat {
    background: #0073ab;
    padding: 1px 10px 1px;
    display: inline-block;
    border-radius: 10px;
    font-size: 12.5px;
    color: #fff;
    text-align: center;
}

.top2 .area1 .right1 {
    width: calc(100% - 200px);
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2.2em;
}

.top2 .area1 .right1 a {
    color: #96d6ef;
    border-bottom: 1px solid #96d6ef;
}

.top3 {
    padding-top: 80px;
    padding-bottom: 45px;
}

.top3 .maxwidth {}

.top3 .title {
    font-size: 22px;
    color: #313131;
    text-align: center;
    font-weight: bold;
}

.top3 .title span {
    display: inline-block;
}

.top3 .title small {
    font-size: 14px;
    color: #313131;
    text-align: center;
    font-weight: bold;
}

.top3 .area {
    padding-top: 70px;
}

.top3 .area .one {
    width: 26%;
    padding-right: 10px;
}

.top3 .subtitle {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.top3 ul {
    list-style: none;
}

.top3 li {
    background: url(../images/top_img_listline.png) 0px 14px no-repeat;
    padding: 5px 0px 10px 30px;
    font-size: 13px;
}

.top3 a {
    color: #515151;
}

.top3 .area .two {
    width: 29%;
    padding-right: 10px;
}

.top3 .area .three {
    width: 25%;
    padding-right: 10px;
}

.top3 .area .four {
    width: 20%;
}

.top3 .pt_title {
    padding-top: 15px;
}

.top3 {
    background: url(../images/sweetcolor.png) center 60px no-repeat;
    background-size: 542px;
}


/* all pages ----------------------- */

.pageheader {}

.pageheader .pharea {}

.pageheader .pharea .left {
    width: 40%;
}

.pageheader .pharea .pageheader_title {
    font-size: 42px;
    color: #fff;
    font-family: 'Montserrat', sans-serif !important;
}

.pageheader .pharea .pageheader_subtitle {
    margin-top: -5px;
    font-size: 17px;
    color: #fff;
}

.pageheader .pharea .right {
    width: 60%;
}

.pageheader_about {
    background: #a9dae6;
}

.pagebreadcrumb {
    background: #f7f7f7;
}

.pagebreadcrumb_link {
    padding: 15px 0px 10px;
    font-size: 13px;
    color: #2f2f2f;
    text-align: right;
}

.pagebreadcrumb_link a {
    font-size: 13px;
    color: #2f2f2f;
}

.pagebreadcrumb .about {}

.pageinner {
    padding: 92px 70px 0px;
}

.pagenav {
    text-align: center;
}

.pgabout ul li {
    background: url(../images/about_icn_arrowdown.png) center right no-repeat;
    background-size: 14px;
}

.pagenav ul {
    list-style: none;
}

.pagenav li {
    margin-right: 15px;
    padding: 8px 23px 5px 17px;
    border-left: 1px solid #ebeaea;
    display: inline-block;
    font-size: 14px;
    color: #0f0f0f;
}

.pgeducation li {
    margin-right: 20px;
    padding: 8px 16px 5px 17px;
    border-left: 1px solid #ebeaea;
    display: inline-block;
    font-size: 14px;
    color: #0f0f0f;
}

.pagenav li img {
    vertical-align: middle;
}

.pagenav li a {
    font-size: 15px;
    color: #0f0f0f;
}

.nobd1 {
    padding-left: 0 !important;
    border-left: none !important;
}

.pagetitlebox {
    background: #f9f9f9 url(../images/about_img_titleline.png) top left no-repeat;
    background-size: 7px 100%;
}

.pagetitlebox.ttl2 {
    background-color: #82559f;
    background-image: none;
    border-radius: 5px;
}

.pagetitlebox_title {
    padding: 12px 25px;
    font-size: 20px;
    color: #414041;
    line-height: 2em;
}

.pagetitlebox.ttl2 .pagetitlebox_title {
    color: #fff;
}

/* about	----------------------- */

.about1 {
    padding-top: 75px;
}

.about1 .text {
    padding: 30px 0px 30px 30px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.about2 {
    padding-top: 10px;
}

.about2 .title {
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 20px;
    color: #e71e8d;
    text-align: center;
}

.about2 .subtitle {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
    color: #1e1e1e;
    text-align: center;
}

.about2 .area {
    margin: 0 110px;
    padding: 30px 40px 20px;
    position: relative;
    border: 3px solid #f0f0f0;
}

.about2 .area .image {
    position: absolute;
    right: -20px;
    top: -40px;
}

.about2 .area .title1 {
    padding-top: 10px;
    font-size: 20px;
    color: #e71e8d;
}

.about2 .area1 {}

.about2 .left {
    width: 50%;
}

.about2 .title2 {
    padding-top: 10px;
    font-size: 20px;
    color: #e71e8d;
}

.about2 .area1 ul {
    padding-top: 25px;
    list-style: none;
}

.about2 .area1 li {
    background: url(../images/about_icn_thick1.png) 0px 10px no-repeat;
    background-size: 20px;
    padding: 10px 0px 15px 40px;
    font-size: 15px;
    color: #1e1e1e;
}

.about2 .right {
    width: 50%;
    padding-left: 25px;
}

.about2 .line1 {
    background: #e71e8d;
    width: 300px;
    height: 2px;
    text-align: center;
}

.about3 {
    padding-top: 35px;
}

.about3 .title {
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 20px;
    color: #e71e8d;
    text-align: center;
}

.about3 .subtitle {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
    color: #1e1e1e;
    text-align: center;
}

.about3 .area {
    margin: 0 110px;
    padding: 30px 40px 20px;
    position: relative;
    border: 3px solid #f0f0f0;
}

.about3 .area .image {
    position: absolute;
    right: -20px;
    top: -40px;
}

.about3 .area .title1 {
    padding-top: 10px;
    font-size: 20px;
    color: #e71e8d;
}

.about3 .area1 {}

.about3 .left {
    width: 50%;
}

.about3 .title2 {
    padding-top: 10px;
    font-size: 20px;
    color: #b6608f;
}

.about3 .area1 ul {
    padding-top: 25px;
    list-style: none;
}

.about3 .area1 li {
    background: url(../images/about_icn_thick1.png) 0px 10px no-repeat;
    background-size: 20px;
    padding: 10px 0px 15px 40px;
    font-size: 15px;
    color: #1e1e1e;
}

.about3 .right {
    width: 50%;
    padding-left: 25px;
}

.about3 .line2 {
    background: #e71e8d;
    width: 150px;
    height: 2px;
    text-align: center;
}

.about4 {
    padding-top: 120px;
}

.about4 .inner {
    padding: 0 180px;
}

.about4 .area {
    padding-top: 47px;
}

.about4 .table {
    padding: 10px 0px;
    border-bottom: 2px solid #f8f8f8;
}

.about4 .table .left {
    width: 30%;
    font-size: 15px;
    color: #1e1e1e;
}

.about4 .table .right {
    width: 70%;
    font-size: 15px;
    color: #1e1e1e;
}

.about4 .text {
    padding-top: 10px;
    font-size: 15px;
    color: #414041;
    line-height: 2em;
}

.about4 .text1 {
    padding-top: 30px;
    font-size: 17.5px;
    color: #1e1e1e;
    font-weight: bold;
}

.about4 .title {
    padding-top: 80px;
    font-size: 20px;
    color: #e71e8d;
    font-weight: bold;
}

.about4 .area1 {
    padding-top: 25px;
}

.about4 .table1 {
    border-bottom: 2px solid #f8f8f8;
    color: #e71e8d;
}

.about4 .table1.ttl {
    background: #dabfcc;
}

.about4 .left1 {
    width: 70%;
    font-size: 15px;
    color: #1e1e1e;
    padding: 10px 20px;
}

.about4 .right1 {
    width: 30%;
    font-size: 15px;
    color: #1e1e1e;
    padding: 10px 20px 0;
}

.about4 .table1.ttl .left1,
.about4 .table1.ttl .right1 {
    color: #fff;
}

.about4 .table1.ttl .right1 {
    border-left: 2px solid #fff;
}

.about5 {
    padding-top: 85px;
    padding-bottom: 60px;
}

.about5 .area {
    padding: 30px 40px 20px;
    display: inline-block;
    letter-spacing: -.4em;
    /* 文字間を詰めて隙間をなくす */
}

.about5 .image {
    width: 240px;
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 20px;
    vertical-align: top;
    letter-spacing: normal;
    /* 文字間を元に戻す */
}

.about5 .title {
    padding-top: 5px;
    font-size: 20px;
    color: #414041;
    line-height: 1.8
}

.about5 .subtext {
    padding-top: 25px;
    font-size: 15px;
    color: #414041;
    text-align: right;
    font-weight: bold;
}

.about5 .text {
    padding-top: 15px;
    font-size: 15px;
    color: #414041;
    line-height: 2em;
}

.about5 .box {
    width: 640px;
    display: inline-block;
    letter-spacing: .05em;
    /* 文字間を元に戻す */
}

/* guide	----------------------- */


.about6 {
    padding: 30px 40px 20px;
}

.about6 .text {
    padding-top: 5px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
    margin-bottom: 80px;
}

.about6 .image1 {
    padding-top: 230px;
    position: relative;
    margin-bottom: 100px;
}

.about6 .image2 {
    position: absolute;
    left: 0;
    top: 50px;
}

.about6 .image3 {
    position: relative;
    top: -45px;
}

.about6 .image4 {
    padding-bottom: 105px;
}

.about6 .image4 p {
    margin-top: 20px;
}

.about6_2 .inner {
    padding: 35px 40px 35px;
}

.about6_2 .box {
    padding-top: 30px;
}

.about6_2 h3 {
    margin-top: 40px;
    color: #e71e8d;
    margin-bottom: 10px;
    font-size: 20px;
}

.about6_2 .box h4 {
    color: #e71e8d;
    margin-bottom: 10px;
    font-size: 18px;
}

.about6_2 p {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 2em;
}

.about6_2 .line1 {
    background: #e71e8d;
    width: 450px;
    height: 2px;
    text-align: center;
}

.about6_2 .topic_box {
    margin-top: 40px;
}

.about6_2 .topic_box .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.about6_2 .topic_box .flex img {
    width: 48%;
}

.about6_2 li {
    list-style: none;
    background: url(../images/about_icn_thick1.png) 0px 10px no-repeat;
    background-size: 20px;
    padding: 10px 0px 10px 40px;
    font-size: 15px;
    color: #1e1e1e;
}

.about6_2 .pns3 {
    padding: 0;
}

.about6_2 .pns3 .button {
    text-align: left;
    padding-top: 20px;
}

.about6_2 .topics {
    text-align: center;
    background: #fff4f6;
    margin-top: 35px;
}

.about6_2 .topics h2 {
    color: #e71e8d;
    font-size: 1.7rem;
    line-height: 1.5em;
}

.about6_2 .topics p {
    text-align: center;
    line-height: 1.5em;
    margin-top: 15px;
    padding: 0 14px;
}

.about6_2 .topics .button {
    text-align: center;
}

.about6_2 .topics .btn {
    background: #e71e8d url(../images/recruit_img_btnbg.png) bottom right no-repeat;
}

.about6_2 .topics .mb100 {
    margin-bottom: 0px !important;
}

.about6_2 .topics .pagetitlebox_title {
    padding: 0;
}

.about7 {
    padding-top: 85px;
    padding-bottom: 70px;
}

.about7 .text {
    padding-top: 10px;
    padding-bottom: 40px;
    font-size: 16px;
    letter-spacing: 2px;
    color: #1e1e1e;
    line-height: 2em;
}

.about7 .area {
    padding-top: 10px;
}

.about7 .area1 {
    padding-top: 10px;
    padding-bottom: 50px;
}

.about7 .area1 .left {
    width: 50%;
}

.about7 .area1 .right {
    width: 50%;
    padding-left: 60px;
}

.about7 .box6title {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.about7 .area2 {
    padding-top: 10px;
    padding-bottom: 50px;
}

.about7 .area2 .left {
    width: 50%;
    padding-right: 50px;
}

.about7 .area2 .right {
    width: 50%;
}

.about7 .area3 {
    padding-top: 10px;
    padding-bottom: 50px;
}

.about7 .area3 .left {
    width: 50%;
}

.about7 .area3 .right {
    width: 50%;
    padding-left: 60px;
}

.about7 .area4 {
    padding-top: 10px;
    padding-bottom: 50px;
}

.about7 .area4 .left {
    width: 50%;
    padding-right: 50px;
}

.about7 .area4 .right {
    width: 50%;
}

.about7 .inner {
    padding: 30px 40px 20px;
}

.about7 .box6title1 {
    font-size: 25px;
    color: #e71e8d;
}

.about7 .text1 {
    padding-top: 10px;
    font-size: 15px;
    color: #221815;
    letter-spacing: 1px;
    line-height: 1.8;
}

.table_box table {
    width: 80%;
    margin-left: 20%;
    margin-top: -15%;
    margin-bottom: 100px;
}

.last_tr {
    border-top: 1px solid #ccc;
}

.last_tr td {
    padding-top: 15px;
}

.last_tr span {
    font-size: 30px;
}

.pt20 {
    padding-top: 20px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.right-th {
    text-align: right;
    width: 25%;
}

.table_box table th {
    color: #e45797;
    border-bottom: 1px solid #e45797;
    padding: 15px;
    font-weight: normal;
}

.table_box table td {
    color: #221815;
    padding: 6px 15px;
    font-weight: normal;
}

/* concept	----------------------- */

.aboutconcept {
    background: #FEF2C6;
}

.aboutconcept .inbox {
    padding: 0;
}

.aboutconcept .concepttitle {}

.aboutconcept .concepttext {
    padding-top: 60px;
    line-height: 2.2em;
    font-size: 15px;
    color: #1b1919;
    text-align: center;
    letter-spacing: .3em;
}

.aboutconcept .conceptimage {
    padding: 0;
}

.concept_bg {
    background: linear-gradient(to bottom, #D8BFB4, #fff);
    display: flex;
    flex-direction: column;
    padding: 70px 50px 80px;
    margin-top: 70px;
}

.ttl_sweet_color {
    width: 100%;
    margin: 0 auto 30px;
    text-align: center;
}

.ttl_sweet_color img {
    max-width: 565px;
    width: 90%;
    margin: auto;
}

p.txt_sweet_color {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.866;
    text-align: center;
    margin-bottom: 20px;
}

.img_sweet_color {
    max-width: 919px;
    margin: auto;
    position: relative;
}

.ttl_sweet_color1,
.ttl_sweet_color2,
.ttl_sweet_color3,
.ttl_sweet_color4,
.ttl_sweet_color5 {
    position: absolute;
    font-size: 16px;
    font-size: clamp(14px, 1.1vw, 16px);
    text-align: center;
}

@media (max-width: 980px) {

    .ttl_sweet_color1,
    .ttl_sweet_color2,
    .ttl_sweet_color3,
    .ttl_sweet_color4,
    .ttl_sweet_color5 {
        font-size: 13px;
    }
}

@media (max-width: 720px) {

    .ttl_sweet_color1,
    .ttl_sweet_color2,
    .ttl_sweet_color3,
    .ttl_sweet_color4,
    .ttl_sweet_color5 {
        font-size: 11px;
        width: max-content;
        margin-left: -9px;
    }
}

.ttl_sweet_color1 {
    left: 5.5%;
    bottom: -3px;
}

.ttl_sweet_color2 {
    left: 25%;
    bottom: -3px;
}

.ttl_sweet_color3 {
    left: 45%;
    bottom: -3px;
}

.ttl_sweet_color4 {
    left: 66%;
    bottom: -3px;
}

.ttl_sweet_color5 {
    left: 87%;
    bottom: -3px;
}




@media (max-width: 575px) {
    .ttl_sweet_color img {
        max-width: 181px;
    }

    p.txt_sweet_color {
        text-align: left;
        margin-bottom: 60px;
    }

    .img_sweet_color {
        max-width: 285px;
        width: 90%;
    }

    .concept_bg {
        padding: 60px 30px 80px;
    }

    .ttl_sweet_color1,
    .ttl_sweet_color2,
    .ttl_sweet_color3,
    .ttl_sweet_color4,
    .ttl_sweet_color5 {
        font-size: 15px;
    }

    .ttl_sweet_color1 {
        left: 13.5%;
        bottom: 67.5%;
    }

    .ttl_sweet_color2 {
        left: 61%;
        bottom: 67.5%;
    }

    .ttl_sweet_color3 {
        left: 10%;
        bottom: 32.5%;
    }

    .ttl_sweet_color4 {
        left: 68%;
        bottom: 32.5%;
    }

    .ttl_sweet_color5 {
        left: 41%;
        bottom: -1px;
    }
}


/* sweet	----------------------- */

.sweet1 {
    padding: 30px 40px 30px 40px;
}

.sweet1 .text {
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
    padding-bottom: 60px;
}

.sweet1 .sweet_title {
    padding-top: 60px;
    padding-bottom: 38px;
    font-size: 20px;
    color: #82559f;
}

.sweet1 .pagetitlebox1,
.sweet3 .pagetitlebox1 {
    margin-bottom: 45px;
    padding: 12px 0px;
    border-top: 1px solid #82559f;
    border-bottom: 1px solid #82559f;
    font-size: 17.5px;
    color: #82559f;
}

.sweet1 .sweetarea {
    background: #f8f8f8;
    padding: 40px 45px 30px;
}

.sweet1 .sweetarea1a {
    background: #f8f4fa;
    padding: 30px 25px 15px;
}

.sweet1 .sweetarea_title {
    padding-top: 10px;
    font-size: 20px;
    color: #282828;
    text-align: center;
}

.sweet1 .sweetarea_text {
    padding-top: 10px;
    padding-bottom: 40px;
    line-height: 2em;
    font-size: 15px;
    color: #1e1e1e;
}

.sweet1 .sweetarea1 {
    background: #fff;
    padding: 30px 25px 20px;
}

.sweet1 .sweetarea1a {}

.sweet1 .sweetarea1_title {
    font-size: 17.5px;
    color: #82559f;
    text-align: center;
}

.sweet1 .sweetarea2 {
    padding-top: 10px;
}

.sweet1 .sweetarea2 .left {
    background: #fff;
    width: 43%;
    margin-right: 2%;
    padding: 0px 20px;
}

.sweet1 .sweetarea2 .right {
    background: #fff;
    width: 53%;
    margin-left: 2%;
    padding: 0px 20px;
}

.sweet1 .sweetarea2 ul {
    padding-top: 5px;
    list-style: none;
}

.sweet1 .sweetarea2 li {
    background: url(../images/education_icn_thick1.png) 0px 10px no-repeat;
    background-size: 18px;
    padding: 10px 0px 20px 30px;
    font-size: 14px;
    color: #1e1e1e;
}

.sweet1 .sweetarea2_title {
    font-size: 17.5px;
    color: #82559f;
    font-weight: bold;
}

.sweet1 .sweetarea2_text {
    font-size: 15px;
    color: #282828;
    line-height: 2em;
}

.sweet1 .sweetarea2a {
    padding-top: 10px;
}

.sweet1 .sweetarea2a .left {
    background: #fff;
    width: 49%;
    margin-right: 1%;
    padding: 30px 30px 15px;
    border-radius: 5px;
}

.sweet1 .sweetarea2a .right {
    background: #fff;
    width: 49%;
    margin-left: 1%;
    padding: 30px 30px 15px;
    border-radius: 5px;
}


.sweet1 .sweetarrow {
    padding-top: 40px;
    padding-bottom: 50px;
}

.sweet1 .sweetarrow1 {
    padding: 40px 0;
}

.sweet1 .sweetareaimg {
    padding: 0px 55px;
}

.sweet2 {
    margin: 15px 45px;
    padding: 30px 50px 50px;
    border: 2px solid #ececec;
}

.sweet2 .area1 {
    padding: 20px 25px;
}

.sweet2 .area2 {
    padding: 0px;
}

.sweet2 .area2 .text {
    padding-top: 0px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.sweet2 .area2 .right {
    width: 50%;
    padding-left: 50px;
}

.sweet2 .area2 .left {
    width: 50%;
}

.sweet2 .sweet2_title1 {
    font-size: 28px;
    color: #df007f;
}

.sweet2 .sweet2_title2 {
    font-size: 28px;
    color: #e96d1c;
}

.sweet2 .sweet2_title3 {
    font-size: 28px;
    color: #e54938;
}

.sweet2 .sweet2_title4 {
    font-size: 28px;
    color: #009a6c;
}

.sweet2 .sweet2_title5 {
    font-size: 19px;
    color: #82559f;
}

.sweet3 {
    padding: 70px 40px;
}

.sweet3 .area {
    padding: 0px;
}

.sweet3 .area .left {
    width: 150px;
}

.sweet3 .area .right {
    width: calc(100% - 150px);
    padding-left: 25px;
    font-size: 20px;
    color: #df007f;
}

.sweet3 .title {
    font-size: 28px;
    color: #df007f;
    font-weight: bold;
}

.sweet3 .text {
    padding-top: 25px;
    padding-bottom: 45px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.sweet3 .area1 {
    padding-top: 10px;
    padding-bottom: 20px;
}

.sweet3 .area1 .left1 {
    width: 70%;
}

.sweet3 .titlebarbox {
    background: url(../images/education_img_bar1.png) top center no-repeat;
    background-size: 100% 100%;
    padding: 15px 20px 10px;
    font-size: 17px;
    color: #1e1e1e;
    text-align: center;
}

.sweet3 .area2 {
    padding-top: 20px;
}

.sweet3 .area3 {
    padding: 10px 0px 5px;
}

.sweet3 .area3 .left3 {
    width: 35px;
    color: #e1268a;
    font-size: 15px;
}

.sweet3 .area3 .right3 {
    width: calc(100% - 75px);
    color: #1e1e1e;
    font-size: 15px;
}

.sweet3 .area3 .right3 span {
    font-size: 12px;
}

.sweet3 .area1 .right1 {
    width: 40%;
    padding-left: 25px;
}

.sweet3 .titlebarbox1 {
    background: url(../images/education_img_bar2.png) top center no-repeat;
    background-size: 100% 100%;
    padding: 15px 20px 10px;
}

.sweet3 .titlebarbox1 .left {
    width: 50%;
    font-size: 17px;
    color: #fff;
    text-align: center;
}

.sweet3 .titlebarbox1 .right {
    width: 50%;
    font-size: 17px;
    color: #fff;
    text-align: center;
}

.sweet3 .sweet3title {
    padding-top: 30px;
    font-size: 17px;
    color: #df007f;
    font-weight: bold;
}

.sweet3 .area4 {
    padding-bottom: 55px;
}

.sweet3 .textdotbox {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.sweet3 .textdot1 {
    background: url(../images/education_icn_round.png) 0px 13px no-repeat;
    background-size: 11px;
    padding: 10px 0px 10px 20px;
    display: inline-block;
    font-size: 15px;
    color: #1e1e1e;
}

.sweet3 .linetop {
    border-top: 2px solid #d7d7d7;
}

.sweet3 .textdot {
    background: url(../images/education_icn_round.png) 0px 13px no-repeat;
    background-size: 11px;
    padding: 10px 0px 0px 20px;
    font-size: 15px;
    color: #1e1e1e;
}

.sweet3 .area4 .left4 {
    width: 50%;
    padding-top: 10px;
}

.sweet3 .area4 .right4 {
    width: 50%;
    padding-top: 10px;
    padding-left: 25px;
    border-left: 2px solid #d7d7d7;
}

.sweet3 .area4 .right4.no-border {
    border-left: none;
}

.sweet3 .area4 img {
    flex-shrink: 0;
}

.sweet3 .box {
    background: #f9f9f9;
    padding: 40px 30px 30px;
    border-radius: 5px;
}

.sweet3 .box .left {
    width: 205px;
}

.sweet3 .box .right {
    width: calc(100% - 205px);
    padding-left: 30px;
}

.sweet3 .titlebox {
    padding-bottom: 25px;
    font-size: 17.5px;
    color: #161616;
}

.sweet3 .commentbox1 {
    background: #df007f;
    height: 35px;
    margin-right: 30px;
    padding: 8px 35px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.sweet3 .commentbox1:after {
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-left: -5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #df007f;
    transform: rotate(45deg);
    right: 30px;
    bottom: -4px;
}

.sweet3 .textbox {
    background: #fff;
    padding: 35px 35px;
    font-size: 15px;
    color: #161616;
    line-height: 2em;
}

.sweet3 .textbox_title {
    padding-bottom: 25px;
    font-size: 18px;
    color: #161616;
}

.sweet3 .emphasis {
    color: #fff;
    background: #fcaec4;
    margin-left: 10px;
    padding: 3px 12px;
    border-radius: 25px;
}

.pink_kensyu_box {
    background-color: #FDEFF5;
    padding: 20px 30px;
    margin-top: 15px;
}

.pink_kensyu_box .emphasis {
    margin-left: 0px;
    margin-bottom: 5px;
}

.pink_kensyu_box ul {
    padding: 0px;
    margin-top: 10px;
}

.pink_kensyu_box ul li {
    margin-bottom: 8px;
    font-size: 15px;
    list-style: none;
}

.pink_kensyu_box ul li span {
    font-size: 12px;
}

.sweet4 {
    padding: 40px 40px;
}

.sweet4 .area {
    padding: 0px;
}

.sweet4 .area .left {
    width: 150px;
}

.sweet4 .area .middle {
    width: calc(50% - 75px);
    padding-left: 30px;
    padding-right: 20px;
    font-size: 20px;
    color: #C84091;
}

.sweet4 .area .right {
    width: calc(50% - 57px);
    font-size: 20px;
    color: #C84091;
}

.sweet4 .title {
    font-size: 28px;
    color: #e54938;
    font-weight: bold;
}

.sweet4 .text {
    padding-top: 40px;
    padding-bottom: 45px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.sweet4 .catboxin {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.sweet4 .catbox {
    width: 23%;
    background: #cecece;
    margin-right: 2%;
    padding: 10px 2px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.sweet4 .choose {
    background: #C84091;
}

.sweet4 .box {
    background: #f9f9f9;
    padding: 40px 30px 30px;
    border-radius: 5px;
}

.sweet4 .box .left {
    width: 205px;
}

.sweet4 .box .right {
    width: calc(100% - 205px);
    padding-left: 30px;
}

.sweet4 .titlebox {
    padding-bottom: 25px;
    font-size: 17.5px;
    color: #161616;
}

.sweet4 .commentbox1 {
    background: #C84091;
    height: 35px;
    margin-right: 30px;
    padding: 8px 35px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.sweet4 .commentbox1:after {
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-left: -5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #C84091;
    transform: rotate(45deg);
    right: 30px;
    bottom: -4px;
}

.sweet4 .textbox {
    background: #fff;
    padding: 35px 35px;
    font-size: 15px;
    color: #161616;
    line-height: 2em;
}

.sweet4 .textbox_title {
    padding-bottom: 25px;
    font-size: 18px;
    color: #161616;
}


.sweet4 .title1 {
    font-size: 28px;
    color: #009a6c;
    font-weight: bold;
}

.sweet4 .title2 {
    font-size: 28px;
    color: #e96d1c;
    font-weight: bold;
}

.sweet4 .color1 {
    color: #009a6c !important;
}

.sweet4 .color2 {
    color: #e96d1c !important;
}

.sweet4 .choose1 {
    background: #009a6c;
}

.sweet4 .choose2 {
    background: #e96d1c;
}

.sweet4 .commentbox2 {
    background: #009a6c;
    height: 35px;
    margin-right: 30px;
    padding: 8px 35px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.sweet4 .commentbox2:after {
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-left: -5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #009a6c;
    transform: rotate(45deg);
    right: 30px;
    bottom: -4px;
}

.sweet5 {
    padding-top: 95px;
}

.sweet6 {
    padding-top: 125px;
    padding-bottom: 60px;
}

/* education	----------------------- */

.pgeducation ul li {
    background: url(../images/education_icn_arrowdown.png) center right no-repeat;
    background-size: 14px;
}

.pagetitlebox_education {
    background: #f9f9f9 url(../images/education_img_titleline.png) top left no-repeat;
    background-size: 7px 100%;
}

.educ1 {
    padding: 30px 0px 70px 30px;
}

.educ1 .text {
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.educ1 .area {
    padding-top: 30px;
}

.educ1 .area1 {
    padding-top: 10px;
    padding-bottom: 50px;
}

.educ1 .area1 .left {
    width: 50%;
}

.educ1 .subtext {
    padding-top: 15px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: right;
}

.educ1 .area1 .right {
    width: 50%;
    padding: 0px 40px;
}

.educ1 .textbox_title {
    font-size: 22.5px;
    color: #82559f;
}

.educ1 .textbox_text {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

/* pns	----------------------- */

.pns1 {
    padding: 25px 40px 30px 40px;
}

.pns1 .text {
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.pns1 .title {
    padding-bottom: 37px;
    font-size: 20px;
    color: #82559f;
}

.pns1 .pagetitlebox1 {
    margin-bottom: 30px;
    padding: 12px 0px;
    border-top: 1px solid #82559f;
    border-bottom: 1px solid #82559f;
    font-size: 17.5px;
    color: #82559f;
}

.pns1 .area {
    padding-top: 15px;
    margin-bottom: 30px;
}

.pns1 .area .left {
    width: 205px;
    padding-left: 5px;
    text-align: center;
}

.pns1 .titlebox {
    width: 100%;
    padding: 30px 40px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    font-size: 20px;
    color: #82559f;
    border: 1px solid #82559f;
}

.pns1 .area .right {
    width: calc(100% - 205px);
    padding-left: 30px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.pns2 {
    padding: 48px 40px 30px 40px;
}

.pns2 .pagetitlebox1 {
    margin-bottom: 30px;
    padding: 12px 0px;
    border-top: 1px solid #82559f;
    border-bottom: 1px solid #82559f;
    font-size: 17.5px;
    color: #82559f;
}

.pns2 .area1 {
    padding: 50px 10px;
}

.pns2 .area1 .left1 {
    width: 56%;
    padding-right: 16px;
}

.pns2 .area1 .right1 {
    width: 44%;
    padding-left: 85px;
}

.pns2 .area1 .right1 img {
    padding-bottom: 15px;
}

.pns3 {
    padding: 25px 40px 10px 40px;
}

.pns3 .pagetitlebox1 {
    margin-bottom: 30px;
    padding: 12px 0px;
    border-top: 1px solid #82559f;
    border-bottom: 1px solid #82559f;
    font-size: 17.5px;
    color: #82559f;
}

.pns3 .box {
    padding: 15px 40px;
    flex-direction: row;
    flex-wrap: wrap;
}

.pns3 .box .box1 {
    background: url(../images/pns_img_boxbg.png) top center no-repeat;
    background-size: 100% 100%;
    width: 49%;
    margin-bottom: 30px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    min-height: 100px;
    text-align: center;
    font-size: 16px;
    color: #212121;
    text-align: center;
}

.pns3 .box .text1 {
    padding-top: 25px;
}

.pns3 .box .text2 {
    padding-top: 15px;
}

.pns3 .button {
    padding-top: 40px;
    text-align: center;
}

.pns3 .btn {
    background: #616161 url(../images/recruit_img_btnbg.png) bottom right no-repeat;
    background-size: 14px;
    padding: 12px 60px;
    display: inline-block;
    font-size: 17.5px;
    color: #fff;
    border-radius: 0px;
}


/* career	----------------------- */

.career1 {
    padding: 20px 40px;
}

.career1 .text {
    padding-bottom: 57px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.career1 .pagetitlebox1 {
    margin-bottom: 30px;
    padding: 12px 0px;
    border-top: 1px solid #82559f;
    border-bottom: 1px solid #82559f;
    font-size: 17.5px;
    color: #82559f;
}

.career1 .text1 {
    padding-top: 10px;
    padding-bottom: 35px;
    font-size: 15px;
    color: #1e1e1e;
}

.career1 .box {
    padding-top: 10px;
}

.career1 .box {
    background: #f9f9f9;
    padding: 40px 30px 40px;
    border-radius: 5px;
}

.career1 .box .left {
    width: 205px;
}

.career1 .box .right {
    width: calc(100% - 205px);
    padding-left: 30px;
}

.career1 .titlebox {
    padding-bottom: 25px;
    font-size: 17.5px;
    color: #161616;
}

.career1 .commentbox1 {
    background: #82559f;
    margin-right: 30px;
    padding: 8px 35px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.career1 .commentbox1:after {
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-left: -5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #82559f;
    transform: rotate(45deg);
    right: 30px;
    bottom: -4px;
}

.career1 .textbox {
    background: #fff;
    padding: 35px 35px;
    font-size: 15px;
    color: #161616;
    line-height: 2em;
}

.career1 .textbox_title {
    padding-bottom: 25px;
    font-size: 18px;
    color: #161616;
}


.career2 {
    padding: 60px 40px 20px;
}

.career2 .pagetitlebox1 {
    margin-bottom: 20px;
    padding: 25px 0px 15px;
    border-top: 4px solid #82559f;
    border-bottom: 1px solid #82559f;
    font-size: 17.5px;
    color: #82559f;
}

.career2 .pagetitlebox1_text {
    padding-top: 0px;
    font-size: 15px;
    color: #070707;
    line-height: 2em;
}

.career2 .text1 {
    padding-top: 20px;
    padding-bottom: 35px;
    font-size: 15px;
    color: #1e1e1e;
}

.career2 .box {
    padding-top: 10px;
}

.career2 .box {
    background: #f9f9f9;
    padding: 40px 30px 30px;
    border-radius: 5px;
}

.career2 .box .left {
    width: 205px;
}

.career2 .box .right {
    width: calc(100% - 205px);
    padding-left: 30px;
}

.career2 .titlebox {
    padding-bottom: 25px;
    font-size: 17.5px;
    color: #161616;
}

.career2 .commentbox1 {
    background: #82559f;
    margin-right: 30px;
    padding: 8px 35px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.career2 .commentbox1:after {
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-left: -5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #82559f;
    transform: rotate(45deg);
    right: 30px;
    bottom: -4px;
}

.career2 .textbox {
    background: #fff;
    padding: 35px 35px;
    font-size: 15px;
    color: #161616;
    line-height: 2em;
}

.career2 .textbox_title {
    padding-bottom: 25px;
    font-size: 18px;
    color: #161616;
}

.career2 .textbox_text {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
}

.career2 .bottom0 {
    padding-top: 50px;
}

.career2 .education2_img_round6 {
    margin-top: 25px;
}


.career3 {}

.career4 {}

.career5 {
    padding: 60px 40px;
}

.career5 .title {
    padding-top: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #82559f;
    text-align: center;
}

.career5 .imagebox {
    padding-top: 50px;
}

.career5 .imagebox .image_left {
    width: 48%;
    margin-right: 2%;
}

.career5 .imagebox .image_right {
    width: 48%;
    margin-left: 2%;
}

.career5 .text {
    padding-top: 30px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.career6 {
    background: #f9f8fa;
    margin: 75px 40px 20px;
    padding: 30px 30px 50px;
    border-radius: 5px;
}

.career6 .icon {}

.career5 .icon_text,
.career6 .icon_text {
    padding-top: 15px;
    font-size: 20px;
    color: #82559f;
    font-weight: bold;
    text-align: center;
}

.career6 .area {
    padding: 30px 10px;
}

.career6 .area .left {
    width: 275px;
}

.career6 .area .right {
    width: calc(100% - 275px);
    padding-left: 40px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.career6 .imagebox {
    margin: 40px 15px;
}

.career6 .imagebox .image_left {
    width: 50%;
    margin-right: 1%;
    text-align: center;
}

.career6 .imagebox .image_right {
    width: 50%;
    margin-left: 1%;
    text-align: center;
}

.career6 .imagebox .image_left img {
    width: 100%;
}

.career6 .imagebox .image_right img {
    width: 100%;
}

.career6 .box {
    background: #fff;
    margin: 10px 10px 0px;
    padding: 25px 35px 25px;
    line-height: 2;
    border-radius: 5px;
}

.career6 .list {}

.career6 .list .left {
    width: 48%;
    margin-right: 2%;
}

.career6 .listtextbox {
    padding: 20px 0px 15px;
    border-bottom: 1px dotted #d9d9d9;
    font-size: 15px;
    color: #1e1e1e;
}

.career6 .list .right {
    width: 48%;
    margin-left: 2%;
}

.bro_career .career6 {
    background-color: #fef9f0;
}

.bro_career .career6 .icon_text {
    color: #eb781b;
}

.bro_career .career6 .right ul {
    display: flex;
    margin-bottom: 0px;
}

.bro_career .career6 .right ul li {
    background-color: #FFF;
    margin: 5px;
    border-radius: 10px;
    color: #eb781b;
    list-style: none;
    width: 48%;
    padding: 6px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
}

.bro_career .career6 .area .left {
    max-width: 355px;
    width: 100%;
    text-align: center;
}

.bro_career .career6 .area .right {
    width: calc(100% - 326px);
}

/* Team	----------------------- */

.sasayama a {
    width: calc(100% - 45px);
    background: url(../images/menu_icn_link.png) 90% center no-repeat;
    background-size: 15px;
    padding: 0 54px 0 10px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #3d3d3d;
}

.sasayama {
    text-align: right;
    margin-bottom: 60px;
}

.second {
    margin-top: 40px !important;
}

.team1 {
    padding: 20px 40px;
}

.team1 .text {
    padding-bottom: 57px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.team1 .pagetitlebox1 {
    margin-bottom: 45px;
    padding: 12px 0px;
    border-top: 1px solid #82559f;
    border-bottom: 1px solid #82559f;
    font-size: 17.5px;
    color: #82559f;
}

.team1 .area {
    padding-top: 5px;
}

.team1 .area1 {
    padding-top: 10px;
    padding-bottom: 30px;
}

.team1 .area1 .left {
    width: 275px;
}

.team1 .area1 .right {
    width: calc(100% - 275px);
    padding-left: 40px;
}

.team1 .textbox_title {
    font-size: 17.5px;
    color: #82559f;
}

.team1 .textbox_text {
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.team1 .team_list {
    width: 48%;
    padding-left: 1em !important;
}

.team1 .team_list:first-child {
    margin-right: 4%;
}

.team1 .team_list li {
    padding: 7px 0px;
    font-size: 17.5px;
    color: #82559f;
}

.team2 {
    background: #faf8fc;
    margin: 10px 40px 85px;
    padding: 30px 40px;
}

.team2 .icon {
    padding-top: 20px;
}

.team2 .icon_text {
    padding-top: 20px;
    font-size: 20px;
    color: #82559f;
    font-weight: normal;
    letter-spacing: 2px;
    text-align: center;
}

.team2 .text {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
    text-align: center;
}

.team2 .image {
    padding: 30px 0px 0px;
}

.team2 .area {
    background: #fff;
    margin: 10px 0px;
    padding: 24px 74px 40px;
}

.team2 .area .left {
    width: 258px;
}

.team2 .area .right {
    width: calc(100% - 30px);
    padding-left: 40px;
}

.team2 .title {
    font-size: 20px;
    color: #82559f;
}

.team2 .subtext {
    padding-top: 15px;
    font-size: 15px;
    color: #414041;
    text-align: right;
}

.team2 .text1 {
    padding-top: 10px;
    font-size: 15px;
    color: #414041;
    line-height: 2em;
}

.team_add .commentbox2 {
    background: #82559f;
    height: 35px;
    margin-right: 30px;
    padding: 8px 35px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.team2 .area .left img {
    margin-bottom: 0px;
}

.team_add .commentbox2:after {
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-left: -5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #82559f;
    transform: rotate(45deg);
    right: 30px;
    bottom: -4px;
}

.team_add .textbox h4 {
    font-size: 18px;
    letter-spacing: 0px;
    margin-top: 34px;
    margin-bottom: 24px;
}

.team_add .textbox p {
    font-size: 14px;
    line-height: 1.8;
}

.team2 .button {
    padding-bottom: 20px;
    text-align: right;
}

.team2 .button .btn {
    background: #616161 url(../images/recruit_img_btnbg.png) bottom right no-repeat;
    background-size: 14px;
    padding: 10px 30px 10px;
    display: inline-block;
    font-size: 14.5px;
    color: #fff;
    border-radius: 0px;
    text-align: center;
}


/* Work	----------------------- */


.pgwork ul li {
    background: url(../images/work_icn_arrowdown.png) center right no-repeat;
    background-size: 14px;
}

.pgwork ul li:first-child {
    border-left: none;
}

.pagetitlebox_work {
    background: #f9f9f9 url(../images/work_img_titleline.png) top left no-repeat;
    background-size: 7px 100%;
}

.work1 {
    padding: 45px 40px 40px;
}

.work1 .pagetitlebox1 {
    margin-bottom: 45px;
    padding: 12px 0px;
    border-top: 1px solid #009d61;
    border-bottom: 1px solid #009d61;
    font-size: 17.5px;
    color: #009d61;
}

.work1 .title {
    padding-top: 25px;
    font-size: 25px;
    color: #49af82;
    text-align: center;
}

.work1 .area {
    padding-top: 75px;
    flex-direction: row;
    flex-wrap: wrap;
}

.work1 .area .one {
    width: 50%;
    padding-right: 10px;
    padding-bottom: 30px;
}

.work1 .area_title {
    padding-top: 20px;
    font-size: 17.5px;
    color: #009d61;
    font-weight: bold;
}

.work1 .text {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 15px;
    color: #1e1e1e;
}

.work1 .area .two {
    width: 50%;
    padding-left: 10px;
    padding-bottom: 30px;
}

.work1 .area .three {
    width: 50%;
    padding-right: 10px;
    padding-bottom: 30px;
}

.work1 .area .four {
    width: 50%;
    padding-left: 10px;
    padding-bottom: 30px;
}

.work1 .area .five {
    width: 50%;
    padding-right: 10px;
    padding-bottom: 30px;
}

.bg_gray {
    background: #f7f7f7;
}

.work2 {
    background: #f1fcf8;
    margin: 0 40px;
    padding: 30px 50px 45px;
}

.work2 .icon {
    padding-top: 0px;
}

.work2 .icon_text {
    padding-top: 10px;
    font-size: 22px;
    color: #009d61;
    font-weight: normal;
    text-align: center;
}

.work2 .imagebox {
    padding: 35px 0px 20px;
}

.work2 .imagebox .image_left {
    width: 50%;
    padding-right: 10px;
}

.work2 .imagebox .image_right {
    width: 50%;
    padding-left: 10px;
}

.work2 .text {
    padding-top: 15px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.work3 {
    padding-top: 95px;
    padding-bottom: 35px;
}

.work3 .pagetitlebox1 {
    padding-top: 10px;
}

.work3 .text {
    margin-top: -20px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.work3 .area {
    padding-top: 10px;
    flex-direction: row;
    flex-wrap: wrap;
}

.work3 .area_text1 {
    padding-top: 10px;
    font-size: 14px;
    color: #1e1e1e;
    font-weight: bold;
}

.work3 .area_text2 {
    padding-top: 10px;
    font-size: 14px;
    color: #1e1e1e;
}

.work3 .area .one {
    width: calc(100% / 3);
    padding-left: 5px;
    padding-right: 5px;
}

.work3 .area .two {
    width: calc(100% / 3);
    padding-left: 5px;
    padding-right: 5px;
}

.work3 .area .three {
    width: calc(100% / 3);
    padding-left: 5px;
    padding-right: 5px;
}

.work3 .area .four {
    width: calc(100% / 3);
    padding-left: 5px;
    padding-right: 5px;
}

.work4 {
    padding-top: 10px;
    padding-bottom: 105px;
}

.work4 .pagetitlebox1 {
    padding-top: 10px;
}

.work4 .text {
    margin-top: -20px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.work4 .title1 {
    padding-top: 25px;
    font-size: 20px;
    color: #009d61;
    line-height: 2em;
}

.work4 .map {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 70px;
}

.work4 .map img {
    width: 100%;
    max-width: 100%;
}

.work4 .access_head {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    border: dashed 2px #C7BA2E;
    border-radius: 10px;
    margin-bottom: 40px;
    position: relative;
}

.work4 .access_head:after {
    content: "";
    display: block;
    background: url("../images/bubble_dot_arrow.png") no-repeat 0 0/contain;
    width: 31px;
    height: 27px;
    position: absolute;
    right: 50%;
    bottom: -26px;
    transform: translateX(50%);
}

.work4 .access_head h4 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.work4 .access_head h4 span {
    font-size: 20px;
    color: #C7BA2E;
}

.work4 .box {
    padding-top: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.work4 .box1 {
    width: 23%;
    padding-top: 10px;
    padding-bottom: 60px;
}

.work4 .box_title {
    padding-top: 15px;
    font-size: 16px;
    color: #1e1e1e;
    font-weight: bold;
    text-align: center;
}

.work4 .box_text {
    padding-top: 0px;
    font-size: 24px;
    color: #1e1e1e;
    font-weight: bold;
    text-align: center;
}

.work4 .box_text span {
    padding: 0 5px;
    font-size: 39px;
    color: #C7BA2E;
    font-weight: normal;
    position: relative;
    top: 2px;
    font-family: "Jost", sans-serif;
}

.sightseeing_list {
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .sightseeing_list {
        display: flex;
    }
}

.sightseeing:nth-child(1),
.sightseeing:nth-child(4),
.sightseeing:nth-child(5) {
    background: #FAFAD9;
}

.sightseeing:nth-child(5) {
    padding-top: 40px;
}

.sightseeing:nth-child(6) {
    padding-top: 40px;
}

.sightseeing:nth-child(6) .sightseeing_txt {
    padding-top: 0;
}

@media (min-width: 768px) {
    .sightseeing {
        width: 50%;
    }
}

.sightseeing {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.sightseeing_img {
    max-width: 198px;
}

.sightseeing_txt {
    width: 100%;
    padding: 40px 40px 40px 0;
}

.sightseeing:nth-child(5) .sightseeing_txt {
    padding-top: 0;
}

.sightseeing_txt h4 {
    font-size: 18px;
    font-weight: bold;
    color: #C7BA2E;
    margin: 10px 0 5px;
}

.sightseeing_txt p {
    font-size: 15px;
    line-height: 1.533;
    letter-spacing: 0;
}

@media (max-width: 768px) {
    .sightseeing:nth-child(odd) {
        background: #FAFAD9;
    }

    .sightseeing:nth-child(even) {
        background: #fff;
    }

    .work4 .box_text span {
        font-size: 30px;
    }

    .work4 .box_text {
        font-size: 20px;
    }

    .work4 .box_title {
        font-size: 14px;
    }

    .work4 .access_head h4 {
        font-size: 14px;
        line-height: 1.75;
    }

    .work4 .access_head h4 span {
        font-size: 16px;
    }

    .work4 .access_head {
        padding: 20px 10px;
    }

    .sightseeing_img {
        max-width: 140px;
    }

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

    .sightseeing {
        margin-bottom: 20px;
    }

    .sightseeing:nth-child(6) {
        padding-top: 20px;
    }

    .sightseeing_txt h4 {
        font-size: 16px;
    }

    .sightseeing_txt p {
        font-size: 14px;
    }
}

/*max768px*/


/* Data	----------------------- */

.data1 {
    padding: 30px 40px 30px;
}

.data1 .text {
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.data2 {
    margin: 55px 140px 0px 100px;
    padding: 0px 40px 30px;
    position: relative;
}

.data2 .absolute_img {
    position: absolute;
    top: 0;
    right: 30px;
}

.data2 .question {
    padding-top: 10px;
    font-size: 17px;
    color: #c8cdc6;
    text-align: center;
    color: #000;
    font-family: 'Montserrat';
    font-weight: 500;
}

.data2 .question_title {
    padding-top: 10px;
    padding-bottom: 18px;
    font-size: 25px;
    color: #009d61;
    text-align: center;
}

.data2 .questionarea {
    padding-top: 50px;
}

.data2 .questionarea .left {
    width: 70%;
}

.data2 .questionarea .right {
    width: 30%;
}

.data2 .area {
    padding-bottom: 20px;
}

.data2 .area .left1 {
    font-size: 16.5px;
    color: #1e1e1e;
}

.data2 .area .right1 {
    padding-left: 50px;
    font-size: 21px;
    color: #1e1e1e;
    line-height: 1em;
}

.data2 .bigfont {
    font-size: 86px;
    color: #009d61;
    display: inline-block;
    font-weight: bold;
}

#all_data .area1 {
    margin-top: 50px;
    padding: 0px 20px 10px;
}

#all_data .area1 {
    position: relative;
    background: #fff;
    color: #009d61 !important;
    border: 2px solid #009d61;
}

#all_data .area1:after,
#all_data .area1:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#all_data .area1:after {
    border-color: rgba(249, 249, 249, 0);
    border-left-color: #f9f9f9;
    border-width: 12px;
    margin-top: -12px;
}

#all_data .area1:before {
    border-color: rgba(0, 157, 97, 0);
    border-left-color: #009d61;
    border-width: 15px;
    margin-top: -15px;
}

#all_data .area1a {
    margin-top: 50px;
    padding: 0px 20px 10px;
}

#all_data .area1a {
    position: relative;
    background: #f9f9f9;
    border: 2px solid #009d61;
}

#all_data .area1a:after,
#all_data .area1a:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#all_data .area1a:after {
    border-color: rgba(249, 249, 249, 0);
    border-right-color: #f9f9f9;
    border-width: 12px;
    margin-top: -12px;
}

#all_data .area1a:before {
    border-color: rgba(0, 157, 97, 0);
    border-right-color: #009d61;
    border-width: 15px;
    margin-top: -15px;
}

.data2 .titleline {
    background: #009d61;
    width: 150px;
    height: 0px;
    text-align: center;
}

#all_data .area1_titlebox {
    margin-top: -20px;
}

#all_data .area1_title {
    background: #fff;
    padding: 0px 20px;
    display: inline-block;
    font-size: 15px;
    color: #009d61;
    font-family: 'Montserrat';
    font-weight: 500;
    text-align: center;
}

.data2 .text {
    padding-top: 18px;
    font-size: 16px;
    color: #383838;
    line-height: 1.5em;
}

.data2 .text1 {
    padding: 20px 0px 0px 30px;
    font-size: 20px;
    color: #e0714a;
}


.data3 {
    margin: 55px 85px 0px 100px;
    padding: 0px 40px 30px;
    position: relative;
}

.data3 .absolute_img {
    position: absolute;
    top: 140px;
    left: 50px;
}

.data3 .question {
    padding-top: 10px;
    font-size: 17px;
    color: #c8cdc6;
    text-align: center;
}

.data3 .question_title {
    padding-top: 10px;
    padding-bottom: 18px;
    font-size: 25px;
    color: #009d61;
    text-align: center;
}

.data3 .questionarea {}

.data3 .questionarea .left {
    width: 33%;
}

.data3 .questionarea .right {
    width: 67%;
    padding-left: 10px;
}

.data3 .area2 {
    padding-top: 5px;
}

.data3 .area2list {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data3 .area2list .left {
    width: 50%;
}

.data3 .area2list .right {
    width: 50%;
}

.data3 .text1 {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: left;
}

.data3 .text {
    padding-top: 18px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: left;
}

.data3 .text2 {
    padding: 20px 0px 0px 30px;
    font-size: 20px;
    color: #1d1d1d;
}

.data3 .text3 {
    padding: 0px 0px 0px 30px;
    font-size: 20px;
    color: #e0714a;
}

.data4 {
    margin: 105px 140px 0px 85px;
    padding: 0px 40px 30px;
    position: relative;
}

.data4 .absolute_img {
    position: absolute;
    top: 270px;
    right: 50px;
}

.data4 .question {
    padding-top: 10px;
    font-size: 17px;
    color: #c8cdc6;
    text-align: center;
}

.data4 .question_title {
    padding-top: 10px;
    padding-bottom: 18px;
    font-size: 25px;
    color: #009d61;
    text-align: center;
}

.data4 .questionarea {}

.data4 .questionarea .left {
    width: 86%;
}

.data4 .area2 {
    padding-top: 45px;
    padding-bottom: 15px;
}

.data4 .area2list {
    padding-top: 10px;
}

.data4 .area2list .left1 {
    width: 50%;
}

.data4 .area2list .right1 {
    width: 50%;
}

.data4 .area2bar35 {}

.data4 .area2bar25 {}

.data4 .area2bar21 {}

.data4 .area2bar11 {}

.data4 .area2bar5 {}

.data4 .area1 {
    padding-top: 10px;
}

.data4 .area1_titlebox {
    padding-top: 10px;
}

.data4 .area1_title {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data4 .text {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: left;
}

.data4 .text1 {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data4 .questionarea .right {
    width: 14%;
}

.data4 .text2 {
    padding: 20px 0px 0px 30px;
    font-size: 20px;
    color: #1d1d1d;
}

.data4 .text3 {
    padding: 0px 0px 0px 30px;
    font-size: 20px;
    color: #e0714a;
}

.data4 .max45 {
    max-width: 475px;
}

.data5 {
    margin: 100px 82px 0px 100px;
    padding: 0px 40px 30px;
    position: relative;
}

.data5 .absolute_img {
    position: absolute;
    top: 175px;
    left: 70px;
}

.data5 .question {
    padding-top: 10px;
    font-size: 17px;
    color: #c8cdc6;
    text-align: center;
}

.data5 .question_title {
    padding-top: 10px;
    padding-bottom: 18px;
    font-size: 25px;
    color: #009d61;
    text-align: center;
}

.data5 .questionarea {
    padding-top: 10px;
}

.data5 .questionarea .left {
    width: 35%;
}

.data5 .questionarea .right {
    width: 65%;
}

.data5 .area3 {
    padding-top: 0px;
    padding-bottom: 30px;
}

.data5 .area1 {
    padding-top: 10px;
}

.data5 .area1_titlebox {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data5 .text {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: left;
}

.data5 .text1 {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data5 .fontred {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data5 .text2 {
    padding: 20px 0px 0px 30px;
    font-size: 20px;
    color: #1d1d1d;
}

.data5 .text3 {
    font-size: 20px;
    color: #e0714a;
}

.data6 {
    margin: 65px 100px 0px 140px;
    padding: 0px 40px 30px;
    position: relative;
}

.data6 .absolute_img {
    position: absolute;
    top: 0px;
    right: 30px;
}

.data6 .question {
    padding-top: 10px;
    font-size: 17px;
    color: #c8cdc6;
    text-align: center;
}

.data6 .question_title {
    padding-top: 10px;
    padding-bottom: 18px;
    font-size: 25px;
    color: #009d61;
    text-align: center;
}

.data6 .questionarea {
    padding-top: 10px;
}

.data6 .questionarea .left {
    width: 70%;
}

.data6 .area1 {
    padding-top: 10px;
}

.data6 .area1_titlebox {
    padding-top: 10px;
}

.data6 .area1_title {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data6 .text {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: left;
}

.data6 .text1 {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data6 .fontred {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data6 .questionarea .right {
    width: 30%;
}

.data6 .text2 {
    padding: 20px 0px 0px 30px;
    font-size: 20px;
    color: #1d1d1d;
}

.data6 .text3 {
    font-size: 20px;
    color: #e0714a;
}

.data6 .area3 {
    padding: 8px 25px 20px 28px;
}

.data7 {
    margin: 110px 115px 100px 100px;
    padding: 0px 40px 30px;
    position: relative;
}

.data7 .absolute_img {
    position: absolute;
    top: 20px;
    left: 45px;
}

.data7 .question {
    padding-top: 10px;
    font-size: 17px;
    color: #c8cdc6;
    text-align: center;
}

.data7 .question_title {
    padding-top: 10px;
    padding-bottom: 18px;
    font-size: 25px;
    color: #009d61;
    text-align: center;
}

.data7 .questionarea {
    padding-top: 10px;
}

.data7 .questionarea .left {
    width: 33%;
}

.data7 .questionarea .right {
    width: 67%;
}

.data7 .area {
    padding-top: 0px;
}

.data7 .area .left1 {
    width: 50%;
}

.data7 .area .right1 {
    width: 50%;
}

.data7 .bigfont {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data7 .area1 {
    padding-top: 10px;
}

.data7 .area1_titlebox {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: left;
}

.data7 .text {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: left;
}

.data7 .text1 {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.data7 .button {
    padding-top: 40px;
    text-align: center;
}

.data7 .btn {
    background: #616161 url(../images/recruit_img_btnbg.png) bottom right no-repeat;
    padding: 15px 95px 15px;
    display: inline-block;
    font-size: 16pxpx;
    color: #fff;
    border-radius: 0px;
    /*background-size:14px; padding:12px 45px; display:inline-block; font-size:17.5px; color:#fff; border-radius:0px; */
}

.data7 .text2 {
    padding: 20px 0px 0px 30px;
    font-size: 20px;
    color: #1d1d1d;
}

.data7 .text3 {
    font-size: 20px;
    color: #e0714a;
}


#all_data .text1,
#all_data .text3 {
    padding: 20px 0px 0px 0px;
    font-size: 20px;
    color: #e0714a;
}

#all_data .area1a {
    position: relative;
    background: #fff;
    border: 2px solid #009d61;
}

#all_data .area1a,
#all_data .area1 {
    margin-top: 50px;
    padding: 0px 20px 21px;
}

#all_data .question {
    padding-top: 10px;
    font-size: 17px;
    color: #c8cdc6;
    text-align: center;
    color: #000;
    font-family: 'Montserrat';
    font-weight: 500;
}

.under_line {
    text-decoration: underline;
}

/* message	----------------------- */

.pageheader_message {
    background: #a9dae6;
}

.pgmessage ul li {
    background: url(../images/staff_icn_arrowdown.png) center right no-repeat;
    background-size: 14px;
}

.pagetitlebox_message {
    background: #f9f9f9 url(../images/staff_img_titleline.png) top left no-repeat;
    background-size: 7px 100%;
}

.martop90 {
    margin-top: 90px;
}

.message1 {
    padding: 20px 35px;
}

.message1 .message_title {
    padding-top: 10px;
    font-size: 20px;
    color: #ec5a1b;
}

.message1 .message_text {
    padding-top: 10px;
    padding-bottom: 35px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.message1 .staffbox {
    padding-top: 0px;
    padding-bottom: 10px;
}

.message1 .messagetitlebox {
    margin: 0px 0 25px;
    padding: 15px 30px 10px;
    border: 2px solid #ec5a1b;
}

.message1 .messagetitlebox_title {
    width: calc(100% - 20px);
    width: 100%;
    font-size: 18px;
    color: #ec5a1b;
}

.message1 .messagetitlebox_icon {
    width: 20px;
}

.message1 .messagetitlebox_icon img {
    vertical-align: super;
}

.message1 .accordion:after {
    margin-top: 0;
    color: #ec5a1b;
}

.message1 .panel {
    margin-bottom: 0;
}

.message1 .staffbox1 {
    background: #f9f9f9;
    padding: 45px 45px 10px;
}

.message1 .staffbox_list {
    padding-top: 10px;
    padding-bottom: 65px;
}

.message1 .staffbox_list .left {
    width: 205px;
}

.message1 .staffbox_list .right {
    width: calc(100% - 205px);
    padding-left: 25px;
}

.message1 .staffbox_title {
    padding-bottom: 10px;
    font-size: 17.5px;
    color: #161616;
}

.message1 .staffbox_textbox {
    background: #fff;
    padding: 20px 30px;
}

.message1 .staffbox_text {
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}


ul.nurse_voice_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.nurse_voice_list:after {
    content: "";
    display: block;
    order: 1;
    width: 30%;
}

ul.nurse_voice_list li {
    width: 30%;
}

.voice_img img {
    border-radius: 30px;
}

.voice_img {
    position: relative;
    margin-bottom: 20px;
}

.voice_img div {
    width: 35px;
    position: absolute;
    right: -18px;
    top: 18px;
}

.voice_img div img {
    border-radius: 0;
}

ul.nurse_voice_list li {
    margin-bottom: 70px;
}

ul.nurse_voice_list li h3 {
    font-size: 14px;
    margin-bottom: 15px;
}

ul.nurse_voice_list li p {
    font-size: 16px;
    font-weight: bold;
    color: #4A96A9;
    line-height: 1.875;
}

@media (max-width: 768px) {
    ul.nurse_voice_list li {
        width: 47%;
    }

    .voice_img div {
        width: 23px;
        right: -9px;
    }

    ul.nurse_voice_list li h3 {
        font-size: 13px;
    }

    ul.nurse_voice_list li p {
        font-size: 15px;
    }
}

/*max768px*/

/* brothers	----------------------- */

.brothers0 {
    padding: 20px 35px;
}

.brothers0 .message_title {
    padding-top: 10px;
    font-size: 20px;
    color: #ec5a1b;
}

.brothers0 .message_text {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.brothers0 .brothersimgbox {
    padding: 60px 120px 77px;
}

.brothers0 .brothersimgbox .left {
    width: 50%;
}

.brothers0 .brothersimgbox1 {
    padding: 10px 30px;
}

.brothers0 .brothersimgbox1 .left1 {
    width: 140px;
}

.brothers0 .brothersimgbox1 .right1 {
    width: calc(100% - 140px);
    padding-left: 30px;
}

.brothers0 .brothersimgbox_box1 {
    background: #ec5a1b;
    padding: 3px 10px 0px;
    color: #fff;
    font-size: 13.5px;
    text-align: center;
}

.brothers0 .brothersimgbox_box2 {
    background: #96bf27;
    padding: 3px 10px 0px;
    color: #fff;
    font-size: 13.5px;
    text-align: center;
}

.brothers0 .brothersimgbox_title {
    padding-top: 20px;
    font-size: 22px;
    color: #1e1e1e;
}

.brothers0 .brothersimgbox_title small {
    font-size: 13px;
    color: #1e1e1e;
}

.brothers0 .brothersimgbox_subtitle {
    padding-top: 0px;
    font-size: 13px;
    color: #1e1e1e;
}

.brothers0 .brothersimgbox .right {
    width: 50%;
}

.brothers1 {
    padding: 0px 35px;
}

.brothers1 .brothers_titlebox {
    text-align: left;
    width: 100%;
}

.brothers1 .brothers_title {
    padding: 15px 0px;
    border-top: 1px solid #ec5a1b;
    border-bottom: 1px solid #ec5a1b;
    font-size: 17.5px;
    color: #ec5a1b;
    text-align: left;
    display: block;
}

.brothers1 .brothers_title1 {
    margin-bottom: 35px;
    padding: 15px 0px;
    border-top: 1px solid #ec5a1b;
    border-bottom: 1px solid #ec5a1b;
    font-size: 17.5px;
    color: #ec5a1b;
}

.brothers1 .brothers_subtitle {
    padding-top: 15px;
    font-size: 20px;
    line-height: 1.8em;
    color: #ec5a1b;
    text-align: center;
}

.brothers1 .brotherbox_left {
    padding: 0px 20px 60px;
}

.brothers1 .brotherbox_left .left {
    width: 100px;
}

.brothers1 .brotherbox_left .right {
    width: calc(100% - 100px);
    padding-left: 50px;
}

.brothers1 .brothers_box {
    background: #f7f7f7;
    padding: 20px 30px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.brothers1 .pt50 {
    padding-top: 50px !important;
}

.brothers1 .brotherbox_right {
    padding: 0px 20px 60px;
}

.brothers1 .brotherbox_right .left {
    width: calc(100% - 100px);
    padding-right: 50px;
}

.brothers1 .brothers_box {}

.brothers1 .brotherbox_right .right {
    width: 100px;
}

.brothersimage {
    padding: 60px 35px;
}

.brothers2 {
    padding-top: 60px;
}

.brothers3 {
    padding-top: 60px;
}

.brothers4 {
    padding-top: 60px;
    padding-bottom: 35px;
}



/* recruit	----------------------- */

.pageheader_recruit {
    background: #a9dae6;
}

.pgrecruit ul li {
    background: url(../images/recruit_icn_arrowdown.png) center right no-repeat;
    background-size: 14px;
}

.pagetitlebox_recruit {
    background: #f9f9f9 url(../images/recruit_img_titleline.png) top left no-repeat;
    background-size: 7px 100%;
    margin-top: 75px;
}

.recruit1 {
    padding: 35px 40px 180px;
}

.recruit1 .recruit_title1 {
    padding: 15px 0px;
    border-top: 1px solid #91c449;
    border-bottom: 1px solid #91c449;
    font-size: 17.5px;
    color: #91c449;
}

.recruit1 .button {
    padding-top: 25px;
}

.recruit1 .btn {
    background: #616161 url(../images/recruit_img_btnbg.png) bottom right no-repeat;
    background-size: 14px;
    padding: 15px 80px;
    display: inline-block;
    font-size: 17.5px;
    color: #fff;
    border-radius: 0px;
}

.event1 .recruittable1 a {
    color: #000 !important;
}

/*　申込方法　リンク黒色 */
.recruit1 .recruittable1 {
    background: linear-gradient(90deg, #f2f2f2 220px, #fff 0px);
    margin-top: 40px;
}

.recruit1 .recruittable2 {
    background: linear-gradient(90deg, #f2f2f2 250px, #fff 0px);
    margin-top: 40px;
    border: 0px solid #f2f2f2;
}

.recruit1 .recruittable3 {
    background: linear-gradient(90deg, #f2f2f2 350px, #fff 0px);
    margin-top: 40px;
    border: 0px solid #f2f2f2;
}

.recruit1 .rec2cols {
    border-top: 0px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: relative;
}

.recruit1 .rec2cols:after {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 9;
    background: linear-gradient(90deg, #fff 220px, #f2f2f2 0px);
}

.recruit1 .rec2cols .left {
    width: 220px;
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit1 .rec2cols .right {
    width: calc(100% - 220px);
    padding: 25px 30px 20px;
    padding-right: 30px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .rec2cols .left250 {
    width: 250px;
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit1 .rec2cols .right250 {
    width: calc(100% - 250px);
    padding: 25px 30px 20px;
    padding-right: 30px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .recruittable1 {
    border-top: 1px solid #f2f2f2;
}

.recruit1 .recruittable1 .inner-box {
    display: flex;
    justify-content: space-between;
}

.recruit1 .rec2cols .right img {
    vertical-align: middle;
}

.recruit1 ul {
    list-style: none;
}

.recruit1 li {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
}

.recruit1 .bd {
    border-bottom: 0px solid #f2f2f2;
}

.recruit1 .nobd {
    border: none;
}

.recruit1 .borderright {
    border-right: 2px solid #f2f2f2;
}

.recruit1 .borderwright {
    border-right: 2px solid #fff !important;
}

.recruit1 .martop0 {
    margin-top: 0px;
}

.recruit1 .martop90 {
    margin-top: 90px;
}

.recruit1 .rec2colsa {}

.recruit1 .rec2colsa .collefta {
    width: 100px;
    padding: 15px 0px 20px;
    border-bottom: 1px solid #fff;
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit1 .rec2colsa .colrighta {
    width: calc(100% - 100px);
}

.recruit1 .rec2colsb {}

.recruit1 .rec2colsb .leftb {
    width: 150px;
    font-size: 12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit1 .rec2colsb .rightb {
    width: calc(100% - 138px);
    padding: 20px 30px 20px;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .rec2colsa1 {}

.recruit1 .rec2colsa .collefta1 {
    width: 150px;
    padding: 15px 0px 20px;
    border-bottom: 1px solid #fff;
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit1 .rec2colsa .colrighta1 {
    width: calc(100% - 150px);
}

.recruit1 .rec2colsb1 {}

.recruit1 .rec2colsb .leftb1 {
    width: 200px;
    font-size: 12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit1 .rec2colsb .rightb1 {
    width: calc(100% - 200px);
    padding: 20px 30px 20px;
    border-bottom: 0px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}


.recruit1 .rec3cols {
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: relative;
}

.recruit1 .rec3cols:after {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 9;
    background: linear-gradient(90deg, #fff 220px, #f2f2f2 0px);
}

.recruit1 .rec3cols .left {
    width: 220px;
    padding: 15px 0px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit1 .rec3cols .middle {
    width: calc(50% - 110px);
    padding: 15px 30px 20px;
    border-right: 1px solid #f2f2f2;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .rec3cols .right {
    width: calc(50% - 110px);
    padding: 15px 30px 20px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .rec3cols .allright {
    width: calc(100% - 220px);
    padding: 20px 30px 20px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .rec3cols .recruittable_header {
    background: #eff6e4;
    padding: 12px 0px 5px !important;
    text-align: center;
}

.recruit1 .nopadding {
    padding-top: 0;
    padding-bottom: 0px;
}

.recruit1 .text {
    padding-top: 0px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .text1 {
    padding-top: 10px;
    font-size: 15px;
    color: #e11020;
    line-height: 2em;
}

.recruit1 .recruit_title2 {
    padding-top: 90px;
    font-size: 20px;
    color: #91c449;
}

.recruit1 .recruit_title2 span {
    color: #111;
    font-size: 15px;
    margin-left: 10px;
}

.recruit1 .recruit_subtext {
    padding-top: 0px;
    font-size: 13px;
    color: #1e1e1e;
    text-align: right;
}

.recruit1 .recruit_subtext1 {
    padding-top: 25px;
    padding-bottom: 15px;
    font-size: 13px;
    color: #1e1e1e;
    text-align: right;
}

.recruit1 .hospital_name {
    margin-top: 90px;
    margin-bottom: 50px;
    padding-left: 10px;
    font-size: 20px;
    color: #91c449;
    border-left: 5px solid #91c449;
}

.recruit1 .rec4cols {
    border-left: 2px solid #f2f2f2;
    border-right: 2px solid #f2f2f2;
    position: relative;
}

.recruit1 .rec4cols:after {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 9;
    background: linear-gradient(90deg, #fff 250px, #f2f2f2 0px);
}

.recruit1 .rec4cols .col1 {
    width: 250px;
    padding: 15px 0px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit1 .rec4cols .col2 {
    width: calc(33% - 83px);
    padding: 15px 30px 20px;
    border-right: 1px solid #f2f2f2;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .rec4cols .col3 {
    width: calc(33% - 83px);
    padding: 15px 30px 20px;
    border-right: 1px solid #f2f2f2;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .rec4cols .col4 {
    width: calc(34% - 84px);
    padding: 15px 30px 20px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .rec4cols .recruittable_header {
    background: #eff6e4;
    padding: 25px 0px 20px !important;
    text-align: center;
    font-weight: bold;
}

.recruit1 .greenbg {
    background: #eff6e4;
}


.recruit1 .rec4colsa {}

.recruit1 .rec4colsa .col1a {
    width: 100px;
    padding: 15px 0px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit1 .rec4colsa .col2a {
    width: calc(100% - 100px);
}

.recruit1 .rec4colsb {}

.recruit1 .rec4colsb .col1b {
    width: 150px;
    font-size: 12px;
    border: 1px solid #fff;
    border-left: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit1 .rec4colsb .col2b {
    width: calc(33% - 50px);
    padding: 15px 30px 20px;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .rec4colsb .col3b {
    width: calc(33% - 50px);
    padding: 15px 30px 20px;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .rec4colsb .col4b {
    width: calc(34% - 50px);
    padding: 15px 30px 20px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .myrecruittable1 {
    margin-top: 50px;
}

.recruit1 .table th {
    vertical-align: middle;
}

.recruit1 .myrecruittable1 {
    margin-top: 50px;
}

.recruit1 .table th,
.recruit1 .table td {
    padding: 25px 30px 20px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.recruit1 .table td .big {
    font-weight: 700;
    font-size: 110%;
}

.recruit1 .th1 {
    background: #f2f2f2;
    width: 220px;
    text-align: center;
}

.recruit1 .th2 {
    background: #eff6e4;
    padding: 12px 0px 5px !important;
    text-align: center;
}

.recruit1 .va {
    vertical-align: middle;
}

.recruit1 .th3 {
    background: #f2f2f2;
    width: 100px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    vertical-align: middle;
    text-align: center;
}

.recruit1 .th4 {
    background: #f2f2f2;
    font-size: 14px !important;
    width: 150px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    vertical-align: middle;
    text-align: center;
}

.boder_b {
    border-bottom: 1px solid #f2f2f2 !important;
}

.boder_r {
    border-right: 1px solid #f2f2f2 !important;
}

/* event	----------------------- */

.notes li {
    position: relative;
    display: table;
    width: 100%;
    padding-top: 0 !important;
}

.notes li:before {
    content: "※";
    display: table-cell;
    width: 1.2em;
}

.normal-list li {
    position: relative;
    display: table;
    width: 100%;
    padding-top: 0 !important;
}

.normal-list li:before {
    content: "・";
    display: table-cell;
    width: 1.2em;
}

.red {
    color: #c41d1d !important;
}

.event1 {
    padding: 35px 40px 55px;
}

.event1 .recruit_title1 {
    padding: 15px 0px;
    border-top: 1px solid #91c449;
    border-bottom: 1px solid #91c449;
    font-size: 17.5px;
    color: #91c449;
}

.event1 .area {
    padding-top: 40px;
    padding-bottom: 40px;
}

.event1 .area .left {
    width: 300px;
}

.event1 .area .right {
    width: calc(100% - 300px);
    padding-left: 40px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.event1 .recruittable1 {
    background: linear-gradient(90deg, #f2f2f2 220px, #fff 0px);
}

.event1 .rec2cols {
    padding: 25px 0px 20px;
    border-top: 0px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: relative;
}

.event1 .rec2cols:after {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 9;
    background: linear-gradient(90deg, #fff 220px, #f2f2f2 0px);
}

.event1 .rec2cols .left {
    width: 220px;
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    text-align: center;
}

.event1 .rec2cols .right {
    width: calc(100% - 220px);
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.event1 .rec2cols .right img {
    vertical-align: middle;
}

.event1 ul {
    list-style: none;
}

.event1 li {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
}

.event1 .fontred {}

.event1 .button {
    padding-top: 40px;
    text-align: center;
}

.event1 .btn {
    background: #616161 url(../images/recruit_img_btnbg.png) bottom right no-repeat;
    background-size: 14px;
    padding: 15px 95px 15px;
    display: inline-block;
    font-size: 17.5px;
    color: #fff;
    border-radius: 0px;
}

.event1 .fontred {
    color: #e11020;
    font-size: 15px;
}

.pns3 .btn {
    background: #616161 url(../images/recruit_img_btnbg.png) bottom right no-repeat;
    background-size: 14px;
    padding: 15px 95px 15px;
    display: inline-block;
    font-size: 17.5px;
    color: #fff;
    border-radius: 0px;
}

.event1 .recruittable1 {
    background: linear-gradient(90deg, #f2f2f2 220px, #fff 0px);
}

.event1 .rec2cols1 {
    border-top: 0px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: relative;
}

.event1 .rec2cols1:after {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 9;
    background: linear-gradient(90deg, #fff 220px, #f2f2f2 0px);
}

.event1 .rec2cols1 .left1 {
    width: 220px;
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    text-align: center;
}

.event1 .rec2cols1 .right1 {
    width: calc(100% - 220px);
    padding-left: 0px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.event1 .rec2cols2 {}

.event1 .rec2cols2 .left2 {
    width: 120px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.event1 .rec2cols2 .right2 {
    width: calc(100% - 120px);
    padding: 25px 30px 20px;
    border-left: 1px solid #f2f2f2;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.event1 .rec2cols1 .right img {
    vertical-align: middle;
}

.event1 .bd {
    border-bottom: 0px solid #f2f2f2;
}

.event2 {}

.attention-box {
    margin-top: 20px;
}

.attention-box p,
.attention-box li {
    width: auto;
    background: #f9f9f9;
    position: relative;
    z-index: 3;
    color: #c41d1d;
    padding: 10px 20px !important;
}

.red-color {
    color: #c41d1d;
}

.event3 {
    padding-bottom: 120px;
}

.event-btm-txt {
    width: 80%;
    margin: 0 auto 120px;
    border: 1px solid #91c449;
    padding: 30px;
}

.event-btm-txt div {
    padding-top: 10px;
}

.blue_box .area1 {
    position: relative;
    background: #fff;
    color: #C84091 !important;
    margin-top: 50px;
    margin-bottom: 100px;
    border: 2px solid #C84091;
    border-radius: 5px;
}

.blue_box .area1_title {
    background: #fff;
    padding: 0px 20px;
    display: inline-block;
    font-size: 20px;
    color: #C84091;
    font-family: 'Montserrat';
    font-weight: 500;
    text-align: center;
}

.blue_box .area1_titlebox {
    margin-top: -20px;
    text-align: center;
}

.blue_box .text {
    display: flex;
}

.blue_box .text div {
    padding: 18px 64px;
    letter-spacing: 2px;
}

.blue_box .text h4 {
    color: #C84091;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}

.blue_box .text p {
    font-size: 15px;
    color: #000;
}

/* faq	----------------------- */

.faq1 {
    padding: 38px 30px;
}

.faq1 .recruit_title1 {
    margin-bottom: 45px;
    padding: 15px 0px;
    border-top: 1px solid #0073ab;
    border-bottom: 1px solid #0073ab;
    font-size: 17.5px;
    color: #0073ab;
}

.faq1 .accordion {}

.faq1 .abox {
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.faq1 .text {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.faq2 .text {
    padding-top: 10px;
    font-size: 15px;
    color: #1e1e1e;
}

.faq1 .qbox {
    padding: 5px 10px 15px;
    border: 1px solid #0073ab;
}

.faq1 .qbox .leftbox {
    margin-top: 15px;
    text-align: center;
    width: 50px;
    font-size: 15px;
    color: #0073ab;
}

.faq1 .qbox .rightbox {
    width: calc(100% - 100px);
    padding-top: 15px;
    font-size: 15px;
    color: #0073ab;
}

.faq1 .abox {
    padding: 10px 30px 10px 30px;
}

.panel {
    margin-bottom: 35px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel a.link {
    display: block;
    text-decoration: underline;
    color: #0073ab;
    padding-left: 30px;
}

.faq1 .qaopen {
    padding-top: 10px;
    width: 30px;
    font-size: 23px;
    text-align: right;
}

.faq1 .qaclose {
    padding-top: 10px;
    width: 30px;
    color: #0073ab;
    font-size: 23px;
    text-align: right;
}

.faq1 .qaclose {
    display: none;
}

.accordion {
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    color: #141414;
}

.accordion:after {
    content: '\002B';
    margin-top: 15px;
    margin-left: 20px;
    color: #0073ab;
    font-weight: bold;
    float: right;
}

.active:after {
    content: "\2212";
}


.voice_lead {
    margin: 50px auto 40px;
    display: flex;
    max-width: 920px;
}

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

.voice_lead_txt {
    width: 330px;
    margin-top: 86px;
}

.voice_lead_txt p {
    position: relative;
    z-index: 9;
    line-height: 1.5;
    margin-bottom: 38px;
    letter-spacing: 2px;
}

span.txt_bg {
    background: #4A96A9;
    padding: 5px 10px;
    font-size: 22px;
    font-weight: bold;
    width: max-content;
    margin: 0 5px;
    color: #fff;
    margin-bottom: 5px;
    display: block;
}

@media screen and (max-width: 490px) {
    span.txt_bg {
        font-size: 4.3vw;
    }
}

.voice_lead_img {
    width: 590px;
}

.voice_lead_img img {
    border-radius: 30px;
}

.name img {
    max-height: 28px;
    margin-bottom: 15px;
    margin-left: 5px;
}

.floor {
    font-size: 16px;
    margin-left: 5px;
}

.voice_bg_box {
    background: #F7F7F7;
    padding: 40px 55px 45px;
    margin: 0 auto 50px;
    max-width: 920px;
}

.voice_bg_box p {
    font-size: 15px;
    line-height: 2.13;
}

@media screen and (max-width: 600px) {
    .voice_bg_box {
        padding: 40px 35px 45px;
    }
}

.btn_gray a {
    color: #fff !important;
    font-size: 16px;
    background: #606060;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    margin: 0 auto 130px;
    padding: 17px 70px 17px 60px;
    position: relative;
    min-width: 322px;
}

.btn_gray a:after {
    content: '';
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background-color: #A0A09F;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

@media (max-width: 400px) {
    .btn_gray a {
        max-width: 322px;
        width: 90%;
        min-width: auto;
        padding: 17px 0px 17px 0px;
    }
}


@media (max-width: 768px) {
    .voice_lead {
        margin: 40px auto 40px;
        max-width: 100%;
        flex-wrap: wrap;
    }

    .voice_lead_txt {
        width: 100%;
        margin-top: 40px;
    }

    .voice_lead_txt_wrap {
        order: 1;
    }

    .voice_lead_img {
        width: 100%;
        order: 0;
    }

    .department_detail_message_img {
        margin: 0 auto 33px;
    }

    .btn_gray a {
        margin: 0 auto 60px;
    }
}

/* privacy	----------------------- */

.privacy1 {
    padding-top: 65px;
    padding-bottom: 140px;
}

.privacy1 .text {
    padding: 40px 30px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.privacy1 .privacybox {
    padding: 5px 30px 40px;
}

.privacy1 .privacy_number {
    padding-top: 10px;
    font-size: 20px;
    color: #0073ab;
}

.privacy1 .privacy_text {
    padding: 10px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.privacy1 .privacy_text img {
    vertical-align: middle;
}

/* news	----------------------- */
.pageheader_news {
    background: #a9dae6;
}

.pageinner_news {
    padding-top: 60px;
    padding-bottom: 80px;
}

.pagetitlebox_news {
    background: #f9f9f9 url(../images/other_img_titleline.png) top left no-repeat;
    background-size: 7px 100%;
}

.news1 {}

.news1 .news1box {
    padding: 30px 45px 10px;
}

.news1 .news1box1 {
    padding: 36px 10px;
    border-bottom: 1px solid #e3e6e2;
}

.news1 .left {
    width: 170px;
}

.news1 .right {
    width: calc(100% - 170px);
}

.news1 .right a {
    font-size: 15px;
    color: #1e1e1e;
}

.news1 .navpagebox {
    padding-top: 10px;
}

.news1 .navpage {
    padding-top: 40px;
    list-style: none;
    text-align: center;
}

.news1 .navpage li {
    margin: 0px 15px;
    padding: 10px 15px;
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
    display: inline-block;
}

.news1 .navpage li a {
    font-size: 15px;
    color: #1e1e1e;
    text-align: center;
}

.news1 .navpage li:hover,
.news1 .navpage .navactive {
    background: #f4f4f4;
}

.news1 .navpage .nobd {
    border: none;
}

/* page news	----------------------- */

.news2 {
    padding-bottom: 70px;
}

.news2 .news2box {
    padding: 75px 120px 20px;
}

.news2 .image {}

.news2 .text {
    padding-top: 35px;
    line-height: 2em;
    font-size: 15px;
    color: #1e1e1e;
}

.news2 .title {
    font-size: 17.5px;
    color: #0073ab;
    padding-bottom: 15px;
}

/* other	----------------------- */

.pagetitlebox_other {
    background: #f9f9f9 url(../images/other_img_titleline.png) top left no-repeat;
    background-size: 7px 100%;
}

.pgother ul li {
    background: url(../images/other_icn_arrowdown.png) center right no-repeat;
    background-size: 14px;
}

.pageinner_other {
    padding: 80px 70px 65px;
}

.other1 {
    padding-top: 0px;
}

.other1 .text {
    padding: 30px 0px 30px 30px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.other1 .text {
    padding: 30px 30px 55px 30px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.other1 .box {
    padding-top: 10px;
    padding-right: 30px;
}

.other1 .pagetitlebox1 {
    padding: 10px 0px;
    border-top: 1px solid #0073ab;
    border-bottom: 1px solid #0073ab;
    font-size: 17.5px;
    color: #0073ab;
}

.other1 .text1 {
    padding: 30px 0px 55px;
    font-size: 15px;
    color: #1e1e1e;
    line-height: 2em;
}

.spblock {
    display: none;
}

/* page	----------------------- */



/* footer	----------------------- */

.footer {
    background: #f4f4f4;
}

.footer .footerarea {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -50px;
    margin-right: -50px;
}

.footer .footerarea .left {
    width: 64%;
}

.footer .footerarea .right {
    width: 35%;
    padding-left: 15px;
    font-size: 15px;
    color: #232323;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}

.footer .footerarea .footer_text {
    font-size: 12px;
    color: #717171;
}

.footer .footerarea1 {
    padding: 10px 0px;
}

.footer .footerarea1 .left1 {
    background: #fff;
    width: 245px;
}

.footer .footerarea1 .center1 {
    background: #fff;
    width: 380px;
    margin-left: 10px;
}

.footer .footerarea1 .right1 {
    background: #fff;
    width: 300px;
    margin-left: 10px;
}

.footer .footerarea2 {}

.footer .footerarea2 .left2 {
    width: 55px;
}

.footer .footerarea2 .right2 {
    width: calc(100% - 45px);
    background: url(../images/menu_icn_link.png) 90% center no-repeat;
    background-size: 15px;
    padding: 0 20px 0 10px;
    text-align: left;
    font-size: 12px;
    color: #3d3d3d;
}

#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    text-align: center;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity .2s ease-out;
    opacity: 0;
}

#back-to-top img {
    width: 45px;
}

#back-to-top.show {
    opacity: 1
}

.m992 {
    display: none !important;
}


@media (max-width: 991.98px) {

    .data5 .absolute_img,
    .data7 .absolute_img {
        left: 0;
        top: 0;
    }

    .data2 .absolute_img,
    .data4 .absolute_img,
    .data6 .absolute_img {
        right: 0;
        top: 0;
    }

    .data3 .absolute_img {
        left: -15px;
        top: 0px;
    }

    .top1 .pamphlet-box {
        width: 70%;
        padding: 60px 0;
        margin: 0 auto;
    }

    .top1 .pamphlet-box img {
        width: 100%;
    }

    .pc_br {
        display: none;
    }

    .mb_br {
        display: block;
    }

    .pc_span {
        display: none;
    }
}

@media (max-width: 320px) {}

@media (max-width: 375px) {

    .top_about1m {
        font-size: 10px !important;
        line-height: 18px;
    }

    .top3 .title small {
        display: block;
    }

    .top3 .title span {
        display: none;
    }



}

@media (max-width: 414px) {

    .mlogo {
        margin-top: -25px !important;
    }

    .top1 .image {
        margin-top: 10px !important;
    }

    .pns3 .box {
        padding-left: 0;
        padding-right: 0;
    }


}

@media (max-width: 480px) {


    .data2 .absolute_img {
        top: 100px;
        width: 140px;
    }

    .data2 .questionarea .left {
        width: 65%;
    }

    .data2,
    .data3,
    .data4,
    .data5,
    .data6,
    .data7 {
        margin-top: 5px;
    }



    .data3 .area2 {
        padding-top: 20px;
    }



    .data4 .questionarea .left {
        width: 70%;
    }


}

@media (max-width: 575.98px) {
    .pagenav ul li:first-child {
        border-top: none;
    }

    .footer .footerarea .footer_text {
        text-align: left;
    }

    .pageinner {
        padding-top: 30px;
        padding-bottom: 0px;
    }

    .pageheader .container1 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .pharea {
        display: flex;
        flex-direction: column-reverse;
    }

    .pharea .left,
    .pharea .right {
        width: 100% !important;
    }

    .pharea .left {
        padding: 30px 20px;
    }

    .pageinner_news {
        padding-bottom: 0px;
    }

    .pageheader .pharea .pageheader_title {
        font-size: 32px;
    }

    .pageheader .pharea .pageheader_subtitle {
        font-size: 15px;
    }

    .martop90 {
        margin-top: 30px;
    }

    .top1 .subtext1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .top2 .area1 .left1 {
        display: inline-block;
    }

    .top2 .area1 .middle1 {
        display: inline;
    }

    .top3 {
        padding-bottom: 0px;
        padding-top: 20px;
    }

    .top3 .area {
        background: #fdf7f7;
    }

    .top3container {
        padding-left: 0;
        padding-right: 0;
    }

    .top3 .area {
        padding: 30px 20px 15px;
        margin-top: 80px;
    }

    .top3 ul {
        background: #fff;
    }

    .top3 .area .one,
    .top3 .area .two,
    .top3 .area .three,
    .top3 .area .four {
        width: 100% !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .top3 li {
        background: none;
        padding: 15px 20px;
        border-bottom: 1px solid #ececec;
    }

    .top3 .subtitle {
        padding-top: 20px;
    }

    .top3 .pt_title {
        padding-top: 20px;
    }

    .footer {
        background: #fdf7f7;
    }

    .footer .footerarea {
        padding-top: 0;
    }

    .pagenav ul li {
        width: 100%;
        display: inline-block;
        border: none;
        border-top: 1px solid #ebeaea;
        border-bottom: 0px solid #ebeaea;
    }

    .news2 {
        padding-bottom: 0px;
    }

    .about1 .text {
        padding-left: 0;
    }

    .about1,
    .about4 .area {
        padding-top: 20px;
    }

    .about3 .area,
    .about4 .area {
        padding-left: 20px;
        padding-right: 20px;
    }

    .about4 .table .left,
    .about4 .table .right,
    .about4 .left,
    .about4 .right,
    .about4 .left1,
    .about4 .right1 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .about4 .table .left {
        font-weight: bold;
        padding-bottom: 5px;
    }

    .about4 .right1 {
        font-weight: bold;
        padding-top: 5px;
    }

    .about4,
    .about4 .title,
    .about5 {
        padding-top: 40px;
    }

    .about5 .image {
        width: 100%;
        margin-right: 0;
        display: block;
        float: none;
        padding-left: 27%;
        padding-right: 30%;
    }

    .about5 {
        padding-bottom: 0px;
    }

    .about7 {
        padding-bottom: 0px;
    }

    .educ1 {
        padding-bottom: 40px;
    }

    .educ1 .area1 {
        padding-bottom: 30px;
    }

    .sweet1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sweet1 .sweetarea {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sweet1 .sweetarea1a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sweet2,
    .sweet3 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .sweet2 .area1 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        padding-bottom: 0px;
    }

    .sweet2 {
        padding-bottom: 0;
    }

    .sweet1 .sweetarrow {
        padding-top: 25px;
        padding-bottom: 30px;
    }

    .sweet2,
    .sweet3 {
        margin-left: 0;
        margin-right: 0;
    }

    .sweet3,
    .sweet4 {
        padding: 30px 0px;
    }

    .sweet4 .box,
    .sweet3 .box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pns1 .area .left,
    .pns1 .area .right {
        width: 100%;
        padding-left: 0;
    }

    .pns1 .area .right {
        padding-top: 10px;
        text-align: center;
    }

    .pns2 .area1 .left1,
    .pns2 .area1 .right1 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .pns2 .area1 .right1 {
        padding-top: 50px;
    }

    .pns2 .area1 {
        padding-bottom: 0px;
    }

    .career1 .box,
    .career2 .box,
    .career3 .box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .career6 .list .left,
    .career6 .list .right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .message1 .staffbox1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .team2 .button {
        padding-top: 30px;
    }

    .team2 .button .btn {
        padding: 10px 0;
        display: block;
        font-size: 13.5px;
    }

    .brothers0 .brothersimgbox {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .brothers2 {
        padding-top: 0px;
    }

    .brothers3 {
        padding-top: 0px;
    }

    .brothers4 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .brothersimage {
        padding-top: 0px;
        padding-bottom: 50px;
    }

    .faq1 .qbox .leftbox {
        width: 35px;
    }

    .faq1 .qbox .rightbox {
        width: calc(100% - 60px);
    }

    .accordion:after {
        margin-top: 12px;
    }

    .sweet3 .commentbox1,
    .sweet4 .commentbox1,
    .sweet2 .commentbox1 {
        margin-right: 15px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .career1 .commentbox1,
    .sweet4 .commentbox1,
    .career2 .commentbox1 {
        margin-right: 15px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .news1 .navpage li {
        margin: 0 5px;
    }

    .recruit1 .btn,
    .event1 .btn,
    .pns1 .btn,
    .data7 .btn {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .myrecruittable1 .btn {
        width: 50%;
    }

    .about6 .image2 {
        top: 0 !important;
    }

    .about6 .image1 {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .about6 .image4 {
        padding-bottom: 0px;
    }

    .about6_2 .topic_box h3 {
        margin-bottom: 10px;
    }

    .about6_2 .topic_box p {
        margin-bottom: 10px;
    }

    #all_data .area1_title {}

    .data2 img,
    .data3 img,
    .data4 img,
    .data5 img,
    .data6 img,
    .data7 img {}

    #all_data .area1_titlebox {}

    .about6_2 .box h4 {
        font-size: 17px;
    }

    .about6_2 {
        padding-top: 0;
    }

    .about7 {
        padding-top: 40px;
    }
}

@media (max-width: 640px) {
    .career6 {
        padding: 30px 30px 0px;
    }

    .mlogo {
        margin-left: -20px;
        margin-top: -10px;
    }

    .mobile_menu {
        margin-left: 5px;
    }

    .mobile_menu img {
        width: 25px;
    }

    .logo {
        margin-top: 0px;
        padding-bottom: 15px;
    }

    .navigation-body-close-button {}

    .recruit1 .wcol2 {
        min-width: 400px;
    }

    .recruit1 .wcol3 {
        min-width: 300px;
    }

    .recruit1 .wcol4 {
        min-width: 250px;
    }

    .recruit1 .wcol5 {
        min-width: 200px;
    }

    .recruit1 .wcol6 {
        min-width: 150px;
    }

    .recruit1 .th1 {
        min-width: 220px;
    }

    .recruit1 .th3 {
        min-width: 100px;
    }

    .recruit1 .th4 {
        min-width: 150px;
    }

    .recruit1 .recruittable1 .inner-box {
        white-space: nowrap;
    }
}

@media (max-width: 767.98px) {
    .spblock {
        display: block;
    }

    .about6_2 .topics h2 {
        line-height: 1.5em;
        font-size: 1.4rem;
    }

    .about6_2 .topics h2 span {
        display: block !important;
    }

    .about6 .image1 {
        padding-top: 150px;
    }

    .pagenav ul {
        border: 1px solid #eee;
        border-radius: 5px;
    }

    .pagenav ul li {
        background-position: 96% 12px !important;
        background-size: 14px;
    }


    .sweet3 .area3 .right3 br {
        display: none;
    }

    .sweet3 .emphasis {
        margin-left: 0px;
        padding: 3px 12px 3px 12px;
        margin-top: 4px;
        margin-bottom: 4px;
        display: block;
        width: 45%;
    }

    .about4 .table1.ttl .right1 {
        border-left: 0px solid #fff;
        padding-bottom: 15px;
    }

    .about4 .table1.ttl .left1,
    .about4 .table1.ttl .right1 {
        padding-left: 20px;
    }

    .about4 .table1 {
        margin-bottom: 15px;
    }

    .about4 .right1 {
        font-weight: normal;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .data4 .area2 {
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .sp_block {
        display: block;
    }

    .data2 .questionarea {
        padding-top: 0px;
    }

    .data2 .absolute_img {
        position: absolute;
        top: 240px;
        width: 130px;
        right: -20px !important;
    }

    .data3 .absolute_img {
        position: absolute;
        top: 450px;
        width: 130px;
        left: 0;
    }

    .data4 .absolute_img {
        position: absolute;
        top: 355px;
        right: -30px !important;
        width: 130px;
    }

    .data5 .absolute_img {
        position: absolute;
        top: 400px;
        width: 130px;
    }

    .data6 .absolute_img {
        position: absolute;
        top: 111px;
        right: -20px !important;
        width: 130px;
    }

    .data7 .absolute_img {
        position: absolute;
        top: 189px;
        left: -20px !important;
        width: 130px;
    }

    .data7 {
        margin: 110px 115px 0px 100px;
    }

    .top1 .subtext1box {
        border: none;
    }

    .top1 .area .left1,
    .top1 .area .left,
    .top1 .area .middle,
    .top1 .area .left1,
    .top1 .area .right1,
    .top1 .area .right,
    .top1 .area .middle1 {
        border: 1px solid #eee;
    }

    .top1 .subtext {
        margin-top: 72px;
    }

    .top1 .subtext1 {
        font-size: 14px !important;
    }

    .event1 .bd {
        border-bottom: 1px solid #f2f2f2;
    }

    .event-btm-txt {
        width: 100%;
    }

    .team2 {
        margin: 10px 40px -3px;
    }

    .team2 .area {
        padding: 24px 74px 0px;
    }


    .pns3 .btn {
        padding: 15px 45px 15px;
    }

    .top1 {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .top1 .area .left {
        width: 49%;
        margin-right: 1%;
        margin-left: 0;
    }

    .top1 .area .middle {
        width: 49%;
        margin-left: 1%;
        margin-right: 0;
    }

    .top1 .area .right {
        width: 49%;
        margin-right: 1%;
        margin-left: 0;
    }

    .top1 .area .left1 {
        width: 49%;
        margin-left: 1%;
        margin-right: 0;
    }

    .top1 .area .middle1 {
        width: 49%;
        margin-right: 1%;
        margin-left: 0;
    }

    .top1 .area .right1 {
        width: 49%;
        margin-left: 1%;
        margin-right: 0;
    }

    .top1 .area .pb {
        margin-bottom: 40px;
    }

    .top1 .subtext1 {
        width: 90%;
        font-size: 14px;
    }

    .top1 .pamphlet-box {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .top1 .pamphlet-box img {
        width: 100%;
    }

    .top2 .area1 {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .top2 .area .left,
    .top2 .area .right {
        width: 100% !important;
    }

    .top2 .area1 .left1 {
        width: 75px;
    }

    .top2 .area1 .middle1 {
        width: calc(100% - 75px) !important;
    }

    .top2 .area1 .right1 {
        width: 100%;
        padding-top: 10px;
    }

    .top3 .area {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .top3 .area .one {
        width: 50%;
        padding-right: 10px;
        padding-left: 0;
    }

    .top3 .area .two {
        width: 50%;
        padding-left: 10px;
        padding-right: 0;
    }

    .top3 .area .three {
        width: 50%;
        padding-right: 10px;
        padding-left: 0;
    }

    .top3 .area .four {
        width: 50%;
        padding-left: 10px;
        padding-right: 0;
    }

    .top3 .pt_title {
        padding-top: 0px;
    }

    .footer .footerarea {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footer .footerarea .left,
    .footer .footerarea .right {
        width: 100%;
    }

    .footer .footerarea .right {
        text-align: center;
    }

    .footer .footerarea1 {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 10px 10px;
    }

    .footer .footerarea1 .left1,
    .footer .footerarea1 .center1,
    .footer .footerarea1 .right1 {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .news1 .news1box {
        padding-left: 0;
        padding-right: 0;
    }

    .news1 .left,
    .news1 .right {
        width: 100%;
    }

    .news2 .news2box {
        padding-left: 0;
        padding-right: 0;
    }

    .about3 .left,
    .about3 .right,
    .about2 .left,
    .about2 .right {
        width: 100%;
        padding: 0;
    }

    .about2 .area1 ul,
    .about3 .area1 ul {
        padding-top: 0px;
        margin-bottom: 0;
    }

    .about6 .image2 img,
    .about6 .image3 img {
        width: 100px;
    }

    .about6 .image2 {
        top: 10px;
    }

    .about7 .area1 .left,
    .about7 .area1 .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .about7 .area2 .left,
    .about7 .area2 .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .about7 .area3 .left,
    .about7 .area3 .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .about7 .area4 .left,
    .about7 .area4 .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .about7 .area1 .right,
    .about7 .area3 .right,
    .about7 .area2 .left,
    .about7 .area4 .left {
        padding-top: 20px;
    }

    .about7 .area2,
    .about7 .area4 {
        display: flex;
        flex-direction: column-reverse;
    }

    .sweet1 .sweetarea2 .left,
    .sweet1 .sweetarea2 .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .sweet1 .sweetarea2a .left,
    .sweet1 .sweetarea2a .right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .sweet1 .sweetarea2a .left {
        margin-bottom: 20px;
    }

    .sweet1 .sweetarea2 ul {
        margin-bottom: 0px;
    }

    .sweet1 .sweetareaimg {
        padding-left: 0;
        padding-right: 0;
    }

    .sweet2 .area2 .right,
    .sweet2 .area2 .left {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .sweet2 .area2 .left,
    .sweet3 .area1 .left1 {
        padding-bottom: 30px;
    }

    .sweet3 .area1 .left1,
    .sweet3 .area1 .right1 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .sweet4 .area {
        flex-wrap: wrap;
    }

    .sweet3 .area .left,
    .sweet4 .area .left {
        width: 20%;
    }

    .sweet3 .area .right,
    .sweet4 .area .middle {
        width: 80%;
    }

    .sweet4 .area .right {
        width: 100%;
        padding-top: 15px;
    }

    .pns3 .box .box1 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .career5 .imagebox .image_left,
    .career5 .imagebox .image_right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .career5 .imagebox .image_right {
        padding-top: 30px;
    }

    .team1 .area1 .left,
    .team1 .area1 .right,
    .team2 .area .left,
    .team2 .area .right {
        width: 100%;
        padding-left: 0;
    }

    .team1 .area1 .right {
        padding-top: 25px;
    }

    .team2 .area .left,
    .team2 .area .right {
        padding-bottom: 25px;
    }

    .team2 .area {
        padding-left: 20px;
        padding-right: 20px;
    }

    .team2 .area .left img {
        margin-left: 25%;
        width: 47%;
    }

    .team2 .area .left img {
        margin-bottom: 2px;
    }

    .work1 .area img {
        width: 100%;
    }

    .work1 .area .one,
    .work1 .area .two,
    .work1 .area .three,
    .work1 .area .four,
    .work1 .area .five {
        width: 100%;
        margin: 0;
    }

    .work2 .imagebox .image_left,
    .work2 .imagebox .image_right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .work2 .imagebox .image_right {
        padding-top: 25px;
    }

    .work4 {
        padding-bottom: 0;
    }

    .work4 .box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .work4 .box1 {
        width: 48%;
        padding-bottom: 25px;
    }

    .message1 .staffbox_list .left,
    .message1 .staffbox_list .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .message1 .staffbox1 img {
        width: 50%;
        margin: 0 auto;
    }

    .message1 .staffbox_title {
        text-align: center;
    }

    .message1 .staffbox1 .left {
        padding-bottom: 30px;
        text-align: center;
    }

    .message1 .staffbox_textbox {
        padding: 20px 10px;
    }

    .brothers1 .brotherbox_left .left {
        width: 75px;
    }

    .brothers1 .brotherbox_left .right {
        width: calc(100% - 75px);
        padding-left: 10px;
    }

    .brothers1 .brotherbox_right .left {
        width: calc(100% - 75px);
        padding-right: 10px;
    }

    .brothers1 .brotherbox_right .right {
        width: 75px;
    }

    .brothers1 .brotherbox_left,
    .brothers1 .brotherbox_right {
        padding-left: 0;
        padding-right: 0;
    }

    .brothers1 .brothers_box {
        padding: 15px;
    }

    .brothers0 .brothersimgbox .left,
    .brothers0 .brothersimgbox .right {
        width: 100%;
    }

    .recruit1 {
        padding-bottom: 0;
    }

    .recruit1 .recruittable1 {
        background: none;
    }

    .recruit1 .rec2cols .left,
    .recruit1 .rec2cols .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .recruit1 .rec2cols .left {
        background: #f2f2f2;
        padding: 10px 20px;
    }

    .recruit1 .rec2cols .right {
        padding-left: 20px;
    }

    .recruit1 .rec2colsa .collefta,
    .recruit1 .rec2colsa .colrighta {
        width: 100%;
    }

    .recruit1 .rec2colsa .collefta {
        background: #f2f2f2;
        padding: 10px 20px;
    }

    .recruit1 .rec2colsb .leftb,
    .recruit1 .rec2colsb .rightb {
        width: 100%;
    }

    .recruit1 .rec2colsb .leftb {
        background: #dedede;
        padding: 10px 20px;
    }

    .recruit1 .rec2colsa {
        border-left: 2px solid #f2f2f2;
    }

    .recruit1 .rec2colsa .collefta1,
    .recruit1 .rec2colsa .colrighta1 {
        width: 100%;
    }

    .recruit1 .rec2colsb .leftb1,
    .recruit1 .rec2colsb .rightb1 {
        width: 100%;
    }

    .recruit1 .rec2colsb .leftb1 {
        background: #f2f2f2;
        padding: 10px 20px;
    }

    .recruit1 .rec2cols .left250,
    .recruit1 .rec2cols .right250 {
        width: 100%;
    }

    .recruit1 .rec2cols .left250 {
        background: #f2f2f2;
        padding: 10px 20px;
    }

    .recruit1 .rec3cols .left,
    .recruit1 .rec3cols .middle,
    .recruit1 .rec3cols .right {
        width: 100%;
    }

    .recruit1 .rec3cols .left {
        background: #f2f2f2;
    }

    .recruit1 .rec3cols .allright {
        width: 100%;
    }

    .recruit1 .rec4cols .col1,
    .recruit1 .rec4cols .col2,
    .recruit1 .rec4cols .col3,
    .recruit1 .rec4cols .col4 {
        width: 100%;
    }

    .recruit1 .rec4cols .col1,
    .recruit1 .rec4cols .col2,
    .recruit1 .rec4cols .col3 {
        border-bottom: 1px solid #f2f2f2;
    }

    .recruit1 .rec4cols .col1 {
        background: #f2f2f2;
    }

    .recruit1 .rec4colsa .col1a,
    .recruit1 .rec4colsa .col2a {
        width: 100%;
    }

    .recruit1 .rec4colsa .col1a {
        background: #f2f2f2;
    }

    .recruit1 .rec4colsb .col1b,
    .recruit1 .rec4colsb .col2b,
    .recruit1 .rec4colsb .col3b,
    .recruit1 .rec4colsb .col4b {
        width: 100%;
    }

    .recruit1 .rec4colsb .col1b {
        background: #f2f2f2;
        padding: 10px 20px;
    }

    .recruit1 .red-color {
        color: #c41d1d;
    }

    .event1 .area .right,
    .event1 .area .left {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .event1 .area .right {
        padding-top: 30px;
    }

    .event1 .recruittable1 {
        background: none;
    }

    .event1 .rec2cols .left,
    .event1 .rec2cols .right {
        width: 100%;
    }

    .event1 .rec2cols .left {
        background: #f2f2f2;
        padding: 10px 20px;
    }

    .event1 .rec2cols .right {
        padding-top: 20px;
    }

    .event1 .rec2cols {
        padding-top: 0;
    }

    .event1 .rec2cols1 .left1,
    .event1 .rec2cols1 .right1 {
        width: 100%;
    }

    .event1 .rec2cols1 .left1 {
        background: #f2f2f2;
        padding: 10px 20px;
    }

    .event1 .rec2cols2 .left2,
    .event1 .rec2cols2 .right2 {
        width: 100%;
    }

    .event1 .rec2cols2 .left2 {
        background: #dedede;
        padding: 10px 20px;
    }

    .team1 .team_listbox {
        display: block !important;
    }

    .team1 .team_listbox ul {
        margin-bottom: 0;
        width: 100%;
        margin-right: 0;
    }

    .team1 .team_listbox li {
        font-size: 16px;
    }

    .privacy1 {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .other1 .text {
        padding-left: 0;
        padding-right: 0;
    }

    .faq1 .abox {
        padding-left: 10px;
        padding-right: 10px;
    }


    .career6 .imagebox {}

    .career6 .imagebox .image_right {
        width: 100%;
        margin-left: 0;
    }

    .career6 .imagebox .image_left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
    }
}

p {
    text-align: justify;
}

ul li:last-child {
    border-bottom: none;
}

ul.navigation-menu li.is-menu5 {
    border-bottom: 3px solid #91c449
}

@media (max-width: 991.98px) {

    .center {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

    .blue_box {
        margin-bottom: 50px;
        margin-top: 40px;
    }

    .blue_box .text {
        display: block;
    }

    .blue_box .text div {
        padding: 14px 24px;
        letter-spacing: 2px;
    }

    .blue_box .text h4 {
        font-size: 16px;
    }

    .blue_box .text p {
        font-size: 13px;
    }

    .bro_career .career6 .area .right {
        width: 89%;
        margin: 0 auto 0px auto;
        line-height: 1.8;
    }

    .bro_career .career6 .area .left {
        max-width: 100%;
    }

    .bro_career .career6 .area .left img {
        width: 89%;
    }

    .bro_career .career6 .right ul {
        display: flex;
    }

    .bro_career .career6 .right ul li {
        width: 49%;
        font-size: 13px;
    }

    .top3 {
        padding-bottom: 0px;
        padding-top: 53px;
    }

    .top3 {
        background: url(../images/sweetcolor.png) center 51px no-repeat;
        background-size: 342px;
    }

    .table_box table {
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }

    .table_box table th {
        padding: 7px;
    }

    .table_box table td {
        padding: 7px;
        font-size: 12px;
    }

    .last_tr span {
        font-size: 21px;
    }

    .table_box table {
        margin-bottom: 20px;
    }

    #wrapper {
        background: #fff;
    }

    .navigation {
        min-height: 80px;
    }

    .mobile_menu {
        padding-top: -5px;
    }

    .navigation-button-toggler {
        width: 25px;
        margin-right: 0px;
    }

    .navmenu {
        background: none;
    }

    .navigation-body {
        width: 100%;
    }

    .navigation-body-header {
        background: #fff;
    }

    .navigation-menu {
        width: 100%;
    }

    .navigation-link {
        padding: 20px 30px;
        color: #000;
        font-size: 30px;
    }

    .navigation-link:visited {
        color: #000;
    }

    .navigation-item:not(.navigation-brand-text).is-active .navigation-link,
    .navigation-item:not(.navigation-brand-text):hover .navigation-link,
    .navigation-item:not(.navigation-brand-text):focus .navigation-link {
        color: #000;
    }

    .navigation-brand-text {
        text-align: left;
    }

    .navigation-menu li {
        width: 100%;
        text-align: left;
    }

    .logo {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 30px;
    }

    .navigation-body-close-button {
        padding-top: 0px;
        padding-right: 20px;
    }

    .navigation-body-header {
        background-color: #fdf7f7;
    }

    .mmenu1 {
        padding: 30px 20px;
    }

    .mmenu2 {
        padding: 0px 30px 30px;
    }

    .mmenu2 ul {
        list-style: none;
    }

    .mmenu2 li {
        background: url(../images/menu_icn_arrowright.png) 0px 15px no-repeat;
        background-size: 20px;
        padding: 15px 10px 15px 30px;
        font-size: 20px;
        font-size: 14px;
    }

    .mmenu2 a {
        color: #3d3d3d;
    }

    .mmenu2 .imagmenu {
        padding-left: 5px;
        vertical-align: baseline;
    }

    .is-menu1 .navigation-link {
        color: #e71e8d !important;
    }

    .is-menu2 .navigation-link {
        color: #82559f !important;
    }

    .is-menu3 .navigation-link {
        color: #009d61 !important;
    }

    .is-menu4 .navigation-link {
        color: #ec5a1b !important;
    }

    .is-menu5 .navigation-link {
        color: #91c449 !important;
    }

    .is-menu1 .navigation-dropdown {
        background-color: #e71e8d !important;
    }

    .is-menu2 .navigation-dropdown {
        background-color: #82559f !important;
    }

    .is-menu3 .navigation-dropdown {
        background-color: #009d61 !important;
    }

    .is-menu4 .navigation-dropdown {
        background-color: #ec5a1b !important;
    }

    .is-menu5 .navigation-dropdown {
        background-color: #91c449 !important;
    }

    .is-menu1 .submenu-indicator:after {
        border-color: transparent #e71e8d #e71e8d transparent;
    }

    .is-menu2 .submenu-indicator:after {
        border-color: transparent #82559f #82559f transparent;
    }

    .is-menu3 .submenu-indicator:after {
        border-color: transparent #009d61 #009d61 transparent;
    }

    .is-menu4 .submenu-indicator:after {
        border-color: transparent #ec5a1b #ec5a1b transparent;
    }

    .is-menu5 .submenu-indicator:after {
        border-color: transparent #91c449 #91c449 transparent;
    }

    .navigation-dropdown-link,
    .navigation-dropdown-link:visited {
        color: #fff;
    }

    .navigation-dropdown-link {
        border-bottom: 1px solid #fff;
    }

    .navigation-nobd {
        border: none;
    }

    .m992 {
        display: flex !important;
    }

    .m992 .left {
        width: 33.33%;
    }

    .m992 .center {
        width: 33.33%;
    }

    .m992 .right {
        width: 33.33%;
    }

    .pc992 {
        display: none !important;
    }

    .top2 .area .left {
        width: 150px;
    }

    .top2 .area .right {
        width: calc(100% - 150px);
    }

    .top1 .imagebox1 {
        margin-top: -31px;
    }

    .top1 .subtext1 {
        padding-top: 15px;
        height: 59px;
    }

    .news1 .left {
        font-weight: bold;
        padding-bottom: 5px;
    }

    .pageinner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .about2 .area,
    .about3 .area {
        margin: 0 20px;
    }

    .about4 .inner,
    .about5 .area {
        padding-left: 0px;
        padding-right: 0px;
    }

    .about5 .box {
        width: auto;
    }

    .about6,
    .about6_2 .inner,
    .about7 .inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .about6_2 h3 {
        line-height: 1.5;
    }

    .about6_2 .line1 {
        width: 100%;
    }

    .educ1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .educ1 .area1 .left,
    .educ1 .area1 .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .educ1 .area1 .right {
        padding-top: 10px;
    }

    .sweet1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .sweet2,
    .sweet3 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .sweet4 .box .left,
    .sweet4 .box .right,
    .sweet3 .box .left,
    .sweet3 .box .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .sweet3 .box .left img,
    .sweet4 .box .left img {
        width: 50%;
        margin: 0 auto;
    }

    .sweet3 .box .left,
    .sweet4 .box .left {
        padding-bottom: 30px;
        text-align: center;
    }

    .pns1,
    .pns2,
    .pns3 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .career1,
    .career2,
    .career3,
    .career5,
    .career6 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .career6 {
        margin-left: 0;
        margin-right: 0;
    }

    .career1 .box .left,
    .career1 .box .right,
    .career2 .box .left,
    .career2 .box .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .career1 .box img,
    .career2 .box img {
        width: 50%;
        margin: 0 auto;
    }

    .career1 .box .left,
    .career2 .box .left {
        padding-bottom: 30px;
        text-align: center;
    }

    .career6 .area .left,
    .career6 .area .right {
        width: 100%;
        padding-left: 0;
    }

    .career6 .area .left {
        padding-bottom: 20px;
    }

    .career6 .area .left img {
        width: 100%;
    }

    .team1 {
        padding-left: 0;
        padding-right: 0;
    }

    .team2 {
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .work1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .work2 {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }


    .data1,
    .data2,
    .data3,
    .data4,
    .data5,
    .data6,
    .data7 {
        padding-left: 0;
        padding-right: 0;
    }

    .data2 img,
    .data3 img,
    .data4 img,
    .data5 img,
    .data6 img,
    .data7 img {}

    .data5 .absolute_img,
    .data7 .absolute_img {
        left: 0;
    }

    .data2 .absolute_img,
    .data4 .absolute_img,
    .data6 .absolute_img {
        right: 0;
    }

    .message1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .brothers0,
    .brothers1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .brothersimage {
        padding-left: 0px;
        padding-right: 0px;
    }

    .recruit1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .event1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .privacy1 .privacybox,
    .privacy1 .text {
        padding-left: 0px;
        padding-right: 0px;
    }

    .faq1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .aboutconcept .inbox {
        /*padding-left:20px; padding-right:20px;*/
    }

    .aboutconcept .conceptimage {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 575px) {
    .aboutconcept .container {
        padding: 0;
    }
}

@media (max-width: 1320px) {

    .headerbox .header_left {
        margin-right: 20px;
    }

}

@media (max-width: 1024px) {

    .logo {
        margin-left: 0;
    }

    .headerbox .headerbtn1 {
        padding: 13.5px 15px;
    }

    .headerbox .headerbtn2 {
        padding: 3px 15px;
    }

    .headerbox .headerbtn3 {
        padding: 13.5px 15px;
    }

    .container1 {
        margin-left: auto;
        margin-right: auto;
    }

    .navigation-link {
        font-size: 16px;
    }

    .footer .footerarea {
        margin-left: auto;
        margin-right: auto;
    }

    .is-menu5 .navigation-dropdown {
        right: -40px !important;
    }

    .pagenav li {
        padding: 8px 20px 8px 10px;
    }

    .brothers0 .brothersimgbox {
        padding-left: 0;
        padding-right: 0;
    }

}

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */


.bouten {

    letter-spacing: 0.1em;
    -webkit-text-emphasis-color: #000;
    text-emphasis-color: #000;
}

.dot_filled {
    text-emphasis-style: dot filled;
    -webkit-text-emphasis-style: dot filled;
}

.data1,
.data2,
.data3,
.data4,
.data5,
.data6,
.data7 {
    margin-left: 0;
    margin-right: 0;
}


/* department	----------------------- */

.department1 {
    padding: 30px 40px 30px 40px;
}

@media (min-width: 768px) {
    .flex2column {
        display: flex !important;
    }
}

.flex2column {
    padding-top: 75px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex2column li {
    width: 48%;
    margin-bottom: 40px;
}

.flex2column li img {
    margin-bottom: 15px;
    border-radius: 25px;
}

.flex2column li h3 {
    font-size: 20px;
    font-weight: 600;
    color: #ED7E98;
    position: relative;
    line-height: 27px;
    height: 27px;
    margin-bottom: 10px;
}

.flex2column li h3:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/icon_pink_arrow.png") no-repeat 0 0/contain;
    position: absolute;
    right: 0;
    top: 2px;
}

.flex2column li p {
    font-size: 16px;
    line-height: 1.93;
    width: 85%;
}


@media (min-width: 768px) {
    .flex2column_bg {
        display: flex !important;
    }
}

.flex2column_bg {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 85px;
}

.flex2column_bg li {
    width: 48%;
    margin-bottom: 25px;
}

.flex2column_bg li a {
    display: block;
    border-radius: 25px;
    padding: 25px 40px 25px;
    background: #F7F7F7;
}

.flex2column_bg li h3 {
    font-size: 20px;
    font-weight: 600;
    color: #ED7E98;
    position: relative;
    line-height: 27px;
    height: 27px;
    margin-bottom: 5px;
}

.flex2column_bg li h3:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/icon_pink_arrow.png") no-repeat 0 0/contain;
    position: absolute;
    right: 0;
    top: 2px;
}

.flex2column_bg li p {
    font-size: 16px;
    line-height: 1.65;
    width: 85%;
}

@media (max-width: 768px) {
    .sightseeing_list {
        display: flex;
    }

    .flex2column li {
        width: 100%;
    }

    .flex2column {
        padding-top: 35px;
    }

    .flex2column li h3,
    .flex2column_bg li h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .department1 {
        padding: 30px 0px 30px 0px;
    }

    .flex2column_bg li {
        width: 100%;
        margin-bottom: 15px;
        padding: 20px 40px 20px;
    }
}

@media (min-width: 768px) {
    .department_detail1 {
        display: flex !important;
    }
}

.department_detail1 {
    padding-top: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 55px;
}

.department_detail1 h3 {
    font-size: 18px;
    font-weight: bold;
    color: #ED7E98;
    line-height: 1.66;
    width: 44%;
}

.department_detail1 p {
    font-size: 15px;
    line-height: 2;
    width: 50.9%;
    width: 100%;
}

.department_detail_main img {
    border-radius: 21px;
    margin-bottom: 40px;
}

.department_detail_message_bg {
    position: relative;
}

.department_detail_message_bg:before {
    content: "";
    display: block;
    background: url("../images/message_bg.svg") no-repeat 0 0/contain;
    width: 581px;
    height: 102px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

@media (min-width: 768px) {
    .department_detail_message {
        max-width: 752px;
        margin: 0 0 0 auto;
    }
}

.department_detail_message {
    display: flex !important;
}

.department_detail_message {
    padding-top: 60px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px;
}

.department_detail_message_img img {
    width: 256px;
    border-radius: 12px;
}

.department_detail_message_txt {
    max-width: 454px;
}

h3.ttl_border {
    font-size: 19px;
    font-weight: bold;
    color: #ED7E98;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

h3.ttl_border::before {
    border-bottom: 2px solid #ED7E98;
    content: "";
    margin: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
}

.department_detail_message_txt p {
    font-size: 15px;
    line-height: 2;
    margin-bottom: 20px;
}

.detail_floor {
    font-size: 15px;
    color: #ED7E98;
}

.detail_floor span::after {
    content: "";
    height: 16px;
    border-right: solid 1px #ED7E98;
    padding-left: 10px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    top: 3px;
}

@media (max-width: 991px) {
    .department_detail_message_img {
        margin: 0 auto 20px;
    }

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

@media (max-width: 768px) {

    .department_detail1 h3,
    .department_detail1 p {
        width: 100%;
    }

    .department_detail1 h3 {
        margin-bottom: 5px;
    }

    .department_detail1 {
        margin-bottom: 20px;
    }

    .department_detail_message_bg::before {
        width: 100%;
        height: 60px;
    }

    .department_detail_message_img img {
        width: 200px;
        margin: auto;
        display: block;
    }

    .department_detail_message_img {
        width: 100%;
    }

    .ttl_border {
        text-align: center;
        margin: 0 auto 20px;
        line-height: 1.66;
        padding-bottom: 15px;
    }

    h3.ttl_border::before {
        left: auto;
        bottom: 0;
        width: 15px;
        right: 50%;
        transform: translateX(50%);
    }

    .department_detail_message {
        padding-top: 37px;
    }
}

/*max768px*/



/* education	----------------------- */

/*年間スケジュール*/

.schedule_bg {
    background-size: 12px 12px;
    background-position: top 1px center;
    background-image: repeating-linear-gradient(90deg, #F4F4F4, #F4F4F4 1px, transparent 1px, transparent 32px), repeating-linear-gradient(0deg, #F4F4F4, #F4F4F4 1px, #fff 1px, #fff 32px);
    padding: 66px 0 87px;
    position: relative;
}

.schedule1,
.schedule2,
.schedule3 {
    margin: auto;
    max-width: 1329px;
    position: relative;
    z-index: 1;
}

.schedule1 {
    background: url("../images/schedule_bg1.webp") no-repeat center center/contain;
    height: 609px;
    position: relative;
    z-index: auto;
}

.schedule2 {
    background: url("../images/schedule_bg2.webp") no-repeat center center/contain;
    height: 609px;
}

.schedule3 {
    background: url("../images/schedule_bg3.webp") no-repeat center center/contain;
    height: 609px;
}

.april {
    width: 278px;
    position: absolute;
    right: 262px;
    top: 34px;
    z-index: 3;
}

.april h4 {
    font-size: 18px;
    font-weight: bold;
    color: #EA8785;
    margin-bottom: 10px;
}

.april p {
    font-size: 15px;
    line-height: 1.866;
}

.may {
    position: absolute;
    left: 236px;
    top: 211px;
}

.may h4 {
    font-size: 18px;
    font-weight: bold;
    color: #E76E79;
    letter-spacing: 0.5px;
}

.june {
    position: absolute;
    right: 281px;
    top: 361px;
}

.june h4 {
    font-size: 18px;
    font-weight: bold;
    color: #DF3B64;
    letter-spacing: 0.5px;
    line-height: 1.8;
}

.july {
    width: 300px;
    position: absolute;
    left: 239px;
    top: -62px;
}

.july h4 {
    font-size: 18px;
    font-weight: bold;
    color: #6CC0C3;
    line-height: 1.66;
    margin-bottom: 13px;
    letter-spacing: 0.3px;
}

.july p {
    font-size: 15px;
    font-weight: 1.866;
    margin-bottom: 3px;
}



.july ul li {
    font-size: 15px;
    line-height: 1.866;
    padding-left: 15px;
    display: block;
    position: relative;
    padding-bottom: 2px;
}

.july ul li::before {
    content: "";
    display: block;
    background: url("../images/dot_list.png") no-repeat left center/6px auto;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    top: 3px;
    min-height: 24px;
}


.april ul li {
    font-size: 15px;
    line-height: 1.866;
    padding-left: 15px;
    display: block;
    position: relative;
    padding-bottom: 2px;
}

.april ul li::before {
    content: "";
    display: block;
    background: url("../images/dot_list_april.png") no-repeat left center/6px auto;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    top: 3px;
    min-height: 24px;
}

.september {
    width: 290px;
    position: absolute;
    right: 249px;
    bottom: 216px;
}

.september h4 {
    font-size: 18px;
    font-weight: bold;
    color: #25A9A2;
    line-height: 1.66;
    margin-bottom: 13px;
    letter-spacing: 0px;
}

.september p {
    font-size: 15px;
    font-weight: 1.866;
}

.ctober {
    width: 300px;
    position: absolute;
    left: 239px;
    bottom: 94px;
}

.ctober h4 {
    font-size: 18px;
    font-weight: bold;
    color: #CA9E82;
    line-height: 1.66;
    margin-bottom: 13px;
    letter-spacing: 0.6px;
}

.february {
    width: 290px;
    position: absolute;
    right: 249px;
    bottom: 117px;
}

.february h4 {
    font-size: 18px;
    font-weight: bold;
    color: #B577AE;
    line-height: 1.66;
    margin-bottom: 13px;
    letter-spacing: 0.6px;
}

/* 
@media screen and (max-width: 1350px) {

    .schedule1,
    .schedule2,
    .schedule3 {
        max-width: 920px;
    }

    .schedule1 {
        background: url("../images/tab_schedule_bg1.webp") no-repeat center center/contain;
    }

    .schedule2 {
        background: url("../images/tab_schedule_bg2.webp") no-repeat center center/contain;
    }

    .schedule3 {
        background: url("../images/tab_schedule_bg3.webp") no-repeat center center/contain;
    }

    .may {
        left: 37px;
    }

    .april {
        right: 51px;
    }

    .june {
        right: 70px;
    }

    .july {
        left: 38px;
    }

    .september {
        right: 40px;
    }

    .ctober {
        left: 36px;
    }

    .february {
        right: 41px;
    }
} */



@media (max-width: 1350px) {
    .smt_schedule_bg {
        background-size: 12px 12px;
        background-position: 50% 50%;
        background-image: repeating-linear-gradient(90deg, #F4F4F4, #F4F4F4 1px, transparent 1px, transparent 32px), repeating-linear-gradient(0deg, #F4F4F4, #F4F4F4 1px, #fff 1px, #fff 32px);
        height: 100%;
        padding: 66px 20px 87px;
    }

    .smt_schedule_inner {
        width: 100%;
        max-width: 375px;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }

    .month {
        width: 65px;
        min-width: 65px;
        margin-right: 20px;
    }

    .may,
    .april,
    .june,
    .july,
    .september,
    .ctober,
    .february {
        position: static;
        width: auto !important;
    }

    .april h4,
    .may h4,
    .june h4,
    .july h4,
    .september h4,
    .ctober h4,
    .february h4 {
        font-size: 16px;
        line-height: 1.875;
    }

    .september h4 {
        margin-bottom: 5px;
    }

    .april {
        margin-top: 20px;
        height: 587px;
    }

    .may h4 {
        height: 92px;
    }

    .june {
        height: 371px !important;
    }

    .july {
        height: 759px;
    }

    .schedule_img1,
    .schedule_img2,
    .schedule_img3 {
        max-width: 254px;
        margin-top: 12px;
    }

    .schedule_img1 img,
    .schedule_img2 img,
    .schedule_img3 img {
        width: 100%;
    }

    .july ul li {
        padding-bottom: 7px;
    }

    .april ul li {
        padding-bottom: 7px;
    }

    .september {
        height: 485px;
    }

    .ctober {
        height: 350px;
    }
}

/*max1000px*/


/*新人看護師の一日*/

.schedule_box {
    border: solid 4px #A9D06A;
    border-radius: 33px;
    background: #fff;
    padding: 90px 30px 140px;
    max-width: 920px;
    margin: auto;
    position: relative;
}

.ttl_morning {
    width: 150px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}

.schedule_bg.rookie-schedule {
    padding: 150px 0 160px;
    position: relative;
}

.schedule_box ul li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: dotted 2px #A9D06A;
    padding: 25px 0;
}

.schedule_cont {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.schedule_time {
    font-size: 18px;
    font-weight: bold;
    color: #A9D06A;
    margin-right: 30px;
}

.schedule_cont p {
    font-size: 18px;
    color: #1E1E1E;
}

.schedule_img {
    width: 150px;
    margin-bottom: -25px;
}

.ttl_noon img {
    width: 150px;
    margin: 60px auto 20px;
    display: block;
}

.ttl_noon {
    position: relative;
    z-index: 1;
}

.ttl_noon:after {
    content: "";
    width: 100%;
    display: block;
    height: 2px;
    border-bottom: dotted 2px #A9D06A;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: -1;
}

.ttl_night {
    width: 150px;
    margin: auto;
    position: absolute;
    bottom: 13px;
    right: 50%;
    transform: translate(50%, 50%);
}

.noborder {
    border: none !important;
}

.rookie_content {
    border-top: 5px solid #A9D06B;
    padding-top: 30px;
    margin-top: 26px;
}

@media screen and (max-width: 768px) {
    .schedule_cont p {
        font-size: 16px;
        margin-top: 5px;
    }

    .schedule_cont {
        flex-wrap: wrap;
    }

    .schedule_time {
        font-size: 16px;
        width: 100%;
    }

    .ttl_morning {
        width: 110px;
        top: -10px;
    }

    .schedule_box {
        padding: 50px 20px 60px;
        max-width: 90%;
    }

    .ttl_noon img {
        width: 110px;
    }

    .ttl_noon::after {
        bottom: 32px;
    }

    .ttl_night {
        width: 110px;
        margin: auto;
    }

    .schedule_bg.rookie-schedule {
        padding: 115px 0 80px;
        position: relative;
    }
}

@media screen and (max-width: 490px) {
    .schedule_box ul li {
        flex-wrap: wrap;
    }

    .schedule_img {
        width: 100%;
        margin: 30px auto -25px;
    }

    .schedule_img img {
        width: 120px;
        margin: auto;
        display: block;
    }
}