@charset "utf-8";

/********************.css*/
/*.css********************/
/********************common.css*/
/*common.css********************/

/*index.css********************/

@media all and (orientation: landscape) {
     /* 横向き専用の追加装飾 */
    .pattern_01 .cont_index li{
        margin: 50px 1.81% 1.81% 0!important;
    }
    .content-3 .contents_wrap .terms_wrap .terms_box01 dd:nth-of-type(1)  {
        height:80px;
    }
    .content-3 .accordion .h_bg {
        width: 97%!important;
    }
    #cont_menu ul {
        width: 90%!important;
        margin: 0 auto!important;
    }
    body #cont_menu ul li:nth-of-type(1) {
        width: 35%!important;
        padding: 0;
    }
    body #cont_menu ul li:nth-of-type(2) {
        width: 40%!important;
    }
    body #cont_menu ul li:nth-of-type(3) {
        width: 40%!important;
    }
    body #cont_menu ul li:nth-of-type(4) {
        width: 40%!important;
    }
    body #cont_menu ul li:nth-of-type(5) {
        width: 55%!important;
    }
    body #cont_menu ul li:nth-of-type(3), body #cont_menu ul li:nth-of-type(4) {
        text-align: unset!important;
    }
    body.content-4 .contents_wrap .mvp_dl dt {
        width: 220px;
        padding: 0 0 0 20px;
    }
}

@media all and (orientation: portrait) {
    /* 縦向きの場合専用の追加装飾 */
    body.content-4 .contents_wrap .mvp_dl dt {
        width: 100%;
    }
    body.content-4 .contents_wrap .with_work_box02 {
        display: block;
    }
    body.content-4 .contents_wrap .with_work_box02 p:first-child {
        width: 100%;
    }
    body.content-4 .contents_wrap .with_work_box02 p:last-child {
        margin: 0 0 20px 0;
        text-align: center;
    }
    body.content-4 .contents_wrap .feature_txt {
        display: block;
    }
    body.content-4 .contents_wrap .feature_txt p:first-child {
        width: fit-content;
        margin: 0 auto;
    }
    body.content-4 .contents_wrap .feature_txt p:last-child {
        width: 100%;
        margin: 10px 0;
    }
    body.content-4 .contents_wrap .mvp_dl dd {
        width: 100%;
        padding: 0;
    }
    body.content-3 .tab-contents .inrbox .tab-column-wrap .tab-column-inr01 {
        width:100%;
        margin: 0 0 10px 0;
    }
    body.content-3 .tab-list {
        display: block;
    }
    body.content-3 .tab-list-item {
        width:100%;
    }
    body.content-3 .is-btn-active::before, body.content-3 .is-btn-active::after, .content-3 .tab-list-item::after {
        content: unset!important;
    }
    body.content-3 .tab-contents .inrbox .box-l .history {
        position: unset;
    }
    body.content-3 .tab-contents .inrbox, body.content-3 .tab-contents .inrbox .tab-column-wrap {
        display: block;
        margin: 0 0 20px 0;
    }
    body.content-3 .tab-contents .inrbox .box-l {
        margin: 0 0 10px 0;
    }
    body.content-3 .tab-contents .inrbox .box-r:before, .content-3 .tab-contents .inrbox .box-r:after {
        content: unset;
    }
    body.content-3 .tab-contents .inrbox .box-r {
        width:92%;
        margin: 0;
    }
    .segment_02 h3 {
         width: 95%!important;
     }
     .content-3 .contents_wrap .terms_wrap .terms_box01 {
        display: block!important;
        margin: 0 auto 20px!important;
        width: 100%!important;
    }
    body.content-3.gnav .contents_wrap .terms_wrap .terms_box01 dt, body.content-3.gnav .contents_wrap .terms_wrap .terms_box01 dd {
        width: 90%!important;
        padding: 10px 20px;
        height: auto!important;
    }
    .content-3 .contents_wrap .terms_wrap {
        padding:0 15px!important;
    }

    #pg_index .cont_header.visual {
        size: landscape!important;
    }
    #pg_index .cont_header.visual::after {
        background-size: contain!important;
    }
    #pg_index .cont_header.visual {
        height: 161px!important;
        margin: 0 0 40px!important;
    }
    body .pattern_01 .cont_index {
        flex-wrap: wrap;
    }
    body .pattern_01 .cont_index li {
        width: 48%;
        margin: 0px 1.81% 1.81% 0;
    }
    body .pattern_01 .cont_index li {
        margin: 0;
    }
    body .pattern_01 .cont_index li:nth-of-type(3), body .pattern_01 .cont_index li:nth-of-type(4) {
        margin: 45px 0!important;
    }

    .cont_index li div.text-1 p::after {
        left: auto!important;
        size: portrait!important;
    }
    .cont_index li:hover div.text-1 p::after {
        left: auto!important;
        size: portrait!important;
    }
    .cont_index li div.text-2 p::after {
        left: 200px!important;
        size: portrait!important;
    }
    .cont_index li:hover div.text-2 p::after {
        left: auto!important;
        size: portrait!important;
    }
    .cont_index li div.text-3 p::after {
        left: auto!important;
        size: portrait!important;
    }
    .cont_index li:hover div.text-3 p::after {
        left: auto!important;
        size: portrait!important;
    }
    .cont_index li div.text-4 p::after {
        left: 250px!important;
        size: portrait!important;
    }
    .cont_index li:hover div.text-4 p::after {
        left: auto!important;
        size: portrait!important;
    }
    #cont_menu ul {
        width: 90%;
        margin: 0 auto;
     }
    body #cont_menu ul li {
        text-align: unset!important;
        padding: 0 0 15px 0!important;
    }
   
    body #cont_menu ul li:nth-of-type(1) {
        width: 50%;
    }
     body #cont_menu ul li:nth-of-type(2) {
        width: 50%;
    }
    body #cont_menu ul li:nth-of-type(3) {
        width: 50%;
    }
    body #cont_menu ul li:nth-of-type(4) {
        width: 50%;
    }
    body #cont_menu ul li:nth-of-type(5) {
        width: 60%;
    }
    body .flex-bna {
         display: block;
         width: fit-content;
         margin: 0 auto 10px;
     }
     body #global_footer .banner_area li {
         margin-right: 0;
         margin: 0 0 10px 0;
     }
}

body.content-3 .contents_wrap .terms_wrap .terms_box01 dd {
    width:506px;
}
body.content-3 .contents_wrap .terms_wrap .terms_box01 dd:nth-of-type(3) {
    height:102px;
}
body.content-3 .contents_wrap .terms_wrap .terms_box01 dt:nth-child(1) {
    height: 110px;
}
body.content-3 .contents_wrap .terms_wrap .terms_box01 dt:nth-child(5) {
    height: 134px;
}
body.content-3 .contents_wrap .terms_wrap .terms_box01 dt:nth-child(7) {
    height: 56px;
}
#pg_index section{
    margin: 0 auto 30px!important;
}
.cont_index li div.banner_text p{
    font-size: 15px!important;
}
#global_header .sub_menu > ul li a.ir {
    width: 90px!important;
    height: 45px!important;
}




#global_footer .banner_area li img{
    width:100%;
}
/*index.css********************/