@charset "utf-8";
#menu-default_menu li a strong.gMenu_name{
    color: #494949 !important;
}

/*--------//index----------------------------------------------------------------------------------------------------------------------------- -----------------------------------*/
section#indexSec1{
    position: relative;
}
#indexTopWrap{ position: relative; }
#indexS1Catch{ 
    position: absolute;
    top: -10vw;
    right: 5vw;
    font-size: 1.0rem;
    line-height: 1.5;
    color: white;
    text-align: left;
    letter-spacing: 0.1rem;
}
img#cpLogoWrap{ padding-bottom: 5vh; }
img#cpLogo{ height: 8vw; }
#topExp{
    color: white;
    margin: 3rem auto 1rem -30px;
}

#topExp h2,
#topExp h3{
    font-size: 1.2rem;
    line-height: 1.75;
    margin-bottom: 1rem;
    letter-spacing: 2px;
}
#topExp h3{font-size: 1.5rem;}
#topExp h2+p,
#topExp h3+p{
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
}

#newsWrap{    background-color: #eeeeee; }
div#newsWrap.row{ display: flex;  }

#newsWrap div.newsBoxWrap{
    margin:3rem 2rem;
}

div.lineupBox{
    border: 1px solid #E5E5E4;
    padding: 1rem;
    margin-top: 1rem;
    background: white;
    height: 27.5rem;
    overflow: auto;
}

    /*+++ news +++++*/
    #newsWrap #leftNewsBoxWrap{ margin-right: 1rem; }
    #newsWrap #rgtNewsBoxWrap{ margin-left: 1rem; }
    #newsWrap ul.newsWrapDL{ margin: auto; padding: 0; }
    #newsList{
        
    }
    .newsWrapDL li,
    #newsList li{ list-style-type: none; overflow: hidden; }
    .newsWrapDL li+li{ margin-top: 1rem; }
    .newsWrapDL div.newsDetailWrap p{ line-height: 1; }
    
    #covidCarouselMob p.newsDate,
    #covidCarousel p.newsDate,
    .newsWrapDL div.newsDetailWrap p.newsDate{ font-size: 0.75rem; margin-bottom: 0.5rem; }
    
    p.newsTitle a{ color: #494949; }
    p.newsTitle{
        font-size: 17px;
    }
    
     #covidCarouselMob p.newsTitle,
     #covidCarousel p.newsTitle,
    .newsWrapDL div.newsDetailWrap p.newsTitle{ 
        margin-bottom: 0.5rem;
        line-height:1.3;
    }
    
     #covidCarouselMob p.newsText,
     #covidCarousel p.newsText,
    .newsWrapDL div.newsDetailWrap p.newsText{ 
        font-size: 0.85rem;  margin-bottom: 0.25rem; 
        line-height: 1.3;
    }
    
    #newsWrap .newsListImg{
        width: 100%;
        background: #ACACAC;
        display: block;
        float: left;
        width: 35%;
        
        height: 6.75rem;
        object-fit: cover;
    }
    #newsWrap div.newsDetailWrap{
        float: right;
        min-height: 6vw;
        margin: auto auto 1rem 4%;
        width: 61%;
    }
    
    /*+++ news +++++*/
    
    
    
    
    #indexSec1Circle{
        position: absolute;
        /*background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20548.4%20549.5%22%20style%3D%22enable-background%3Anew%200%200%20548.4%20549.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%22274%22%20cy%3D%22276%22%20r%3D%22270.3%22%2F%3E%3C%2Fsvg%3E');*/
        background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20preserveAspectRatio%3D%22none%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20548.4%20549.5%22%20style%3D%22enable-background%3Anew%200%200%20548.4%20549.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%22274%22%20cy%3D%22276%22%20r%3D%22270.3%22%2F%3E%3C%2Fsvg%3E');
        background-repeat: no-repeat;
        background-position: right 0rem;
        background-size: cover;
        right: -70px;
        top: 640px;
        height: 50vw;
        width: 50vw;
        z-index: -1;
    }
    
    /*----------- covid_carousel--------*/
    #topExp{ display: inline-flex; }
    #covidCarouselWrap{
/*        width: 82vh;
        max-width: inherit;
        position: absolute;
        right: -21.5vh;
        height: 15rem;*/
        width: 46vw;
        max-width: inherit;
        position: absolute;
        left: 59%;
        height: 15rem;

    }
    #covidScroll{
        position: absolute;
        /*top: 7rem;*/
        top: 10.5vh;
        left: -3rem;
        z-index: 1000000;
        width: 220px;
        background: transparent;
        border: none;
    }
        #covidScroll:focus,
        #covidScroll:active,
        #covidScroll:hover{
            outline: none;
            border: none;
        }
    
    #covidCarousel{ margin: auto; padding: 0; }
    #covidCarousel div.carouselTip{
        list-style-type: none;
        /*width: 22vh;*/
        width: 225px;
        float: left;
        min-height: 25vh;
        display: inline-block;
        margin-right: 2rem;
        color: #494949;
        outline: none; 
    }
    #covidCarousel p.newsDate{ margin-top: 0.5rem; margin-bottom: auto; }
    #covidCarousel p.newsTitle{ 
        line-height:1; margin-bottom: 0.5rem;
    }
    .slick-arrow,.slick-dots{ display: none !important; }
    html body#top_page:not(.device-mobile) button.slick-arrow{

          }
          
    #covidCarouselMob .newsListImg,
    #covidCarousel .newsListImg{
        height: 150px;
        object-fit: cover;
        width: 100%;
    }

    /*----------- //covid_carousel--------*/

    
    
    
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

