@charset "utf-8";

@media all and (orientation: landscape) {
     /* 横向き専用の追加装飾 */
     #pg_index .cont_header.visual {
        margin: 0 !important;;
     }
    .pattern_01 .cont_index li{
        margin: 50px 1.81% 1.81% 0!important;
    }
    .content-3 .accordion .h_bg {
        width: 97%!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: 12%!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;
    }
}

@media all and (max-width: 600px) {
    #pg_index .cont_header.visual {
        height: 500px!important;
        margin: 0 0 40px!important;
        background:url(../img/wall-paper_sm.png) no-repeat top center!important;
        background-size: cover!important;
        z-index: -11!important;
    }
}

@media print and (orientation: portrait) {

    .segment_02 h3 {
         width: 95%!important;
     }

    .content-3 .contents_wrap .terms_wrap {
        padding:0 15px!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;
    }
    .cont_index li:hover div.text-1 p::after {
        left: auto!important;
    }
    .cont_index li div.text-2 p::after {
        left: 200px!important;
    }
    .cont_index li:hover div.text-2 p::after {
        left: auto!important;
    }
    .cont_index li div.text-3 p::after {
        left: auto!important;
    }
    .cont_index li:hover div.text-3 p::after {
        left: auto!important;
    }
    .cont_index li div.text-4 p::after {
        left: 250px!important;
    }
    .cont_index li:hover div.text-4 p::after {
        left: auto!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 a p{
        line-height: 1.5em;
    }
    #cont_menu ul li p::before {
        left: -25px !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;
     }
}



@media all {
    body {
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    #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%;
    }
    
    .cont_header.visual.large {
        height: auto;
    }

    .cont_header.visual.large .wrap {
        height: auto;
    }

    .cont_header.visual, .cont_header.visual.large::after {
        background: none;
    }

    .cont_header,
    .cont_header.visual {
        margin: 0 0 30px;
        text-align: center;
    }

    .cont_header.visual.large h1 {
        text-align: left;
    }

    .cont_header.visual h1 {
        font-size: 2.8rem;
        text-align: center;
    }

    #pg_index .cont_header.visual h1 {
        font-size: 4rem;
        text-align: center;
    }

    .cont_header.visual p {
        width: 100%;
        font-size: 1.6rem;
        margin: 0.2em 0 0;
    }

    .cont_header.visual.large {
        background: rgba(133, 197, 238, 0.1);
    }

    .cont_header.visual.large .wrap {
        display: flex;
        flex-direction: column;
    }

    .cont_header.visual.large .wrap::after {
        content: '';
        display: block;
        position: inherit;
        background-size: cover;
        width: 100vw;
        height: 59vw;
        margin-left: -4vw;
        order: -1;
    }

    .cont_header.visual.large .wrap {
        padding: 20px 0 25px;
    }

    .cont_header.visual.large .wrap h1 {
        order: -2;
        margin: 0 0 35px;
    }

    .cont_header.visual.large p {
        padding: 20px 0 0;
        text-align: left;
    }

    .cont_header.visual.lower {
        height: 222px;
        margin: 0 0 30px;
    }

    .cont_header.visual.lower h1 {
        text-align: left;
    }

    #global_nav {
        position: absolute;
    }

    #global_header {
        position: absolute;
    }

    #page_top {
        opacity: 0;
    }

    body,
    body.gnav {
        padding-top: 0;
    }

    #global_header {
        position: static;
        /*position: fixed;*/
    }

    #global_nav {
        position: static;
        /*position: fixed;*/
    }

    #page_top {
        display: none;
    }
}