/* TOPページ */


/* ----------- history -------*/

.index_h.sp_style.mt_2 {
    margin-bottom: 2.2rem;
    word-break: break-word;
}

.outer-base-width.mg10 {
    margin-bottom: 10rem;
    padding-bottom: 0;
}

.bluemenu {
    display: flex;
    width: 100%;
    color: #004BB1;
    justify-content: space-between;
    align-content: center;
    border-bottom: 0.4rem #F0F3F5 solid;
    box-sizing: border-box;
}

.bluemenu {
    font-size: 1.6rem;
    padding-left: 10rem;
    padding-right: 10rem;
    padding-bottom: 0.5em;
    margin-bottom: 2.3rem;
}

.bluemenu li {
    position: relative;
}

.bluemenu li.active {
    pointer-events: none;
}

.bluemenu li.active:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    top: 3.25rem;
    border: 0.2rem #004BB1 solid;
    background-color: #004BB1;
}

.bluetitlebox {
    width: 100%;
}

.bluetitlebox img {
    width: 100%;
}

.bluetitlebox .main_txt {
    position: absolute;
    max-width: 62.7rem;
    width: 54%;
}

.bluetitlebox p {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    color: #fff;
    background-color: rgba(6, 90, 170, 0.81);
    text-align: center;
    max-width: 62.7rem;
    width: 40.5%;
    height: 17.1rem;
    line-height: 1.5em;
}

@media print,
screen and (max-width: 1360px) {
    .bluetitlebox p {
        width: 50.5%
    }
}

.yearbox {
    display: flex;
    margin-top: 5rem;
    border-bottom: 1px solid #CDD6DD;
}

.year_bdnone {
    border-bottom: none;
}

.year {
    display: block;
    width: 8%;
    margin-right: 3rem;
}

.yearbox .pimgbox {
    display: flex;
    width: 92%;
    justify-content: space-between;
    padding-bottom: 4rem;
}

.yearbox .pimgbox.nobd {
    border-bottom: 0px;
    padding-bottom: 1rem;
}

.yearbox .pimgbox p {
    width: 62%;
    text-align: left;
}

.yearbox .pimgbox p.w100 {
    width: 100%;
}

.yearbox .pimgbox p span {
    font-weight: bold;
    font-size: 2rem;
}

.yearbox .pimgbox .picwrap {
    display: block;
    width: 35%;
}

.blank360 {
    width: 36rem;
}

@media print,
screen and (max-width: 768px) {
    .index_h .spnone {
        display: none;
    }
    .index_h.sp_style.mt_2 {
        margin-bottom: 1.5rem;
    }
    .wrap.spwide95 {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    .index_h.sp_style.mt_2 {
        text-align: left;
    }
    .bluetitlebox p {
        position: absolute;
        font-size: 2rem;
        width: 70%;
        height: 12rem;
    }
    .year {
        width: 23%;
    }
    .yearbox .pimgbox {
        flex-direction: column-reverse;
    }
    .yearbox .pimgbox.nobd {
        padding-bottom: 5rem;
    }
    .yearbox .pimgbox.nobd {
        border-bottom: 0px;
    }
    .yearbox .pimgbox p {
        width: 100%;
        font-size: 1.8rem;
        margin-top: 1rem;
    }
    .yearbox .pimgbox p.mgt0 {
        margin-top: 0.5rem;
    }
    .yearbox .pimgbox p span {
        font-size: 1.9rem;
    }
    .yearbox .pimgbox .picwrap {
        width: 100%;
        flex-shrink: 0;
    }
}


/*    iso.html    */

.index_h h2.blacktxt {
    font-size: 3.6rem;
    color: #000;
}

.wrap86 {
    width: 86.4%;
    margin: 0 auto;
}

.black_art dt {
    font-size: 2.8rem;
    margin: 4.8rem 0 3rem 0;
    border-bottom: 2px #98A6B5 solid;
    padding-bottom: 1rem;
}

.black_art dd {
    font-size: 1.9rem;
    line-height: 1.5;
    text-align: justify;
}

.art_contact {
    background-color: #065AAA;
    color: #fff;
    font-size: 1.3rem;
    margin-top: 8.5rem;
}

.art_contact dl {
    width: 93%;
    margin: 0 auto;
}

.art_contact dt {
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: bold;
}

.art_contact dd {
    text-align: justify;
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 2rem;
}

.art_contact p {
    line-height: 1;
}

.outer-base-width.pdn {
    padding-bottom: 0;
}

@media print,
screen and (max-width: 768px) {
    .wrap86 {
        width: 100%;
    }
    .wrap hr {
        border-top: 2px #98A6B5 solid;
        margin-top: 0;
        margin-bottom: 4rem;
    }
    .index_h.sp_style.mbblack {
        margin-bottom: 1.6rem;
        text-align: left;
    }
    .index_h.sp_style.mbblack h2 {
        margin-bottom: 0;
    }
    .black_art dt {
        font-size: 2.4rem;
    }
    .black_art dt.pd0 {
        padding-right: 0;
    }
    .black_art dd {
        font-size: 1.55rem;
    }
    .contact_wrap.art_contact {
        padding-bottom: 6rem;
    }
    .art_contact dl {
        width: 86%;
        padding-top: 5rem;
    }
    .art_contact dt {
        text-align: justify;
    }
    .art_contact dd {
        margin-top: 4rem;
        line-height: 1.8;
    }
    .art_contact .contact_btn {
        width: 86%;
        margin: 0 auto;
        margin-top: 6rem;
    }
    .art_contact div.ico {
        margin-right: 3vw;
    }
    .art_contact a.contact_web {
        padding: 2rem 1rem;
    }
    .art_contact div.txt {
        margin-right: 0;
    }
    .art_contact .contact_tell p span {
        font-size: 2rem;
    }
}


/*    environment.html    */

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

.dd_flex p {
    width: 76%;
    line-height: 1.5;
}

.dd_flex .ddimg {
    width: 12%;
}

@media print,
screen and (max-width: 768px) {
    .dd_flex {
        display: block;
    }
    .dd_flex p {
        width: 100%;
    }
    .dd_flex .ddimg {
        width: 32%;
        margin-top: 2rem;
        margin-left: 68%;
    }
}


/*    universal_design.html    */

.bluetitlebox.btit_1 p {
    line-height: 17.1rem;
    padding-top: 0;
    width: 55%;
}

.uni_art {
    margin-top: 5rem;
    text-align: justify;
}

.uni_art dt {
    font-size: 2rem;
    color: #065AAA;
}

.uni_art dd {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 1rem;
}

.uni_grey {
    margin: 10rem 0 18rem 0;
    padding: 9rem 0;
    background-image: url('../../img/bg_45.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.uni_grey section {
    padding-bottom: 0;
}

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

.uni_grey .grey_tit {
    font-size: 3.5rem;
    font-weight: bold;
    margin-bottom: 5rem;
}

.uni_grey .grty_art {
    font-size: 2rem;
    line-height: 2.25;
}

.uni_grey .grty_art span {
    font-weight: bold;
}

.grey_img {
    width: 48.6%;
}

@media print,
screen and (max-width: 768px) {
    .bluetitlebox.btit_1 p {
        line-height: 12rem;
        width: 70%;
    }
    .uni_art dt {
        font-size: 2.6rem;
        padding-bottom: 1rem;
    }
    .uni_art dd {
        line-height: 1.5;
    }
    .grey_flex {
        display: block;
    }
    .uni_grey .grey_tit {
        font-size: 2rem;
        text-align: center;
    }
    .grey_img {
        margin-top: 4rem;
        width: 100%;
    }
    .uni_grey .grty_art {
        font-size: 1.6rem;
    }
}


/*    solution index.html    */

.bluetitlebox p.sp {
    display: none;
}

#blue_main {
    background-color: #004588;
    color: #fff;
}

#blue_main .index_h,
#blue_main .sp_black {
    color: #fff;
}