#mobileTopMovarw{
    position:absolute;
    top:0;
    width: 100%;
    text-align: center;
}
.home #covidScroll{width: 35px;left: -2rem;}
@media screen and  (min-width: 1024px) {

    body.front #indexSec3{
        background:url('../img/index/wave_green_bottom_earth_2.png') no-repeat left top ,url('../../../img/common/back_common.jpg') repeat-y center top;
        background-size: cover;
        min-height: 40vh;
    }
    

}

@media screen and  (min-width: 991px) {
    #mobileTopMovarw+div.siteContent{
    }
    body.device-mobile #forCustomer{
        width: 90%;
        flex: auto;
        max-width: 90%;
        margin-left: 5%;
        margin-top: 3rem;
    }
}



/*============================= sp ===========================*/
@media screen and  (max-width: 1025px) {
    body#top_page #indexSec1{
        padding-left:0;
        padding-right:0;
        background-size: 100%;
    }
    
    #forCustomer h3{
        margin-top: auto;
    }
    
    body#top_page{
        /* background-image: url(../img/index/sp_headback.png); */
        background-size: 100%;
        background-position: top center;
        padding-top: 12px;
    }
    
    #covidScroll{
        display: none;
    }
    
    section#indexSec1{
        overflow: visible;
        /*overflow: hidden;*/
        /*padding-bottom: 5%;*/
        /*margin-top: 38.5vh;*/
        margin-top: auto;
    }

    section#indexSec1 div.container{
        padding-left: 0;
        padding-right: 0;
    }
    section#indexSec1 div.siteContent{
        padding-bottom:0;
    }
    
    #topExp{ display: initial;}

    #covidCarouselWrap{
            width: 58%;
            left: 0;
            margin: 8vh 22%;
            position: relative;
            top: 6vh;
            height: auto;
    }

    
    
    /*+++++++++ index ++++++*/
    p#cpLogoWrap{ padding-top: 25vh; }
    
    #indexS1Catch #spDownArrow{
        height: 15vw;
        display: block;
        text-align: center;
        width: 100%;
        margin: 2rem auto auto auto;
    }
    
    #indexS1Catch{
        position:  absolute;
        font-size: 0.75rem;
        text-align: center;
        letter-spacing: 0.1rem;
        font-weight: 700;
        line-height: 2;
        width: 100%;
        text-align: center;
        left: 0;
    }
    
    #indexSec1Circle{
        position: relative;
        z-index: -1;
        left: 5vw;
        top: -3vh;
        height: 84vw;
        width: 84vw;
    }
    
    img#cpLogo{
        height:   auto;
        width: 40vw;
    }
    
    #topExp h3{
        text-align: center;
		    font-size:1.35em;
		    margin-top:1.5em;
	}
    #topExp h2+p, #topExp h3+p{
        font-size: 0.9rem;
    }
    
    #topExp{ margin-top: 2rem; }

    
    #newsWrap div.newsBoxWrap {
        margin: 2rem 1rem;
    }
    
    #newsWrap .newsListImg{
            object-fit: cover;
    }
    
    #covidCarouselMob p.newsText, .newsWrapDL div.newsDetailWrap p.newsText ,
    #covidCarousel p.newsText, .newsWrapDL div.newsDetailWrap p.newsText {
        font-size: 0.65rem;
        margin-bottom: auto;
        line-height: 1.75;
    }
    #newsWrap div.newsDetailWrap{ margin-bottom: auto; }
    
    #covidCarouselMob p.newsTitle, .newsWrapDL div.newsDetailWrap p.newsTitle,
    #covidCarousel p.newsTitle, .newsWrapDL div.newsDetailWrap p.newsTitle {
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }
    div.lineupBox{
        height: 33vh;
    }
    #rgtNewsBoxWrap{ margin-top: auto; }
    
    #businessInfoWrap #businessInner p.busAttnTxt{ margin-top: -2rem; }
    
    #otherContentContainer #covidInfoWrap{ min-height:  fit-content; }
    
    /*#covidCarouselWrap{ overflow:  auto; }*/
    #carouPrev{
        position: absolute;
        top: 43%;
        left: 10%;
        width: 1.5rem;
        height: 2.5rem;
        line-height: 1.5rem;
    }
    #carouNext{
        position: absolute;
        top: 43%;
        right: 10%;
        width: 1.5rem;
        height: 2.5rem;
        line-height: 1.5rem;
    }

        #covidCarouselWrap:after{
               content: " ";

