@media screen and (min-width: 751px) {
.lightbox,
.lightboxOverlay{min-width: var(--site_size);}

.under .box_logo{padding: 39px 26px 42px 28px;}

/* HOVER */
.under main #topic_path li a:hover{text-decoration:underline}
.under main a[data-lightbox]:hover,
.under main .bnn a:hover{opacity: 0.7;}

.under main .ovn_content p a:hover,
.under main .link:hover{color: var(--scolor);}

.under main .list_toc a:hover{text-decoration: none}
.under main .list_anchor a:hover{background: var(--mcolor);}

/*BOX H4*/
.under main .u_item{display: flex;justify-content: space-between;align-items: center}
.under main .row-reverse{flex-direction: row-reverse;}
.under main .u_item4 .info{width: 500px}
.under main .u_item4 .info_cus{width:700px}
.under main .u_item4 .info_company{width: 800px}
.under main .u_item4 .image_l{margin: 0 0 0 -120px}
.under main .u_item4 .image_r{margin: 0 -120px 0 0}

.under main .item_ovn .image_l{margin: 0 0 0 0}
.under main .item_ovn .image_r{margin: 0 0 0 0}
.under main .item_ovn .image_l,.under main .item_ovn .image_r{width: calc(100% - 600px)}
.under main .item_ovn .img_ovn{display: flex;justify-content: center;align-items: center;height: 480px;}
.under main .item_ovn .img_ovn img{width: 100%;height:100%;max-height: 100%;object-fit: cover;}
.under main .full_w .info{width: 100%}

.under main section.pd60{padding-bottom: 60px}

.under main .u_item5 .info{width: 730px}
.under main .u_item5 .info_cus{width: 580px}

/* BUTTON OVN DETAIL */
.under main .btn_list {display: flex;justify-content: center;position: relative;}
.under main .btn_list .is_prev {position: absolute;top: 0;left: 150px;}
.under main .btn_list .is_next {position: absolute;top: 0;right: 150px;}
.under main .btn_list .is_none a:hover{background-color: var(--scolor2);}

.under main .list_ovn .item:hover{opacity: 0.8}
.under main .list_ovn .item:hover .view-all .txt{text-decoration: none}
.under main .list_ovn .item:nth-child(4n + 4) {margin-right: 0;}

.under main .slick_ovn_detail  .item{margin: 0 10px}
.under main .slick_ovn_detail .item:nth-child(4n + 4){margin-right: 10px}
.under main .slick_ovn_detail .slick-list{margin: 0 -10px}

.under main .list_btn_anchor .btn a:hover,.under main .btn.btn404 a:hover{background-color:var(--mcolor);}

.under main .item_chart12 .content_chart .year{bottom: 15px}
.under main .item_chart13 .content_chart .year{bottom: 40px}
.under main .item_chart14 .content_chart .year{bottom: 85px}
.under main .cls_hover:hover {opacity: 0.7;}
.under main .box_chart .item_chart13{padding-bottom: 110px}

.under main .max-700{max-width: 700px}
}
@media screen and (min-width: 751px) and (max-width: 1600px) {
    .u-tt-en{font-size: 100px}

    .under main .box_chart .item_chart{padding: 29px 15px 38px 15px;position: relative;}
    .under main .item_chart .tt-chart .tt-data-ja{font-size: 20px}
    .under main .item_chart .chart_round{width: 180px;height:180px}
    


    .under main .item_chart1 .ttl_icon .num{font-size: 45px}
    .under main .item_chart3 .ttl_icon .num{font-size: 42px}
    .under main .item_chart3 .ttl_icon .num{width: 75px}
    .under main .item_chart3 .ttl_icon .percent{font-size: 20px}
    .under main .item_chart12 .tt1{left: -3px}
    .under main .item_chart12 .tt1 .txt{padding: 6px 5px 7px 5px;}

    .under main .u_item4 .image_l,.under main .u_item4 .image_r{width: 55%}
    .under main .u_item4 .image_l{margin: 0 0 0 -100px;}
    .under main .u_item4 .image_r{margin: 0 -100px 0 0;}

    .under main .item_chart14 .ttl_icon .num{font-size: 20px;}


    .under main .ic_before::before{width: 250px;right: -50px;}
    .under main .item_info_company .image_l{width: 350px}
    .under main .u_item4 .info_company{width: calc(100% - 322px)}
        

    
    .under main .u_item_cus .image_l,.under main .u_item_cus .image_r,.under main .u_item5_cus .image_l{width:472px;}
    .under main .u_item_cus .info_cus{width: calc(100% - 426px);}
    .under main .u_item5_cus .info_cus{width: calc(100% - 524px);}

    .under main .item_chart .content_chart .year{position: absolute;bottom: 15px;text-align: center;left: 0;right: 0;margin: 0 auto;}
    .under main .item_chart14 .content_chart .year{bottom: 38px}

    .under main .item_chart5 .percent{font-size: 18px;}
    .under main .item_chart .tt{font-size: 11px;width: 96px;padding: 2px 0 0 0;}
    .under main .box_chart .item_chart13{padding-bottom:100px }
    .under main .item_chart12 .content_chart .year{bottom: 20px}
    .under main .item_chart13 .content_chart .year{bottom: 42px}
    .under main .item_chart14 .content_chart .year{bottom: 90px}
    .under main .item_chart14 .tt{width: 75px}

}
@media screen and (min-width: 751px) and (max-width: 1440px) {

}
@media screen and (min-width: 751px) and (max-width: 1366px) {
   
}
@media screen and (min-width: 751px) and (max-width: 1280px) {
    .under main .u_item4 .image_l,.under main .u_item4 .image_r{width: 51%}
    .under main .u_item4 .image_l{margin: 0 0 0 -50px;}
    .under main .u_item4 .image_r{margin: 0 -50px 0 0;}
    .under main .u_item4 .info_company{width: calc(100% - 370px)}
    .under main .item_info_company .image_l{width: 350px}


    .under main .u_item_cus .image_l,.under main .u_item_cus .image_r,.under main .u_item5_cus .image_l{width:472px;}
    .under main .u_item_cus .info_cus{width: calc(100% - 470px);}
    .under main .u_item5_cus .info_cus{width: calc(100% - 524px);}

}
@media screen and (max-width: 750px) {
.under main #content{padding:0 0 80px}
.under main section{padding:0 0 60px;}

.under main .image_r,
.under main .image_l{float:none;display:inline-block;width:100%;text-align:center;margin:0 auto 30px !important}
.under main .image_l img, .under main .image_r img, .under main .u_img img{border-radius: 20px}
/*==========================================================
                 C U S T O M
==========================================================*/



/*  TOP INFO  */
.under main #top_info{padding:140px 0 40px 0;}
.under main #topic_path{margin-bottom:40px}
.under main #topic_path ul{padding: 10px 25px}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}

.under main .u_content::before{width:293px;}
.under main .u_content::after{width:314px;}

/*============ HEAD TITLE ============ */
.under main .u-tt-en{font-size: 60px;margin-bottom: 15px;line-height: 1.2em;}
.under main h2{font-size:18px;}
.under main h3,
.under main .ovn_content h3{font-size:24px}
.under main h3 .en{font-size: 14px;margin-bottom: 15px;}
.under main h3 .en .txt{padding: 0 7px}
.under main h3 .en .txt::before{bottom: -7px}
.under main h4,
.under main .ovn_content h4{font-size:22px;margin-bottom: 25px;line-height: 1.5em;}
.under main h5,
.under main .ovn_content h5{font-size:18px;padding-left: 30px;}
.under main h5::before, .under main .ovn_content h5::before{width: 20px;top: 5px;}
.under main h6,
.under main .ovn_content h6{font-size:16px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td,
.under main table th{padding:10px}
.under main table.tb_block tr{display:flex;flex-direction:column}
.under main table.tb_block td + td{border-top: none;}
.under main table.tb_block th,
.under main table.tb_block td{width: 100%;}
.under main table.tb_block th, .under main table.mailform th{border:1px solid var(--border2);border-radius:10px}

.under main table.tb_block td, .under main table.mailform td{border-left: 1px solid var(--border2);border-radius: 10px}

/* TABLE SCROLL */
.under main .tb_scroll{overflow:scroll;}
.under main .tb_scroll:not(:last-child){margin-bottom: 30px;}
.under main .tb_scroll table{width: 800px;}
.under main .tb_note{margin-bottom: 10px;color: #999;}

/*============ LIST ============ */
.under main .list01,
.under main .ovn_content ul{}
.under main .list01 li,
.under main .ovn_content ul li{}
.under main .list01 li::before,
.under main .ovn_content ul li::before{width: 14px;top: 7px;}

.under main .list02 li::before, .under main .ovn_content ol li::before{top: 3px}

.under main .list_check{}
.under main .list_check li{}
.under main .list_check li::before{top: 5px}

.under main .list-tb li .txt{height: 30px}

/* LIST FAQ */
.under main .list_faq .item_faq{margin-bottom: 30px; padding: 15px}
.under main .list_faq .tt-faq .txt-q{font-size: 16px;}
.under main .list_faq .desc-faq{font-size: 14px;min-height: 50px;padding-bottom: 3px;}

/* List STEP */
.under main .list_step dl{margin-bottom: 20px;padding-bottom: 40px}
.under main .list_step dt{font-size: 16px}
.under main .list_step dl:not(:last-child)::before{width: 50px;left: calc(50% - 25px);bottom: 0px;}

/*============ FRAME ============ */
.under main .frame01{padding:30px 15px}

.under main .box_list_anchor{margin-bottom: 60px;padding: 30px;}
.under main .list_anchor a{padding: 10px 35px 10px 15px;width: 100%;margin: 0 0 5px 0;}
.under main .list_anchor a::before{right: 15px}
.under main .box_list_anchor a:last-child{margin-bottom: 0}

/* ============ ORTHER ============ */
.under main .box_map{height:250px}

.under main .u_box_white1{border-radius: 30px;padding: 30px;}
.under main .u_box_white2{border-radius: 20px;padding: 25px;}
.under main .u_box_white1_before{padding-bottom: 150px}
.under main .u_box_white1_before::before{bottom: 0}
.under main .u_img_h3{margin: 40px 0 0 0}

.under main .list_btn_anchor .btn a{width: 260px;height: 60px}

/* ===========  OVERNOTE ===========  */
.under main .list_ovn {justify-content: space-between;}
.under main .list_ovn .item {width: calc((100% - 20px) / 2);margin: 0 0 20px 0}
.under main .list_ovn .item .cate {font-size: 14px;}
.under main .list_ovn .item .img {height: 55vw;}
.under main .list_ovn .big{font-size: 16px}
.under main .list_ovn .info_box .cate {padding: 3px 15px 2px;}

.under main .detail_interview{padding: 120px 0 0 0;}
.under main .box_detail_interview .box_left, .under main .box_detail_interview .box_right{width: 100%}
.under main .box_detail_interview h2{font-size: 25px;margin-bottom: 30px;}
.under main .box_detail_interview .img_detail{height: 500px;margin-bottom: 30px}
.under main .box_detail_interview .tt-detail{margin-bottom: 10px}
.under main .box_detail_interview .name_detail, .under main .box_detail_interview .date_detail{line-height: 1.5em}
.under main .box_detail_interview .name_detail{font-size: 18px}
.toc_content .ttl .sm{font-size: 20px}
.under main .slick_ovn_detail .slick-dots{bottom: -40px}
.under main .slick_ovn_detail .slick-dots li button::before{font-size: 12px;}
.under main .slick_ovn_detail .item{margin: 0 0px 20px 0}
.under main .slick_ovn_detail .slick-list{margin: 0 -10px}
.under main .slick_ovn_detail .slick-next{right: 25px}
.under main .slick_ovn_detail.slick-initialized .item{margin: 0 10px}

.under main .btn_list {display: flex;margin: 0 auto;flex-direction: column;align-items: center;}
.under main .btn_list li:not(:last-child) {margin-bottom: 20px;}

/*CHART*/
.under main .box_chart{flex-wrap: wrap;max-width: 500px;margin: 0 auto;justify-content: center}
.under main .box_chart .item_chart{padding: 20px 20px 40px 20px;margin: 0 20px 20px 0;position: relative;}
.under main .box_chart.col5 .item_chart,.under main .box_chart.col4 .item_chart{width: calc((100% - 20px) / 2);}
.under main .box_chart.col5 .item_chart{padding-bottom: 60px}

.under main .box_chart.col5 .item_chart:nth-child(2n+2),.under main .box_chart.col4 .item_chart:nth-child(2n+2){margin-right: 0}
.under main .item_chart .tt-chart .tt-data-ja{font-size: 20px}
.under main .item_chart .content_chart .year{bottom: 0px;left: 0;right: 0;margin: 0 auto;text-align: center}
.under main .item_chart1 .ttl_icon{margin: 0 auto;left: 0;right: 0;}
.under main .item_chart1 .ttl_icon .num{font-size: 45px;}
.under main .item_chart1 .ttl_icon .percent{font-size: 20px}

.under main .item_chart2 .counter2{width: 110px;height: 110px}
.under main .item_chart2 .counter2 .num{font-size: 55px}
.under main .item_chart2 .counter2 .percent{font-size: 25px;}
.under main .item_chart12 .content_chart .year{bottom: 30px}
.under main .item_chart3 .ttl_icon .num{font-size: 45px;width: 80px;}
.under main .item_chart3 .ttl_icon .percent{font-size: 20px}
	.under main .item_chart2 .ttl_icon {  top: 56px;}

.under main .item_chart4 .counter2 .num{font-size:55px}
.under main .item_chart4 .percent{font-size: 25px}

.under main .item_chart5 .content_chart{    padding: 100px 0 0 0;}
.under main .item_chart5 .counter2::before{width: 110px;height: 110px}
.under main .item_chart5 .counter2::after{top: -100px;width: 61px;}
.under main .item_chart5 .box_info{justify-content: center}
.under main .item_chart5 .ttl_icon .num{font-size: 45px}
.under main .item_chart5 .percent{font-size: 25px}

.under main .item_chart6 .tt1{width: 140px;font-size: 12px}
.under main .item_chart6 .box_info1 .ttl_icon{padding-left: 10px}
.under main .item_chart6 .box_info1 .ttl_icon .num{font-size: 35px}
.under main .item_chart6 .ttl_icon .percent{font-size: 16px}
.under main .item_chart6 .tt2{font-size: 18px}
.under main .item_chart6 .box_info2 .ttl_icon .num{font-size: 45px}
.under main .item_chart6 .box_info2 .ttl_icon .percent{font-size: 20px}

.under main .item_chart7 .counter2::after{top: -100px}
.under main .item_chart7 .counter2::before{width: 110px;height: 110px;}
.under main .item_chart7 .counter2::after{width: 85px}
.under main .item_chart7 .counter2 .num{font-size: 55px}
.under main .item_chart7 .percent{font-size: 30px}

.under main .item_chart8 .chart_map{width: 190px}
.under main .item_chart8 .box_chart1{left: 6px}
.under main .item_chart8 .box_chart2{right: 0px}
.under main .item_chart .box_chart1 .tt,.under main .item_chart .box_chart2 .tt{width: 60px}
.under main .item_chart8 .box_chart1 .tt,.under main .item_chart8 .box_chart2 .tt{width:90px;font-size:10px;padding: 3px 0 0 0;}
.under main .item_chart8 .ttl_icon .num{font-size: 35px;}
.under main .item_chart8 .percent{font-size: 18px;margin-left: 0px;}

.under main .item_chart9 .ttl_icon .num{font-size: 35px;}
.under main .item_chart9 .percent{font-size: 18px;margin-left: 0px;}
.under main .item_chart9 .box_chart1::before,.under main .item_chart9 .box_chart2::before{left: -10px}

.under main .item_chart10 .counter2::before{width: 110px;height: 110px}
.under main .item_chart10 .counter2 .num{font-size: 65px}
.under main .item_chart10 .percent{font-size: 28px;margin-left: 4px;}
.under main .item_chart10 .date{font-size: 18px;}

.under main .item_chart11 .counter2 .num{font-size: 65px}
.under main .item_chart11 .percent{font-size: 28px;margin-left: 4px;}

.under main .item_chart12 .counter2 .num{font-size: 50px}
.under main .item_chart12 .percent{font-size: 20px}

.under main .item_chart13 .tt{/*font-size: 16px;*/width: 110px;/*height: 24px;*/}
.under main .item_chart12 .tt1{left: 0}
.under main .item_chart12 .tt2{font-size: 20px;text-align: center;margin-bottom: 0}
.under main .item_chart12 .tt2 .txt2{font-size: 15px;}
.under main .item_chart12 .counter2::before{top: 0;width: 60px}

.under main .item_chart13 .counter2::before{width: 110px;height:110px;}
.under main .item_chart13 .counter2::after{width: 60px;top: -82px}
.under main .item_chart13 .counter2 .num{font-size: 45px;}
.under main .item_chart13 .percent{font-size: 20px}

.under main .item_chart14 .tt{width: 70px;padding: 0}
.under main .item_chart14 .ttl1{left: 40px}
.under main .item_chart14 .ttl2{right: 42px;}

.under main .u_box_white1_before::before{width: 150px;right: 15px;}

.under main .ic_before::before{width: 200px;right: 0px;top: initial;bottom: 0}
.under main .ic_before2::before{top: -20px;bottom: initial;right:-15px}

.under main .u_banner_link{padding: 20px}
.under main .u_banner_link .tt-banner-small{font-size: 14px}
.under main .u_banner_link .tt-banner-big{font-size: 16px}

}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
.under main .u_content::before{ width: 250px;}
.under main .u_content::after{ width: 250px;top: 50px;}
.under main .u-tt-en{font-size: 14vw;}
/*============ ORTHER ============ */
.under main .box_list_anchor{padding: 30px 15px}
.under main .list_btn_anchor .btn{width: 100%}
.under main .list_btn_anchor .btn a{width: 100%}

.under main .u_box_white1{padding: 30px 20px;}
.under main .u_box_white1_before{padding-bottom: 150px;}
.under main .u_box_white1_before::before{bottom: 0}

.under main .list_ovn .item .img {height: 100vw;}
.under main .list_ovn .item {width: 100%;}
.under main .list_ovn .item:last-child {margin-bottom: 0;}
.under main .box_detail_interview .img_detail{height: 350px;}

.under main .box_chart.col5 .item_chart, .under main .box_chart.col4 .item_chart{width: 240px;margin: 0 0 20px 0}

.under main .u_img_sp{display: flex;align-items: center;justify-content: center;height: 130px}
.under main .u_img_sp img{width: 100%;height: 100%;object-fit: cover;}

.under main .list_icon .item{width: calc((100% - 20px) / 2);}
.under main .list_icon .item .img-icon{max-width: 100px;margin: 0 auto}

.under main .ic_before::before{width: 100px}
.under main .ic_before2::before{top: initial;bottom: 0;right:-15px}
.under main .u_banner_link{padding: 15px}
.under main .u_banner_link .tt-banner-small{font-size: 14px}

.under main .item_chart .content_chart .year{position: relative}
.under main .box_chart .item_chart{padding: 20px}
.under main .box_chart.col5 .item_chart{padding-bottom: 20px}
.under main .item_chart12 .content_chart .year{bottom: 0}
.under main .item_chart8 .box_chart1 .tt,.under main .item_chart8 .box_chart2 .tt{font-size: 3vw;padding: 4px 0 0 0;}
}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
    .under main .slick_ovn_detail .slick-dots li{margin: 0}

    .under main h3, .under main .ovn_content h3{font-size: 7vw}
    .under main h4, .under main .ovn_content h4{font-size: 6vw}

    .under main .list_icon{gap: 10px;}
    .under main .list_icon .item{width: calc((100% - 10px) / 2);}
    .under main .list_icon .item .tt-name-ic{font-size: 4vw}

    .under main .ic_before::before{right: -25px}
    .under main .ic_before2::before{bottom: -10px;}

    .under main .list_anchor a{font-size: 3.6vw;padding-right: 25px}

    .under main .u_banner_link{padding: 10px}
    .under main .u_banner_link .tt-banner-small{font-size: 3.8vw}
}