#blue_main .bluetitlebox p {
    font-size: 2.2rem;
}

.blue_flex {
    padding-bottom: 8rem;
}

.mgt4b5 {
    margin-top: 4rem;
    margin-bottom: 5rem;
}

.b_box1,
.b_box2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.b_box2 {
    margin-top: 15rem;
}

.blue_fbox {
    width: 31%;
    line-height: 1.5;
}

.blue_fbox dt {
    font-size: 2.4rem;
    margin-top: 2rem;
}

.blue_fbox dd {
    font-size: 1.6rem;
    margin-top: 3rem;
}

.blue_flex a {
    display: block;
    width: 100%;
    background: #065AAA;
    padding: 2rem 0;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    border-radius: 8px;
    margin-top: 3rem;
}

@media print,
screen and (max-width: 768px) {
    #blue_main {
        padding-bottom: 5rem;
    }
    #blue_main .bluetitlebox p {
        width: 80%;
        padding: 1rem;
        font-size: 1.4rem;
        text-align: left;
        height: 14.5rem;
    }
    #blue_main .bluetitlebox p span {
        font-size: 1.8rem;
        font-weight: bold;
    }
    .b_box1,
    .b_box2 {
        display: block;
    }
    .blue_flex {
        margin-top: 0;
    }
    .blue_fbox {
        width: 100%;
        margin-top: 5rem;
    }
    .b_box2 {
        margin-top: 0;
    }
    .blue_fbox dt {
        text-align: center;
    }
}


/*    sezax_creative    */

.bluetitlebox.creative p {
    font-size: 2.6rem;
}

.creative_txt {
    font-size: 1.6rem;
    line-height: 1.75;
    text-align: justify;
}

.mt40 {
    margin-top: 4rem;
}

.mt60 {
    margin-top: 6rem;
}

.bluetitle_uline.table_tit {
    margin-bottom: 0;
}

.c_table {
    width: 100%;
    font-size: 1.6rem;
}

.c_table tr {
    border-bottom: 1px solid #CDD6DD;
    line-height: 1.5;
}

.c_table th {
    font-weight: bold;
    width: 26.7%;
}

.c_table th,
.c_table td {
    padding: 3rem 0;
}

.c_table th {
    padding-right: 1rem;
}

.c_table a {
    color: #065AAA;
}

.access {
    position: relative;
    padding-left: 2rem;
}