background-image: url(../img/index/white_circle.svg);
    background-size: cover;
    background-position: top center;
    position: absolute;
    top: -3rem;
    left: -16vw;
    background-repeat: no-repeat;
    display: block;
    width: 80vw;
    z-index: -1;
    height: 37vh;
        } 
        
        html body #spGreenBottomBiz{
            background-color: transparent !important;
        }
        
        #covidCarouselWrapMob{
            z-index: -1;
            background: url(../img/index/green_back_mv3.svg) repeat-y center top;
            background-size: 100%;
        }
        #covidCarouselWrapMob + #indexSec2 > div.section.siteContent,
        #covidCarouselWrapMob + #indexSec2{
            padding-top: 0;
            margin-top: -3rem;
        }
        #covidCarouselWrapMob + #indexSec2{
            position: relative;
            z-index: 0;
        }
        
        #covidCarouselMob .newsListImg,
        #covidCarouselMob .newsText,
        #covidCarouselMob .newsTitle{
            max-width:50vw;
            width:50vw;
        }
        
        img#cpLogoSP{
            width: 40vw;
            margin: auto;
            padding-bottom: 3rem;
        }
        #topExp #cpLogoSpWrap{
            display: block;
            /*padding-top: 60px;*/
        }
}


#mobWhiteCircle{
    /*margin: auto 5vw;*/
    margin: auto 15px;
    padding: 1vw;
    background-image: url(../img/index/white_circle.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
#mobWhiteCircle img.spc{ width: 100%; }

#mobWhiteCircle > #covidCarouselMob.forMobile,
#mobWhiteCircle > #covidCarousel.forMobile{
    position: absolute;
    top:0;
    left: 0;
}

#covidCarouselWrapMob #covidCarouselMob{
    padding: 0;
    position: absolute;
    top: 12%;
    left: 0;
    width: 50%;
    margin: 2rem 26%;
}
body#top_page.front #businessInner p.busAttnTxt { padding: 0; max-width: 242px;}
html body#top_page:not(.header_scrolled) .gMenu>li:before{    border-color: #2FAB6F; }

/*======== movie =======*/
#greenOnMvSp{
    position: absolute;
    left: 0;
    bottom: 0vh;
}

#greenOnMvPc{
    position: absolute;
    z-index: 2;
    bottom: 1px;
    left: 0;
    width: 100%;
}

@media screen and (min-width: 752px) and (orientation: portrait) {
    #movObjSp{ display: none; }
    body#top_page #indexSec1 #movObjTabletVert{ display: initial !important; }
    #indexSec1 div.mv{ top:-8vw; }
}


@media screen and (min-width: 1010px) and (orientation: portrait) {
    #movObjTabletHori,
    #movObjSp{ display: none; }
    #movObjTabletVert{ display: initial !important; }
    #indexSec1 div.mv{ top:-10vw; }
}

@media screen and (max-width: 750px) and (orientation: portrait) {
    #movObjTabletVert{ display: none; }
    #indexSec1 div.mv{ 
        top:-14vw;
    }
}

@media screen and (max-width: 1349px) and (orientation: landscape) {
    #movObjPC{ display: none; }
}
@media screen and (min-width: 1024px) and (min-height:800px)  and (orientation: landscape) {
    #indexSec1 #movObjPC{ display: initial; }
}

@media screen and (min-width: 1365px) {
    #movObjSp,#movObjTabletVert,
    #movObjTabletHori{ display: none; }    
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){

}
@media only screen 
  and (orientation: landscape)
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
/*          div{  border:1px solid red; }*/
#gMenu_outer,
     #movObjTabletVert,
     #movObjPC,
    #movObjSp{ display: none; }
    #pcMobvie,
   #movObjTabletHori{ display: initial !important; }
    #indexSec1 div.mv{ top:-14vw; }
    body.device-pc .vk-mobile-nav-menu-btn {
        display: initial !important;
        left: auto;
        right: 5px;
        z-index:100;
    }
    #vk-mobile-nav-menu-btn{ display: inline-block !important; }
}
/*======== //movie =======*/



/*============================= tablet ===========================*/

@media screen and (min-width: 415px) and  (max-width: 1024px) and (orientation: portrait) {

    #mobWhiteCircle{
        margin: auto 14vw;
    }
    body.device-mobile #covidCarouselWrapMob #covidCarouselMob{
        top:12vh;
    }
    #covidCarouselWrapMob #covidCarouselMob div.newsDetailWrap{
        max-width: 40vw;
    }

        #covidCarouselMob .newsListImg,
        #covidCarouselMob .newsText,
        #covidCarouselMob .newsTitle{
            max-width:33vw;
            width:33vw;
            max-height: 22vw;
        }
        #covidCarouselMob .slick-slide{ padding-right: 2%; }
}
/*============================= //tablet ===========================*/


