@charset "utf-8";

@import "../skincommon.css";



/* ===========================================================
 header
=========================================================== */
/* globalNav
------------------------------ */
.globalNav ul li.Tab312,
.globalNav ul li.Tab365,
.globalNav ul li.Tab382,
.globalNav ul li.Tab392,
.globalNav ul li.Tab434{display:block;}

/* ===========================================================
 footer
=========================================================== */
._Index #footer{margin:0;}

/* ===========================================================
 common
=========================================================== */
/* breadcrumb
------------------------------ */
.breadcrumb #dnn_dnnBREADCRUMB_lblBreadCrumb > a[href="/"].breadcrumbItem,
.breadcrumb #dnn_dnnBREADCRUMB_lblBreadCrumb > a[href="/"].breadcrumbItem + span{display:none;}

/* ===========================================================
 index.html
=========================================================== */
._Index .scrollBoxWrap{display:flex;height:100vh;justify-content:center;align-items:center;max-height:100vh;padding-top: 70px;flex-wrap:wrap;}
._Index .scrollBoxWrap > *{flex: 0 0 100%;max-height:100%;overflow-y:auto;}
._Index .scrollBoxWrap.content01{background:url(/Portals/0/files/english/images/img_content01_01.jpg) center center no-repeat;background-size:cover;}
._Index .scrollBoxWrap.content02{background:url(/Portals/0/files/english/images/img_bg_02.jpg) center center no-repeat;background-size:cover;}
._Index .scrollBoxWrap.content02 > .inner{overflow:hidden;overflow-x: hidden;overflow-y: visible;}
._Index .scrollBoxWrap.content03{background:url(/Portals/0/files/english/images/bg_content03_01.jpg) center center no-repeat;background-size:cover;}
._Index .scrollBoxWrap.content04{background:url(/Portals/0/files/english/images/bg_content04_01.jpg) center center no-repeat;background-size:cover;}
._Index .scrollBoxWrap.content05{background:url(/Portals/0/files/english/images/bg_content05_01.jpg) center center no-repeat;background-size:cover;}
.editMode._Index .scrollBoxWrap{display:block;height:auto;min-height:460px;}
.editMode._Index .scrollBoxWrap > *{overflow:inherit;}
.editMode._Index .scrollBoxWrap.content02 > .inner{overflow:inherit;}



@media only screen and (max-width: 768px){/**/
/* ===========================================================
 index.html
=========================================================== */
._Index #main{padding-top:0;}
._Index .scrollBoxWrap > *,
._Index .scrollBoxWrap > .inner{max-width:100%;padding-top:50px;padding-bottom:50px;}
._Index .scrollBoxWrap.content01{padding:0;background:url(/Portals/0/files/english/images/img_content01_01_sp.jpg) center bottom no-repeat;background-size:cover;}
._Index .scrollBoxWrap.content01 > *,
._Index .scrollBoxWrap.content01 > .inner{padding:0;}
._Index .scrollBoxWrap.content01 > *{height:35vh;}
._Index .scrollBoxWrap.content02 > .inner{padding-left:0;padding-right:0;}



._Index .scrollBoxWrap {
    display: flex;
    height: auto !important;
    justify-content: center;
    align-items: center;
     max-height: inherit;
    padding-top: 70px;
    flex-wrap: wrap;
    min-height: 100vh;
}

/**/}