.access::before {
    content: '';
    position: absolute;
    left: -.25rem;
    width: 2rem;
    height: 2rem;
    background-image: url('../../company_information/img/associate_companies/locate.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.toi {
    position: relative;
    display: block;
    font-size: 1.8rem;
    max-width: 30rem;
    background-color: #065AAA;
    text-align: center;
    border-radius: 1rem;
    padding: 2rem 0;
    color: #fff;
    margin: 2rem auto 10rem auto;
}

.toi::before {
    content: '';
    position: absolute;
    background-image: url('../../company_information/img/associate_companies/blank.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 1.4rem;
    height: 1.4rem;
    right: 5%;
    bottom: 15%;
}

@media print,
screen and (max-width: 768px) {
    .toi {
        margin-bottom: 10rem;
    }
    .cre_tit {
        font-size: 2.4rem;
    }
    .mt25 {
        margin-top: 2.5rem;
    }
    .c_table {
        font-size: 1.4rem;
    }
}


/*associate_companies グループ会社*/

.mt66 {
    margin-top: 5.5rem;
}

.bluetitle_uline {
    border-bottom: 2px solid #98A6B5;
    padding-bottom: 0.1em;
    font-size: 2.4rem;
    color: #065AAA;
    font-weight: bold;
    margin-bottom: 3.6rem;
}

.flexbox_2 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.cont_img_box {
    width: 48%;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.16);
    margin-bottom: 6rem;
}

.cont_img_box.w100 {
    width: 100%;
}

.cont_img_box dl {
    padding: 1.8rem 4%;
}

.cont_img_box dt {
    font-weight: bold;
    font-size: 2.4rem;
    color: #065AAA;
    height: 7.7rem;
}

.cont_img_box dt.align_middle {
    line-height: 7.7rem;
}

.blueblodtxt {
    font-weight: bold;
    font-size: 2.4rem;
    color: #065AAA;
    padding: 4.5%;
}

.mt-35 {
    margin-top: -3.5rem;
}

section.pb28 {
    padding-bottom: 2.8%;
}

@media print,
screen and (max-width: 768px) {
    .cont_img_box dt.align_middle {
        line-height: 1.5;
    }
    .mt66 {
        margin-top: 4.6rem;
    }
    .bluetitle_uline {
        border-bottom: 2px solid #98A6B5;
        margin-bottom: 2.5rem;
    }
    .flexbox_2 {
        display: flex;
        flex-direction: column;
    }
    .cont_img_box {
        width: 100%;
        padding: 2.7rem 5% 2.7rem 5%;
        height: 100%;
    }
    .cont_img_box dl {
        padding: 1rem 0 0 0;
    }
    .cont_img_box dt {
        font-size: 2rem;
        height: auto;
        padding-bottom: 1rem;
    }
    .blueblodtxt {
        font-size: 2rem;
        padding-right: 5%
    }
    .mt-35 {
        margin-top: 1rem;
    }
    .mb265 {
        margin-bottom: 26.5rem;
    }
}


/*----social_responsibility 社会貢献活動----*/

.cont_img_box dt.height58 {
    height: 5.8rem;
}

.cont_img_box a {
    display: block;
}

@media print,
screen and (max-width: 768px) {
    .cont_img_box dt.height58 {
        height: 4.25rem;
    }
}


/*--絵本プロジェクト--*/

.txt16 {
    font-size: 1.6rem;
    padding: 4rem 0 3rem 0;
}

.ehon_flexbox {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    margin-top: 5rem;
    padding-bottom: 5.6rem;
    border-bottom: 1px solid #CDD6DD;
}

.ehon_img {
    width: 31%;
}

.ehon_txt {
    width: 65%;
}

.pinktlt {
    color: #EB9191;
    font-weight: bold;
    font-size: 2.4rem;
}

.pinktxt {
    color: #EB9191;
    font-size: 1.6rem;
}

.pinktlt span {
    font-family: "DIN 2014";
    font-size: 7rem;
}

.ehon_txt dl {
    margin-top: -3rem;
}

.ehon_txt dt {
    font-weight: bold;
    font-size: 2.4rem;
    margin-bottom: 1rem;
}

.ehon_txt dd {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
}

.ebook {
    position: relative;
    display: flex;
    font-size: 2rem;
    width: 45%;
    background-color: #EB9191;
    color: #fff;
    padding: 1.5rem;
    border-radius: .5em;
    margin-bottom: 1.5rem;
    justify-content: center;
}

.ebook::before {
    content: '';
    display: block;
    left: 6rem;
    width: 3.3rem;
    height: 2.4rem;
    background-image: url('../../social_responsibility/img/ehon/ebook.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 1rem;
}

.noborder_mb {
    margin-bottom: 5rem;
    border-bottom: 0px;
}

@media print,
screen and (max-width: 768px) {
    .txt16 {
        padding: 1rem 0 5.5rem 0;
    }
    .ehon_flexbox {
        display: flex;
        flex-direction: column;
        margin-top: 4rem;
        padding-bottom: 2rem;
    }
    .ehon_img {
        width: 50%;
        flex-shrink: 0;
    }
    .ehon_txt {
        width: 100%;
    }
    .pinktlt {
        font-size: 1.6rem;
        margin-top: 1rem;
    }
    .pinktxt {
        font-size: 1.3rem;
    }
    .pinktlt span {
        font-size: 3rem;
    }
    .ehon_txt dl {
        margin-top: 1rem;
    }
    .ehon_txt dt {
        font-size: 2.6rem;
        margin-bottom: 2rem;
    }
    .ehon_txt dd {
        font-size: 1.35rem;
        margin-bottom: 2rem;
    }
    .ebook {
        font-size: 2.5vw;
        padding: 2vw;
    }
    .ebook::before {
        left: 15%;
        width: 4vw;
        height: 3vw;
    }
    .mb10 {
        margin-bottom: 10rem;
    }
}


/*------- news -------*/

.year_menu {
    display: flex;
    font-size: 1.4rem;
    margin-bottom: 1.7rem;
    font-family: "DIN 2014";
    margin-top: 5rem;
    cursor: pointer;
}

.year_menu li {
    margin-right: 1.8rem;
    padding: 1rem 0;
}

.yearlistbox {
    display: flex;
    border-bottom: #707070 1px solid;
    font-size: 1.6rem;
    padding: 2.6rem 0;
}

.yearlistbox.bdtop {
    border-top: #707070 1px solid;
}

.yearlistbox dt {
    font-family: "DIN 2014";
    width: 11.5%;
    padding-right: 7rem;
}

.yearlistbox dd {
    width: 81.5%;
    display: flex;
    justify-content: space-between;
}

.yearlistbox dd a {
    width: 77%;
}

.label {
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    width: 15%;
    padding: 0.4rem 0;
    color: #ffffff;
    margin-right: 8%;
    align-self: flex-start;
}

.label.label-green {
    background-color: #31B28A;
}

.label.label-blue {
    background-color: #27639D;
}

.label.label-yellow {
    background-color: #BEA44D;
}

.hide {
    display: none;
}

.active_blue {
    color: #065AAA;
}

@media print,
screen and (max-width: 768px) {
    .year_menu {
        font-size: 1.8rem;
        margin-bottom: 4.7rem;
        word-break: keep-all;
        overflow: auto;
    }
    .yearlistbox dt {
        padding-right: 10rem;
    }
    .yearlistbox dd a {
        display: inline-block;
        width: 59.5%;
        overflow-wrap: break-word;
    }
    .label {
        width: 34.5%;
        margin-right: 2%;
        vertical-align: top;
    }
}


/* ----------- anti-SocialForces -------*/

.anti_text {
    font-size: 2.2rem;
    text-align: left;
    margin-top: 7.4rem;
}

.anti_text p {
    line-height: 1.5;
}

@media print,
screen and (max-width: 768px) {
    .anti_text {
        font-size: 1.95rem;
        margin-top: 4.5rem;
    }
}


/* ----------- agreement -------*/

.agreement {
    margin-bottom: 10rem;
}

.agree_txt {
    font-size: 1.9rem;
}

.black_art .black_art_1 {
    font-size: 3.6rem;
    font-weight: bold;
}

.black_art .black_art_2 {
    font-size: 3rem;
    border-bottom: 1px #98A6B5 solid;
}

@media print,
screen and (max-width: 768px) {
    .black_art.smalltit dt {
        font-size: 2.2rem;
    }
    .black_art.smalltit dd {
        font-size: 1.4rem;
    }
    .agree_txt {
        font-size: 1.4rem;
    }
}


/* ----------- privacy_policy -------*/

.policy_txt {
    font-size: 1.9rem;
}

.policy_text_1 {
    margin-left: 1.9rem;
}

.policy_text_2 {
    margin-left: 3.8rem;
}

.kojinjoho_text a {
    color: #17638F;
}

.policy_title {
    font-size: 2.2rem;
    line-height: 6.0rem;
    text-indent: 1rem;
    margin-bottom: 2rem;
    background-color: #E8F2F2;
}

.cookie_notice {
    font-size: 1.62rem;
    text-indent: -3.24rem;
    margin-left: 3.24rem;
}

@media print,
screen and (max-width: 768px) {
    .policy_txt {
        font-size: 1.4rem;
    }
    .policy_text_1 {
        margin-left: 1.4rem;
    }
    .policy_text_2 {
        margin-left: 2.8rem;
    }
    .policy_title {
        font-size: 1.8rem;
        line-height: 5.2rem;
        margin-bottom: 2.95rem;
    }
    .cookie_notice {
        font-size: 1.2rem;
        text-indent: -2.4rem;
        margin-left: 2.4rem;
    }
}


/* -----------recruit_information/ index -------*/

.bluetitlebox p.rec_p {
    padding-top: 0.25em;
    display: block;
}

.career_box_s {
    font-size: 1.6rem;
}

.career_box {
    display: flex;
    /*justify-content: space-between;*/
}

.career_left {
    width: 41.5%;
    margin-top: 7.0rem;
    margin-right: 12.5rem;
}

.career_right {
    width: 48%;
    margin-top: 7.0rem;
}

.career_right_re {
    width: 41.5%;
    margin-top: 7.0rem;
}

.career_text_1 {
    font-size: 2.0rem;
    color: #065AAA;
    font-weight: bold;
}

.career_text_2 {
    font-size: 1.6rem;
}

.mb15 {
    margin-bottom: 1.5rem;
}

.career_right a {
    color: #065AAA;
}

.career_right_re a {
    /*color: #fff;*/
}

.career_text_3 {
    position: relative;
    margin-left: 2.7rem;
}

.career_text_3::before {
    content: '';
    position: absolute;
    left: -2.7rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.9rem;
    height: 1.25rem;
    background-image: url('../../recruit_information/img/arrow.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.career_text_3::after {
    content: '';
    position: absolute;
    right: -1.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.51rem;
    height: 1.25rem;
    background-image: url('../../recruit_information/img/link_mark.png');
    background-size: cover;
    background-repeat: no-repeat;
}

@media print,
screen and (max-width: 768px) {
    .bluetitlebox p.rec_p {
        padding-top: 0.75em;
    }
    .career_box {
        display: block;
    }
    .career_left {
        width: 100%;
        margin-top: 4.0rem;
    }
    .career_box_s {
        font-size: 1.2rem;
    }
    .career_right {
        width: 100%;
    }
    .career_right_re {
        width: 100%;
    }
    .mb80 {
        margin-bottom: 8rem;
    }
    .career_text_3 {
        font-size: 1.8rem;
    }
}


/*---cjl--*/

.bold {
    font-weight: bold;
}

h2.line {
    font-size: 2.8rem;
    margin: 4.8rem 0 3rem 0;
    border-bottom: 2px #98A6B5 solid;
    padding-bottom: 1rem;
}

.align-box p {
    font-size: 1.9rem;
    line-height: 1.5;
    text-align: justify;
    padding-bottom: 15px;
}

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

.align-box {
    vertical-align: top;
}

.section-right {
    width: 36%;
}

.section-left {
    width: 56%
}

.align-box {
    /*display: table-cell;*/
}

.signature img {
    margin-left: 12%;
    width: 190px
}

.signature {
    display: flex;
    align-items: center;
}

.graybox {
    width: 32%;
}

.graybox dt {
    font-size: 2.4rem;
    font-weight: bold;
    text-decoration: underline;
}

.garybigbox {
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
}

.shazeimg {
    padding-top: 56px;
    padding-bottom: 56px;
    width: 85%;
    margin: 0 auto;
}

.txtbox {
    padding-top: 72px;
    padding-bottom: 53px;
}

.bigtxt {
    font-weight: bold;
    font-size: 3.5rem;
    line-height: 1.7;
}

h2.line {
    margin: 4.5rem 0 3rem 0;
}

table.sitemap {
    color: #17638F;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

table.sitemap tr {
    line-height: 50px;
}

table.sitemap tr.border th,
table.sitemap tr.border td {
    padding-bottom: 30px;
    border-bottom: 1px solid #CDD6DD;
}

table.sitemap tr th {
    padding: 20px 10px 20px 10px;
    font-size: 3.2rem;
    font-weight: bold;
}

table.sitemap tr th .icon.icon-arrow-right {
    width: 18px;
    height: 18px;
}

table.sitemap tr th .icon.icon-window-w {
    vertical-align: baseline;
}

table.sitemap tr td {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 5px 0 5px 5px;
    vertical-align: top;
}

table.sitemap tr td.w37 {
    padding-left: 37px;
}

table.sitemap tr td .icon.icon-window-w {
    vertical-align: middle;
}

table.sitemap tr td ul {
    padding: 0 0 0 14px;
    line-height: 1.5;
}

table.sitemap li {
    line-height: 1.5;
}

table.sitemap tr td ul li {
    color: #17638F;
    margin-bottom: 1.3rem;
}

table.sitemap tr.border th,
table.sitemap tr.border td {
    line-height: 32px;
}

ul.sitemap li {
    margin-bottom: 2%;
}

ul.sitemap ul {
    margin-left: 5%;
}

.linetoptxt {
    font-size: 34px;
    margin-bottom: 25px;
    font-weight: bolder;
}

.h {
    border-bottom: 2px solid #98A6B5;
}

.icon.icon-window-w {
    display: inline-block;
    background: url("/img/popup-w.png") no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    vertical-align: bottom;
}

@media print,
screen and (max-width: 768px) {
    #geetings .black_art dd {
        font-size: 1.8rem;
    }
    .align-box p {
        font-size: 1.8rem;
    }
    h2.line {
        font-size: 2.8rem;
        font-weight: bold;
    }
    .black_art dt.daihyou {
        font-weight: bold;
        font-size: 2.8rem;
    }
    .section-rl {
        flex-direction: column;
    }
    .signature {
        flex-direction: column;
        align-items: flex-start;
    }
    .section-right {
        width: 100%;
    }
    .scmt15 {
        margin-top: 15px;
    }
    .section-left {
        width: 100%
    }
    .shazeimg {
        width: 100%;
    }
    .sptetaki {
        padding-bottom: 286px;
    }
    .txtbox h1 {
        width: 100%;
    }
    .bigtxt {
        font-size: 2.5rem;
    }
    .txtbox {
        margin-top: -45px;
        margin-left: 2%;
        margin-right: 2%;
    }
    .topicon img {
        width: 47%;
    }
    .topicon {
        display: flex;
        justify-content: space-between;
        width: 24%;
    }
    .topbox {
        display: flex;
        justify-content: space-between;
    }
    .icon.icon-window-w {
        width: 15px;
        height: 15px;
        vertical-align: middle;
    }
    .sitemap {
        color: #17638F;
        margin-top: 2.5rem;
    }
    .linetoptxt {
        font-weight: bolder;
    }
    ul.sitemap ul {
        margin-left: 29px;
    }
    li.aki {
        margin-top: 5%;
    }
}


/*-----case1 2------*/

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

.headtxt-l {
    width: 9%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.headtxt-l p {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.headtxt-l p:nth-child(2) {
    font-size: 5.8rem;
    font-weight: bolder;
    text-align: center;
}

.headtxt-m {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: center;
    padding-left: 2%;
}

.headtxt-m dt {
    font-size: 2.2rem;
    font-weight: bolder;
    color: black;
}

.headtxt-m dd {
    font-size: 1.6rem;
    color: black;
}

.headiconbox {
    width: 46%;
    display: flex;
    justify-content: flex-end;
}

.headiconbox li {
    width: 20%;
    margin-left: 5%;
}

.headiconbox li:hover {
    opacity: 0.5;
}

.headiconbox img {
    display: block;
    width: 100%;
}

.bluetxt {
    padding-top: 40px;
    font-weight: bold;
    font-size: 2rem;
    color: #065AAA;
}

.gurafu3 .wide25 {
    display: block;
    width: 25%;
}

.gurafu3 .wide5 {
    display: block;
    width: 5%;
}

.gurafu3 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.ido {
    display: table;
    width: 37rem;
    margin: 0 auto;
    margin-top: 58px;
    margin-bottom: 54px;
}

.ido li {
    list-style: none;
    display: table-cell;
    color: #065AAA;
}

.ido_center {
    text-align: center;
    width: 33.333%;
}

.back {
    text-align: left;
    width: 33.333%;
}

.next {
    text-align: right;
    width: 33.333%;
}

.back,
.next {
    position: relative;
}

.back:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: contain;
    position: absolute;
    top: 19%;
    right: 119%;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border-top: 4px solid #065AAA;
    border-right: 4px solid #065AAA;
}

.next:after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: contain;
    position: absolute;
    top: 19%;
    right: -25%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 4px solid #065AAA;
    border-right: 4px solid #065AAA;
}

@media print,
screen and (max-width: 768px) {
    .wrap .index_h.sp_style.mt_2 {
        margin-bottom: 0.5rem;
    }
    .outer-base-width .casehead {
        padding-left: 2%;
        padding-right: 2%;
    }
    .topbluebox {
        padding-top: 6px;
        text-align: center;
        font-weight: bold;
        color: white;
        font-size: 1.3rem;
        width: 68px;
        height: 29px;
        background-color: #17638F;
        margin-bottom: 10px;
    }
    .topblacktxt {
        font-size: 1.6rem;
        color: black;
        margin-top: 16px;
    }
    .headtxt-m {
        width: 90%;
    }
    .headtxt-m-12 {
        margin-top: 1.4rem;
    }
    .headblacktxt {
        padding-right: 15%;
        font-size: 2.2rem;
        font-weight: bold;
        color: black;
    }
    .bluetxt {
        margin-top: -15px;
        margin-bottom: 5px;
    }
    .gurafu3 .wide5 {
        display: block;
        width: 16%;
        transform: rotate(90deg);
        margin: 30px;
        flex-shrink: 0;
    }
    .gurafu3 .wide5 img {
        display: block;
    }
    .gurafu3 {
        flex-direction: column;
    }
    .gurafu3 .wide25 {
        display: block;
        width: 100%;
        flex-shrink: 0;
    }
    .ido {
        width: 75%;
    }
    .ido_center {
        width: 50%;
    }
    .back {
        width: 25%;
    }
    .next {
        width: 25%;
    }
    .bigtxt.solu_tit {
        font-size: 2.4rem;
    }
    .headiconbox {
        width: 56%;
    }
}


/* ----------- case3,4,5 -------*/

.case3lh.index_h.sp_style.mt_2 {
    margin-bottom: 1.4rem;
}

.index_h .case3ht-m {
    width: 64%;
}

.index_h .case5ht-m {
    width: 50%;
}

.index_h .case3icon {
    width: 42%;
}

.index_h .case3icon li {
    width: 30%;
}

.index_h .case4icon {
    width: 56%;
}

.index_h .case4icon li {
    width: 22.5%;
}


/* monthly_up */

.monthly_vol {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 7.6rem;
    color: #fff;
    background-color: #065AAA;
    font-weight: bold;
}

.vol_num {
    font-size: 2.2rem;
    padding: 1.5rem;
    text-align: center;
    color: #fff;
    background-color: #032B41;
}

.vol_lab {
    font-size: 1.4rem;
    background-color: #fff;
    padding: 0.2rem 1.5rem;
    margin-left: 1.5rem;
    margin-right: 4rem;
    color: #17638F;
    vertical-align: middle;
}

.btnf2.active {
    background-color: grey;
}

.vol_box.none {
    display: none;
}

.vol_box.there {
    display: block;
}

.vol_tit {
    font-size: 3.5rem;
}

.vol_tit .fs07em {
    display: inline-block;
}

.fs07em {
    font-size: 0.7em;
}

.vol_new {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    font-size: 3rem;
    padding: 0 4rem;
    background-color: #FF0000;
}

.mon_flex {
    display: flex;
    justify-content: space-between;
    margin-top: 6rem;
    padding-bottom: 6rem;
    border-bottom: 1px solid #707070;
}

.mon_flex p {
    width: 60%;
    font-size: 1.7rem;
    line-height: 2;
}

.admit_one {
    width: 45%;
    padding: 0 8rem;
}

.admit_one img {
    border: 1px solid #95989A;
}

.continue {
    display: block;
    width: 23rem;
    text-align: center;
    background-color: #065AAA;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 1rem;
    border-radius: 1rem;
    margin-top: 6rem;
}

.back_num {
    margin-top: 11rem;
}

.back_num .index_h {
    margin-bottom: 3rem;
}

.mon_select {
    margin-bottom: 5rem;
}

.mon_select .mon_tit {
    font-size: 2rem;
    color: #fff;
    background-color: #065AAA;
    text-align: center;
    width: 25rem;
    padding: 0.5rem 0;
}

.mon_select .links2 {
    margin-top: 1.5rem;
}

.mon_select ul {
    display: flex;
    flex-wrap: wrap;
}

.mon_select li {
    text-align: center;
    cursor: pointer;
    font-size: 1.4rem;
    padding: .5rem 1rem;
    background-color: #F0F3F5;
    border: 1px solid #CDD6DD;
    border-radius: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

.mon_select li.actv {
    background-color: grey;
}

.vol_container {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.vol_box {
    width: 23%;
    margin-right: 2%;
    margin-top: 5rem;
}

.vol_c {
    border: 1px solid #707070;
}

.vol_box dt {
    color: #065AAA;
    font-size: 2rem;
    font-weight: bold;
}

.vol_box dd {
    font-size: 1.6rem;
}

.open_vol {
    cursor: pointer;
    font-size: 1.8rem;
    padding: 1.5rem 0;
    background-color: #FAF9F9;
    border: 1px solid #707070;
    width: 32rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 4rem;
}

@media print,
screen and (max-width: 768px) {
    .monthly_vol {
        margin-top: 5rem;
        min-height: 8.6rem;
    }
    .vol_tit,
    .vol_num {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .vol_tit {
        position: absolute;
        font-size: 4.6vw;
        line-height: 1.2;
        left: 30%;
        right: 1.5%;
        display: block;
        top: 50%;
        transform: translateY(-50%);
    }
    .vol_num {
        position: absolute;
        bottom: 0;
        height: 59%;
        font-size: 2.9vw;
        width: 15%;
        padding: 0;
    }
    .vol_new {
        top: 0;
        left: 0;
        width: 15%;
        height: 41%;
        right: auto;
        font-size: 3.6vw;
        padding: 0;
    }
    .vol_lab {
        position: absolute;
        left: 17%;
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.93vw;
        padding: 0.35rem .7rem;
    }
    #monthly .creative_txt {
        width: 89%;
        margin: 0 auto;
    }
    .mon_flex {
        display: block;
        margin-top: 4.6rem;
        padding-right: 0;
    }
    .continue {
        display: inline;
        padding: 0;
        background-color: #fff;
        color: #004588;
    }
    .mon_flex p {
        width: 89%;
        margin: 0 auto;
    }
    .admit_one {
        width: 77%;
        margin: 0 auto;
        margin-top: 3.5rem;
        padding: 0;
    }
    .vol_box {
        width: 48%;
        margin-right: 0;
    }
    .vol_container {
        justify-content: space-between;
        /*margin-bottom: 24vw;*/
    }
    .mon_select li {
        font-size: 1.3rem;
    }
    .vol_box dt {
        font-size: 1.3rem;
    }
    .vol_box dd {
        font-size: 1.2rem;
    }
    .open_vol {
        font-size: 1.5rem;
        width: 77%;
        max-width: 300px;
    }
}


/* ----------印刷いろいろコラム vol_XXX ---------- */

.vol_tit_small {
    font-size: 1.6rem;
    font-weight: lighter;
    display: flex;
    width: 78%;
    justify-content: flex-end;
    padding-right: 0;
}

#monthly_up_vol .vol_num {
    padding-top: 1rem;
    padding-bottom: 1rem;
    ;
}

.h1_box {
    border-bottom: 1px solid #CDD6DD;
    padding-bottom: 5.6rem;
    margin-bottom: 4.4rem;
    margin-top: 5.3rem;
}

.h1_35 {
    font-size: 3.5rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
}

.h1_content dt {
    font-size: 2rem;
    color: #065AAA;
    font-weight: bold;
    margin-bottom: 1.2rem;
}

.h1_content dd {
    font-size: 1.6rem;
    line-height: 1.75;
}

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

.ticketbox p,
.pic3box p {
    width: 81%;
    line-height: 1.75;
}

.ticketbox div,
.pic3box .pcshow {
    display: block;
    width: 18%;
}

.dc-left-text {
    display: none;
}

.pic3box {
    margin-top: -8rem;
}

.pic3box .pcshow {
    float: right;
    margin-top: -8rem;
}

.btnblue {
    display: block;
    margin: 0 auto;
    width: 45%;
    text-align: center;
    padding: 1.5rem 0;
    background-color: #065AAA;
    color: #FFF;
    border-radius: 0.5em;
}

.recruitbtn {
    display: block;
    width: 33.3rem;
    text-align: center;
    background-color: #065AAA;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 2rem;
}

.recruitbtn.mt50 {
    margin-top: 5rem;
}

.btn_mt18 {
    margin-top: 18rem;
}

.related_events {
    padding: 3rem 2.4rem 1rem 2.4rem;
    box-shadow: 0px 0px 15px rgba(107, 107, 107, 0.16);
    margin-top: 6.2rem;
}

.related_events p {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    align-content: center;
}

.related_events p:before {
    content: "";
    display: inline-block;
    width: 0.7rem;
    height: 2.7rem;
    background-color: #065AAA;
    margin-right: 0.9rem;
}

.related_events dl {
    display: flex;
    color: #065AAA;
    align-content: flex-start;
    align-items: flex-start;
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
}

.related_events dt {
    padding-right: 1rem;
}

.related_events dd {
    line-height: 1.4;
}

#monthly_up_vol .ido {
    display: table;
    width: 96%;
    margin-bottom: 54px;
}

#monthly_up_vol .ido li {
    display: table-cell;
}

#monthly_up_vol .back {
    text-align: left;
    width: 33.333%;
    padding-right: 1rem;
}

#monthly_up_vol .next {
    text-align: right;
    width: 33.333%;
    padding-left: 1rem;
}