/*============================= //sp ===========================*/
@media screen and  (max-width: 426px) {
    body section#indexSec1{
        position: relative;
        padding-left: 0;
        padding-right:0;
        
    }
    p#cpLogoWrap{ padding-top: 50vh; }

    
    #covidCarouselMob .newsListImg{
        max-height: 110px;
        object-fit: cover;
    }
    
    #covidCarouselMob p.newsText{
        max-width: 40vw;
        height: 2.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    .slick-initialized .slick-slide{
        margin-right: 2rem;
    }
    body#top_page #covidCarouselWrapMob #covidCarouselMob{
        top:10%;
    }
    
    #carouPrev img,
    #carouNext img{
        height: 1.75rem;
        margin-top: 1rem;
    }
    
    #indexSec2 #rgtNewsBoxWrap{
        margin-top: 8px;
    }
    body#top_page.front #indexSec3{
    }
    
  
}
/*============================= //sp ===========================*/
@media screen and  (max-width: 376px) and (max-height: 668px) {
    #newsWrap .majSubtitle{
        font-size:1rem;
    }
    body#top_page  a.viewMoreSmall{
        top:-0.5rem;
        font-size: 0.8rem;
    }
    
        p#cpLogoWrap img{ padding-top: 3vw; }
        body#top_page #covidCarouselWrapMob #covidCarouselMob{
            top:3%;
        }
        #covidCarouselMob .newsListImg{ max-height: 31vw; }
}
/*============================= //sp ===========================*/
@media screen and  (max-width: 376px) {
#covidCarouselMob p.newsTitle, .newsWrapDL div.newsDetailWrap p.newsTitle, #covidCarousel p.newsTitle, .newsWrapDL div.newsDetailWrap p.newsTitle{
font-size:0.8rem;}
}
/*============================= //sp ===========================*/
@media screen and  (max-width: 321px) {
#covidCarouselMob p.newsTitle, .newsWrapDL div.newsDetailWrap p.newsTitle, #covidCarousel p.newsTitle, .newsWrapDL div.newsDetailWrap p.newsTitle{
font-size:0.7rem;letter-spacing:-1px;}
}
/*============================= tablet ===========================*/

@media screen and (min-width: 750px) and (min-height:1023px)  and (orientation: portrait) {
#mobileTopMovarw{top: 73vh;}
#indexSec1{padding-top:102vh;}
}

@media screen and (min-width: 460px) and (max-width:1090px)  and (orientation: landscape) {
#mobileTopMovarw{top:  67vh;}
}


/*mv----------------------------------------------------------*/
.mvtop {position: relative;padding-left: 4%;min-height: 700px;background: #FFF;padding-top: 110px;}
.mvtop .en { position: absolute; transform: rotate( 90deg ); line-height: 1.2; font-size: 80px; font-weight: bold; right: -2.3em; top: 2.1em; pointer-events: none; color: #FFF; z-index: 2; }
.mvtop .txt p {padding:0;margin:0;line-height: 1.5;}
.mvtop .txt {display: table;height: 100%;position: relative;z-index: 3;font-family: 'Noto Sans JP', sans-serif;}
.mvtop .txt .txtcell {display: table-cell;vertical-align: bottom;padding-bottom: 12vh;}
.mvtop .txt h1 {color: #38a855;font-size: 230%;font-weight: 900;line-height: 1.4;margin: 0 0 .5em;padding: 0;}
.mvtop .txt h2 {font-size: 340%;font-weight: 900;line-height: 1.4 !important;margin: 0 !important;padding: 0;}
.mvtop .txt .etc {font-size: 140%;font-weight: 400;line-height: 2;margin-top: 1.5em;}
.mvtop .txt .etc span {display:block;}
.mvtop .txt h2 p + p {margin: .3em 0 0;}
.mvtop .txt h2 p span {
 padding: .1em .2em;
 color: #FFF;
 background: -moz-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);
 background: -webkit-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);
 background-ms-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);
 } 
.mvtop .txt .btmul { margin-top: 3em;}

.mvtop .fv_slide{position: absolute;z-index: 0;top: 0;right:0;left: 590px;height: 100%;bottom:0;overflow: hidden;}
.mvtop .fv_slidebox {height: 100%;margin: 0;padding: 0;}
.mvtop .fv_slidebox .slick-list,
.mvtop .fv_slidebox .slick-list .slick-track,
.mvtop .fv_slidebox .slick-list .slick-track li{height: 100%;margin: 0;}
.mvtop .fv_slidebox .slick-list .slick-track li img {width:100%; height:100%;object-fit:cover;}

.fv { position:relative;height: 412px;overflow: hidden;}
.fv .inner {text-align: center;height: 100%;display: table;}
.fv .inner h1 { display: table-cell; vertical-align: middle; color: #FFF; font-size: 200%; line-height: 1;}
.fv .inner .en2 {font-size: 180%;font-weight: 400;margin-bottom: .5em;}
.fv .inner .ja {letter-spacing: 5px;font-size: 90%;}
.fv .bg {position: absolute;z-index: -1;top: 0;left: 0;height: 100%;width: 100%;display: block;right: 0;margin: auto;bottom: 0;background: #0b1d33;}
.fv .bg img {height: 100%;width: 100%;object-fit: cover;opacity: 0.6;}

.top_gallery .slide_sceneBox { padding: 0;}

@media only screen and (max-width:850px) { 
.mvtop {height: auto;padding-top: 0;min-height:initial;}
.mvtop .en {z-index: 0;font-size: 14vw;right: 2%;left: auto;top: 53%;pointer-events: none;color: #e7e7e7;transform: none;opacity: .3;}

.mvtop .txt {width:initial;padding-top: 30vw;display: block;padding-right: 4%;}
.mvtop .txt .txtcell {padding-bottom:5em;display: block;}
.mvtop .txt h1 {font-size: min(4.5vw,25px);display: inline-block;background: #FFF;margin-bottom: .5em;}
.mvtop .txt h2 {font-size: min(7vw,40px);font-weight: 900;line-height: 1.4;margin-bottom: 60px;}
.mvtop .txt h2 p:last-child {font-size: min(7vw,40px);/* margin-top:2em; */} 
.mvtop .txt .etc {font-size: min(4vw,20px);}
.mvtop .fv_slide{left:auto;height: 52%;width: 90%;}
.mvtop .txt .btmul {margin-top: 2em;text-align: center;}
}
@media only screen and (max-width:700px) { 
.fv { height:auto; padding:5em 2%}
.fv .inner h1 { font-size: 140%; }
.fv .inner .en2 { font-size: 150%;}
}
@media only screen and (max-width:550px) { 
.mvtop .fv_slide{height: 87vw;}    
.mvtop .txt {padding-top: 58vw;} 
.mvtop .txt h2 {margin-bottom: 7vw !important;}
}
@media screen  and (min-width: 1023px)   {
body.device-pc #indexSec1{padding-top:0 !important;}
}

@media screen and (min-width: 850px) and (max-width:1010px) {
#mobWhiteCircle{margin: auto 14vw;}
body.device-mobile #covidCarouselWrapMob #covidCarouselMob{top:12vh;}
#covidCarouselWrapMob #covidCarouselMob div.newsDetailWrap{max-width: 40vw;}

#covidCarouselMob .newsListImg,
#covidCarouselMob .newsText,
#covidCarouselMob .newsTitle{
max-width:33vw;
width:33vw;
max-height: 22vw;
}
#covidCarouselMob .slick-slide{ padding-right: 2%; }
}


/*contents---------------------------------------------------------*/
.sec {padding: 100px 0;}
.secbox {padding-left:4%;padding-right:4%;}
.sec p {margin:0;padding:0;}
.sec ul {margin:0;padding:0;}

/*btm----------------------*/
.btm {text-align: center;margin: 2em auto;}
.btm>p {display:inline-block;}
.btm * { -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s; }
.btm span {display:block;-webkit-transition:none; transition:none;position: relative;}
.btm a{box-shadow: 0px 3px 13px 0px rgb(165 165 165 / 48%);display: block;position: relative;text-align: center;overflow: hidden;padding: 1.2em 3em 1.2em 2em;line-height: 1.4;color: #FFF;font-weight: bold;border-radius: 999px;z-index: 3;}
.btm a:before { content:"";position: absolute;background: #fff;left: 0;top: 0;z-index: -1;height: 100%;width: 0;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
.btm a:after { content:"";position: absolute;background: #78b530;left: 0;top: 0;z-index: -2;height: 100%;width: 100%;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
.btm a span:before { content: ""; position: absolute; top: 0; right: -2em;bottom:0; margin: auto;z-index:1; height:1em; width: 1em; -webkit-transition: ease-in-out .2s;
 transition: ease-in-out .2s;
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center;
 background-size: .5em;  }
.btm a:hover span:before {
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%2378b530%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center; background-size: .5em; }
.btm a:hover {color:#FFF;} 
.btm a:hover {color: #78b530;}
.btm a:hover:before {width: 100%;}

.btm.redbtm a:after { content:"";position: absolute;left: 0;top: 0;z-index: -2;height: 100%;width: 100%;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;
 background: -moz-linear-gradient( 0deg, rgb(250,50,90) 0%, rgb(229,23,116) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(250,50,90) 0%, rgb(229,23,116) 100%);
  background: -ms-linear-gradient( 0deg, rgb(250,50,90) 0%, rgb(229,23,116) 100%);
  box-shadow: 0px 3px 13px 0px rgba(48, 48, 48, 0.48);}
.btm.redbtm a span:before { content: ""; position: absolute; top: 0; right: -2em;bottom:0; margin: auto;z-index:1; height:1em; width: 1em; -webkit-transition: ease-in-out .2s;
 transition: ease-in-out .2s;
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center;
 background-size: .5em;}
.btm.redbtm a:hover span:before {
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23f9305c%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center; background-size: .5em; }
.btm.redbtm a:hover {color:#FFF;} 
.btm.redbtm a:hover {color: #f9305c;}

.btm.white a{color: #78b530;}
.btm.white a:before {background: #78b530;}
.btm.white a:after { background: #fff;}
.btm.white a span:before {
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%2378b530%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center; background-size: .5em; }
.btm.white a:hover span:before {
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center; background-size: .5em; }
.btm.white a:hover {color:#fff;} 

.btmul {display:flex;justify-content: space-between;margin-top: 1.5em;}
.btmul > * { width:48%;margin: 0;}
.btmul.inner {max-width: 700px;}

@media only screen and (max-width:750px) {
.btmul {display:block;}
.btmul > * { width:100%; max-width:400px;margin: auto;}
.btmul > * + * {margin-top:1em;}
.btmul.inner {max-width:initial;} 
}
@media only screen and (max-width:480px) {
.btmul {padding-left:4%;padding-right:4%;} 
.btmul > * { max-width:initial; }
}

/*top---------------------------------------------------*/
.GALLERYsec { position: relative;}
.GALLERYsec:before {position: absolute;content:"";z-index: -1;width: 100%;height: 420px;background: url(../img/dodbg.gif) repeat;top: 0;}
.GALLERYsec .inner.flex {justify-content: space-between;align-items: center;}
.GALLERYsec .inner.flex > p { max-width: 440px;}

/* slide---------------- */
section.slide_scene {margin-top: -45px;}
ul.slide_sceneBox .slick-list {margin:0 0 100px;}
.top_gallery ul.slide_sceneBox .slick-list {margin:0;}
ul.slide_sceneBox .slick-list li {width: 280px;padding: 0 10px;}
ul.slide_sceneBox li.slick-active { opacity:1;}
ul.slide_sceneBox li .imgbox {overflow: hidden;height: 170px;position:relative;}
ul.slide_sceneBox li .imgbox img { transition:.5s all;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
ul.slide_sceneBox li>a:hover .imgbox img{ transform:scale(1.1,1.1);opacity:.6;}
ul.slide_sceneBox li .txtbox {padding: 1em 0;justify-content: space-between;align-items: center;}
ul.slide_sceneBox li .txtbox .title { color:#21a462; transition:.5s all;font-weight: 700;font-size: 120%;margin-bottom: .2em;line-height: 1.4;}
ul.slide_sceneBox li .txtbox .title + p {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
/*top_sec1---------------- */
.tleft { text-align: left;}
@media only screen and (max-width:1100px) {
.GALLERYsec .inner.flex {padding: 0 4%;}

}

@media only screen and (max-width:880px) {
.sec {padding: 4em 0;}
.secbox {padding-left:6%;padding-right:6%;} 
ul.slide_sceneBox .slick-list li {width: 90vw;max-width: 300px;padding: 0 .5em;} 
ul.slide_sceneBox .slick-list li .imgbox {height: 56vw;max-height: 200px;} 
.GALLERYsec .midashi1.txtl { text-align: center;} 
.GALLERYsec .inner.flex {display:block;padding-bottom: 3em;text-align: center;} 
.GALLERYsec .inner.flex > p { max-width: 440px; margin:auto;} 
}

@media only screen and (max-width:600px) {
ul.slide_sceneBox .slick-list li .txtbox {padding: .5em 10px 0; display:block; text-align: center;} 
ul.slide_sceneBox .slick-list li .txtbox .title { font-size: 130%;line-height:1.4; }
}


.top_service .txtarea { padding: 80px 4%;}
.top_service .txtarea .title {color:#22a462;font-size: 40px;font-weight: 700;text-align: center;line-height: 1.4;margin-bottom: .8em;}
.top_service .txtarea .title + p { margin: auto; max-width: 620px;}
.top_service .txtarea .en { color: #e8f6ef;
 line-height: 1; font-size: 140px; font-weight: bold;
 right: -1em; position: absolute; bottom: -12px; z-index: -1;}
.top_service .txtarea .en span { line-height: 1;}

.blogli {border-bottom:1px solid #dfdfdf;align-self: flex-start;margin: 0;padding: 0;}
.blogli li { width:100%;position: relative;}
.blogli li a {height:100%; color:initial;}
.blogli li a img { width:100%;p}
.blogli li a:hover { opacity:.8; color:initial; text-decoration:none;}
.blogli li a p {margin:0; padding:0;}
.blogli li a .txt {padding: 30px 30px 150px;}
.blogli li a .btm { position:absolute;bottom: 45px;text-align: center;overflow: hidden;margin: auto;left: 0;right: 0;width: 14em;}
.blogli li a .title { text-align: center; font-size: 150%; line-height: 1.4;
 margin-bottom: 1em; color: #22a462; font-weight: 700;}
.blogli li+ li {border-left:1px solid #dfdfdf;}

.blogli li .btm p{display: block;position: relative;text-align: center;border: 1px solid #78b530;overflow: hidden;padding: 1.2em 3em 1.2em 2em;line-height: 1.4;color: #FFF;font-weight: bold;border-radius: 999px;z-index: 3;}
.blogli li .btm p:before { content:"";position: absolute;background: #fff;left: 0;top: 0;z-index: -1;height: 100%;width: 0;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
.blogli li .btm p:after { content:"";position: absolute;background: #78b530;left: 0;top: 0;z-index: -2;height: 100%;width: 100%;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
.blogli li .btm p span:before { content: ""; position: absolute; top: 0; right: -2em;bottom:0; margin: auto;z-index:1; height:1em; width: 1em; -webkit-transition: ease-in-out .2s;
 transition: ease-in-out .2s;
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center;
 background-size: .5em;  }
.blogli li a:hover .btm p span:before {
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%2378b530%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center; background-size: .5em; }
.blogli li a:hover .btm p{color: #78b530;} 
.blogli li a:hover .btm p: {color: #78b530;}
.blogli li a:hover .btm p:before {width: 100%;}
.blogli li .btm p:before { content:"";position: absolute;background: #fff;left: 0;top: 0;z-index: -1;height: 100%;width: 0;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}
.blogli li .btm p:after { content:"";position: absolute;background: #78b530;left: 0;top: 0;z-index: -2;height: 100%;width: 100%;-webkit-transition: ease-in-out .2s;transition: ease-in-out .2s;}

.segmbox {position:relative;margin-bottom: 100px;}
.segmbox.nomal {margin-bottom: 0px;}
.segmbox .img { width: 100%; position: relative;}
.segmbox .img>img { position: absolute; object-fit: cover; width: 100%; height: 100%;}
.segmbox .txt {width: 100%;padding: 45px;}
.segmbox .txt .txtbox { max-width: 500px; margin-left: auto;}
.segmbox .txt .txtbox .midashi1 {text-align: left;margin-bottom: .5em;font-size: 250%;}
.segmbox .txt .txtbox .btm a { display: inline-block;}

.segmbox.seg1 { padding: 100px 0; position: relative;}
.segmbox.seg1:before {content:""; display:block;position:absolute;height:100%; width:30%;
background: -moz-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);
 background: -webkit-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);
 background-ms-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);z-index:-1;right:0;top:0;}
.segmbox.seg1:after {content:""; display:block;position:absolute;height:100%; width:100%;
background: url(../img/resk_bg.jpg) no-repeat center; background-size:cover;z-index:-2;left:0;top:0;}

.segmbox.nomal .img {width: 40%;}
.segmbox.nomal .txt {width: 60%;padding: 45px 5%;}
.segmbox.nomal .txt .txtbox {max-width: 610px;}

.segmbox .img.box3 {}
.segmbox .img.box3 .box { height: 100%;}
.segmbox .img.box3 .box img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.segmbox .img.box3 .box>* {width:50%;height:50%;padding-top: 54%;position: relative;}
.segmbox .img.box3 .box>*.wide{ width:100%;}
.segmbox .btm { text-align: left;}

.segmbox.seg2 { padding: 100px 0;}
.segmbox.seg2:before {content:"";display:block;position:absolute;height: 340px;width:100%;background: -moz-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);background: -webkit-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);background-ms-linear-gradient( 0deg, rgb(135,184,40) 0%, rgb(32,163,99) 100%);z-index:-2;left:0;top:0;}

.segmbox.nomal.reverse .txt { padding: 0 5%;}
.segmbox.reverse .txt .txtbox { max-width: 500px; margin-left: 0;}
.segmbox.seg2 .txt .txtbox .midashi1 {margin-bottom:2em; color:#FFF;}
.segmbox.seg2 .txt .txtbox .midashi1 .en { color:#FFF;}

.midashi1 { text-align: center; font-size: 320%; font-weight: 700; line-height: 1.4; margin-bottom: 1em;}
.midashi1.txtl { text-align: left; }
.midashi1 .en { font-size: 38%; font-weight: 500; color: #00a057; margin-bottom: .5em;}

.midashi2 { border-bottom:1px solid #e8e8e8; margin-bottom:1em;
 font-size: 160%; font-weight: 700; line-height: 1.4;
 display: flex; justify-content: space-between; padding-bottom: .5em; }
.linkmi {}
.linkmi a{color: #00a057; font-size:16px;}
.linkmi span { background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%2300a057%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E')
 no-repeat center right; background-size: .5em; padding-right: 1.5em; transition: .3s all; }
.linkmi a:hover span { background-position: center right .5em; }

/* linkbox---------------- */
.linkbox {}
.linkbox>* {width: 100%;overflow: hidden;}

.linkbox>* a {display: block;width: 100%;height: 100%;background: #000;color: #FFF;position: relative;}
.linkbox>* a:hover { color:#FFF; text-decoration:none;}
.linkbox>* .imgbox {position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;}
.linkbox>* .imgbox img { transition:1s all;object-fit: cover;width: 100%;height: 100%;max-width: initial;opacity:.5}
.linkbox>* a:hover .imgbox img{ transform:scale(1.1,1.1);opacity:.3;}

.linkbox>* .txtbox {max-width: 478px;margin: auto;padding: 140px 6%;position: relative;z-index: 2;}
.linkbox>* .txtbox .title {text-align: center;text-align: center;font-size: 190%;font-weight: 700;}
.linkbox>* .txtbox .en {text-align: center;margin-bottom: 1.5em;}

@media only screen and (max-width:1000px) { 
.linkbox>* .txtbox {max-width:initial;margin: auto;padding: 3em 6% 140px; }
}

@media only screen and (max-width:850px) { 
.blogli {display: block !important;} 
.blogli li+ li {border-left:none;}
.top_service .txtarea {padding: 0 4% 3em;}
.top_service .txtarea .title {font-size: min(6vw,34px);}
.top_service .txtarea .title + p { max-width:initial;}
.top_service .txtarea .en { font-size:20vw; right: -.1em; opacity:.5;}
.top_service .txtarea .en span { line-height: 1;} 
.blogli li a .txt {padding:6%  4%;}
.blogli li a .btm { position:static; margin-bottom:2em;} 
.midashi1 { font-size:260%; margin-bottom:.5em;} 
.linkbox {display: block !important;} 
.linkbox>* { width:94%;}
.linkbox>*:nth-child(2n) { margin-left:auto;} 
.linkbox>*:nth-child(n+2) { margin-top:3em;} 
.linkbox>* .txtbox {padding: 3em 8% 100px;} 

.segmbox {position:relative;margin-bottom:5em;display: block !important;}
.segmbox .img>img { position: static; object-fit: cover; width: 100%; height: 100%;}
.segmbox .txt {width: 100%;padding: 45px;}
.segmbox .txt .txtbox {max-width: 600px;margin: auto;}
.segmbox .txt .txtbox .midashi1 {text-align: center;font-size: min(7vw,40px);}
.segmbox .txt .txtbox .btm { margin-bottom:0;} 
.segmbox .txt .txtbox .btm a { display:block;}

.segmbox.seg1 {padding: 0 0 3em;}
.segmbox.seg1:before {height: 15%;width: 100%;right:0;top: auto;bottom: 0;}
.segmbox.seg1:after {height: 100%;width:100%;}

.segmbox.nomal .img {width: 90%;margin: auto;}
.segmbox.nomal .txt {width: 100%;padding: 5em 4% 5em;}
.segmbox.nomal .txt .txtbox {max-width: 600px;} 

.segmbox.seg2 {padding: 3em 0 0;}
.segmbox.seg2:before {height: 20em;width:100%;}

.segmbox.nomal.reverse .txt {padding: 0em 4% 5em;}
.segmbox.reverse .txt .txtbox { max-width: 600px; margin-left:auto;}
.segmbox.seg2 .txt .txtbox .midashi1 {margin-bottom:2em;}
 
}
@media only screen and (max-width:550px) { 
.segmbox.seg2:before {height:20%;} 
.midashi1 { font-size: 220%;} 
.linkmi span { padding-right: 1em;} 
.linkbox>*:nth-child(n+2) { margin-top:6%;}  
.linkbox>* .txtbox {padding: 3em 8% 80px;} 
}

.ulnews { margin: 0; padding: 0;}
.ulnews li+ li { margin-top: 2em;}
.ulnews li a {justify-content: space-between;color: #00a057;}
.ulnews li a:hover {text-decoration:none;}
.ulnews li .img {width: 30%;overflow:hidden;border: 1px solid #e8e8e8;}
.ulnews li .img img { transition:1s all;object-fit: cover;width: 100%;height: 100%;max-width: initial;}
.ulnews li a:hover .img img { transform:scale(1.1,1.1);opacity:.8;}
.ulnews li .txt {width: 66%;}
.ulnews li .txt time { color: #a3a3a3;}
.ulnews li .txt .title {
 font-weight: 600;
 font-size: 110%;
 line-height: 1.4;
 margin: .5em 0;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 }
.ulnews li .txt .etc { color: #a3a3a3; line-height: 1.4; overflow: hidden; 
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

@media only screen and (max-width:950px) { 
.flex2box.newstop {display: block;}
.flex2box>* {width: 100% !important;}
.flex2box>* + * { margin-top:3em;} 
}
@media only screen and (max-width:550px) { 
.ulnews li .txt .title {margin: 0;-webkit-line-clamp:3;} 
.ulnews li .txt .etc { display:none;} 
.flex2box.newstop .midashi2 {display:block;text-align: center;} 
}