#monthly_up_vol .ido_center {
    text-align: center;
    width: 33.333%;
    padding-right: 1rem;
    padding-left: 1rem;
}

#monthly_up_vol .back:before {
    right: 0;
    left: -10%;
}

#monthly_up_vol .next:after {
    right: -10%;
}

#monthly_up_vol .next.no_next:after {
    display: none;
}

.sp414 {
    display: none;
}

@media print,
screen and (max-width: 768px) {
    #monthly_up_vol .monthly_vol {
        min-height: 7.2rem;
    }
    .vol_tit_small {
        font-size: 1.4rem;
        text-align: right;
        width: 68%;
        padding-top: 0rem;
        padding-bottom: 0rem;
        line-height: 1.5;
    }
    #monthly_up_vol .vol_num {
        height: 100%;
    }
    #monthly_up_vol .vol_lab {
        font-size: 1.4rem;
        font-weight: bold;
        padding: 0.2rem 1rem;
        margin-left: 0.5rem;
        margin-right: 0;
    }
    .h1_box {
        padding-bottom: 3.7rem;
        margin-bottom: 2.5rem;
        margin-top: 2.3rem;
    }
    .h1_box p{
        font-size: 1.4rem;
    }
    .h1_35 {
        font-size: 3.4rem;
        margin-bottom: 2.3rem;
    }
    .h1_content dt {
        font-size: 2.3rem;
        margin-bottom: 1rem;
    }
    .h1_content dd {
        font-size: 1.4rem;
    }
    .ticketbox p {
        width: 49%;
        font-size: 1.4rem;
    }
    .pic3box p {
        width: 100%;
        font-size: 1.4rem;
    }
    .ticketbox div {
        display: block;
        width: 46%;
    }
    .pic3box .pcshow {
        display: none;
    }
    .pic3box {
        margin-top: 5.8rem;
    }
    .pic3box img {
        width: 90%;
        margin: 0 auto 3rem auto;
    }
    .btnblue {
        width: 90%;
    }
    .btn_mt18 {
        margin-top: 5.8rem;
    }
    #monthly_up_vol .ido {
        width: 93%;
    }
    #monthly_up_vol .ido_center {
        border-right: 1px solid #24292D;
        border-left: 1px solid #24292D;
    }
    #monthly_up_vol .back:before {
        content: "<<";
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        left: -20%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border-top: 0 solid #065AAA;
        border-right: 0 solid #065AAA;
    }
    #monthly_up_vol .next:after {
        content: ">>";
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        right: -20%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border-top: 0 solid #065AAA;
        border-right: 0 solid #065AAA;
    }
}

@media print,
screen and (max-width: 600px) {
    .ticketbox{
        display: none;
    }
    .dc-left-text {
        display: block;
        margin-bottom: 3rem;
        font-size: 1.4rem;
        line-height: 1.75;
    }
    .dc-left-img {
        float: right;
        width: 46%;
        padding-left: 2rem;
        padding-bottom: 0rem;
    }
    .ticketbox:after {
        content: '';
        display: block;
        height: 0;
        clear: both;
    }
    #monthly_up_vol .back {
        width: 30%;
    }
    #monthly_up_vol .next {
        width: 30%;
    }
    #monthly_up_vol .ido_center {
        width: 40%;
    }
}

@media print,
screen and (max-width: 414px) {
    #monthly_up_vol .vol_num {
        width: 20%;
    }
    #monthly_up_vol .vol_lab {
        left: 21%;
    }
    .vol_tit_small {
        left: 35%;
        width: 60%;
    }
    .pic3box {
        margin-top: 2rem;
    }
    .sp414 {
        display: block;
    }
    #monthly_up_vol .ido li {
        font-size: 1.25rem;
    }
}


/* SEZAX Document Solutions / China / Vietnam */

.sds_txt {
    font-size: 1.6rem;
    line-height: 1.75;
    text-align: justify;
}

.ichiran {
    display: flex;
    justify-content: space-between;
    font-size: 2rem;
    line-height: 1.4;
}

@media print,
screen and (max-width: 768px) {
    .wrap .bluemenu.pc {
        display: none;
    }
    .sds_txt {
        font-size: 1.55rem;
    }
    .ichiran {
        display: block;
    }
    .ichi_art,
    .ichi_img {
        width: 100%;
    }
    .ichi_img {
        margin-top: 3rem;
    }
    .mb100 {
        margin-bottom: 10rem;
    }
}


/* about sezax */

.mt75 {
    margin-top: 7.5rem;
}

.bold.about_tit {
    font-size: 3.5rem;
    line-height: 1.7;
    color: #000;
}

.flex_sb {
    display: flex;
    justify-content: space-between;
    margin-top: 6rem;
}

.about_left {
    width: 53.5%;
}

.about_right {
    width: 40%;
}

.mt165 {
    margin-top: 16.5rem;
}

.btnblue.mt50 {
    margin-top: 5rem;
    width: 28.7%;
}

.about_hr {
    width: 86%;
    margin: 8rem auto;
    border-top: 2px solid #98A6B5;
}

.one_stop_box {
    width: 82.7%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 4.5rem;
}

.one_stop {
    max-width: 74.7rem;
    margin: 0 auto;
}

.one_stop_box p {
    font-size: 3.5rem;
    font-weight: bold;
    margin-top: 4rem;
    margin-bottom: 5rem;
}

.factory {
    display: flex;
    margin: 6rem auto 15.5rem auto;
}

.factory img {
    width: 50%;
}

.about_left.w100 {
    width: 100%;
}

@media print,
screen and (max-width: 768px) {
    .flex_sb {
        display: block;
    }
    .about_left {
        width: 100%;
    }
    .aboutimg {
        margin: 3rem 0;
    }
    .mt165 {
        margin-top: 10rem;
    }
    .btnblue.mt50 {
        margin-top: 5rem;
        width: 56%;
    }
    .wrap .about_hr {
        margin: 5rem auto 8rem auto;
        width: 100%;
    }
    .one_stop_box {
        width: 100%;
    }
    .factory {
        flex-direction: column;
        margin: 5rem auto 10rem auto
    }
    .factory img {
        width: 100%;
        height: 100%;
    }
    .about_left.w100 {
        margin-bottom: 10rem;
    }
}


/* Company Profile */

.mt70 {
    margin-top: 7rem;
}

.access_tit {
    margin-top: 6.5rem;
    font-size: 2.4rem;
    background-color: #E6EAEE;
    padding: 2.5rem 2rem;
}

.access_art {
    margin-top: 5rem;
    display: flex;
}

.access_img {
    width: 31%;
    margin-right: 4rem;
}

.access_side dt {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 4rem;
}

.access_detail {
    display: flex;
    align-items: center;
    ;
    max-width: 56rem;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid #CDD6DD;
}

.access_detail dt {
    margin-right: 1.5rem;
}

.access_detail img {
    width: 3rem;
}

.access_map {
    margin: 5rem 0;
}

.access_map iframe {
    width: 100%;
}

@media print,
screen and (max-width: 768px) {
    .access_tit {
        font-size: 2rem;
        padding: 1.5rem;
        margin-top: 1.5rem;
    }
    .access_art {
        margin-top: 2rem;
        display: block;
        font-size: 2rem;
    }
    .access_img {
        width: 100%;
        margin-right: 0;
    }
    .access_side dt {
        margin-top: 2rem;
    }
    .access_detail {
        align-items: start;
        max-width: 100%;
        margin-top: 3rem;
        padding-top: 2rem;
    }
    .access_map {
        margin: 4rem 0;
    }
}


/* -----products_service index----- */

.pb0 {
    padding-bottom: 0;
}

.lightblue {
    background-color: #065AAA;
}

.max-wide1160 {
    max-width: 1160px;
    margin: 0 auto;
}

.whitetxt {
    color: #fff;
    padding: 3.9rem 0 5rem 1rem;
    font-size: 1.8rem;
    line-height: 1.5;
}

.listbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #065AAA;
    padding-bottom: 10rem;
}

.listbox li {
    width: 49%;
    background-color: #fff;
    padding: 3.1rem 2.3rem 3.3rem 3.3rem;
    border-radius: 1.2rem;
    margin-bottom: 1.3rem;
}

.listbox li a {
    display: block;
}

.listbox li img {
    display: block;
    width: 100%;
}

.description {
    display: flex;
    flex-wrap: no-wrap;
    align-items: flex-start;
    justify-content: space-between;
    height: 4vw;
}

.description .icon {
    width: 15%;
}

.description .bluedot {
    width: 6%;
    margin: 2rem 0;
}

.description dl {
    width: 68%;
}

.description dt {
    font-weight: bold;
    font-size: 2.2rem;
    color: #000;
}

.description dd {
    color: #000;
    font-size: 1.6rem;
}

.instruction {
    font-size: 1.8rem;
    line-height: 1.7;
    color: #065AAA;
    padding-top: 3rem;
}

@media print,
screen and (max-width: 768px) {
    .whitetxt {
        padding: 3.9rem 0 3rem 1rem;
    }
    .listbox li {
        width: 100%;
        padding: 0.7rem 1.7rem 0.9rem 2.1rem;
        margin: 1.4rem auto 0 auto;
    }
    .description {
        align-items: center;
        height: auto;
    }
    .description .icon {
        width: 13%;
    }
    .description dt {
        font-size: 1.8rem;
    }
    .description dd {
        font-size: 1.2rem;
    }
    .instruction {
        font-size: 1.2rem;
        line-height: 2;
        padding-top: 1rem;
    }
}


/* -------------suggest 2020-10-01---------- */

.outer-base-width.pb3p {
    padding-bottom: 3%;
}

.title40 dt {
    font-size: 4rem;
    color: #065AAA;
    margin-bottom: 2rem;
}

.title40 dd {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-bottom: 5rem;
}

.titile_DIN {
    margin-bottom: 8rem;
    padding-top: 3rem;
    color: #fff;
}

.titile_DIN dt {
    font-size: 4rem;
    font-family: "DIN 2014";
}

.titile_s {
    font-size: 2rem;
    margin-left: 4rem;
}

.titile_DIN dd {
    font-size: 2rem;
}

#suggest_page.contact_wrap {
    margin-top: 0;
    padding-top: 0;
}

#suggest_page .contact_btn {
    flex-direction: column;
    margin-top: 0;
}

#suggest_page .contact_web {
    margin-bottom: 5rem;
}

@media print,
screen and (max-width: 768px) {
    .outer-base-width.pb3p {
        padding-bottom: 10%;
    }
    .titile_DIN {
        margin-bottom: 3rem;
    }
    .title40 dt {
        font-size: 3.2rem;
    }
}


/* ------news_記事詳細テンプレ----- */

.black_art .news_content {
    text-align: left;
    justify-content: space-between;
    word-wrap: break-word;
}

.black_art .news_content a {
    color: #065AAA;
}

.news_content p {
    width: 60%;
}

.news_content .pimg {
    width: 38%;
}

@media print,
screen and (max-width: 768px) {
    .black_art .news_content {
        flex-direction: column;
    }
    .news_content p {
        width: 100%;
        margin-bottom: 5rem;
    }
    .news_content .pimg {
        width: 100%;
    }
}


/* ---------お問い合わせフォーム---------*/

.black_uline_title {
    font-size: 3.6rem;
    font-weight: bold;
    margin: 3.8rem 0 3rem 0;
    border-bottom: 2px #98A6B5 solid;
    padding-bottom: 0.25rem;
}


/*====================================================================
.s_01 .accordion_one
====================================================================*/

.s_01 .accordion_one {
    max-width: 1024px;
    margin: 0 auto;
}

.s_01 .accordion_one .accordion_header {
    background-color: #065AAA;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 22px;
    font-weight: bold;
    padding: 15px 11%;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
}


/*
.s_01 .accordion_one:nth-of-type(2) .accordion_header {
    background-color: #ff9a05;
}
.s_01 .accordion_one:nth-of-type(3) .accordion_header {
    background-color: #1c85d8;
}*/

.s_01 .accordion_one .accordion_header:hover {
    opacity: .8;
}

.s_01 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    margin-top: -20px;
    box-sizing: border-box;
    transform-origin: center center;
    transition-duration: 0.2s;
}

.s_01 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}

.s_01 .accordion_one .accordion_header .i_box .one_i:before,
.s_01 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #fff;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    transform-origin: center center;
}

.s_01 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}

.s_01 .accordion_one .accordion_header.stay .i_box .one_i:before {
    content: none;
}

.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}

.s_01 .accordion_one .accordion_header.stay.open .i_box .one_i:before {
    content: "";
}

.s_01 .accordion_one .accordion_inner {
    display: none;
    padding: 30px 30px;
    border-left: 2px solid #065AAA;
    border-right: 2px solid #065AAA;
    border-bottom: 2px solid #065AAA;
    box-sizing: border-box;
}

.s_01 .accordion_one .accordion_inner.stay {
    display: block;
}


/*
.s_01 .accordion_one:nth-of-type(2) .accordion_inner {
    border-left: 2px solid #ff9a05;
    border-right: 2px solid #ff9a05;
    border-bottom: 2px solid #ff9a05;
}
.s_01 .accordion_one:nth-of-type(3) .accordion_inner {
    border-left: 2px solid #1c85d8;
    border-right: 2px solid #1c85d8;
    border-bottom: 2px solid #1c85d8;
}*/

.s_01 .accordion_one .accordion_inner .box_one {
    height: auto;
}

.s_01 .accordion_one .accordion_inner p.txt_a_ac {
    margin: 0;
}

.sacs_case04 {
    display: block;
    width: 60%;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .s_01 .accordion_one .accordion_header {
        font-size: 18px;
    }
    .s_01 .accordion_one .accordion_header .i_box {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
}

@media screen and (max-width: 767px) {
    .s_01 .accordion_one .accordion_header {
        font-size: 16px;
        text-align: left;
        padding: 15px 60px 15px 15px;
    }
    .sacs_case04 {
        width: 100%;
    }
}