@charset "UTF-8";

/* ---------------------------------------------
*   mod-keyvisual
--------------------------------------------- */

.mod-keyvisual {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    /*background-image: url(/img/common/sky_08_b.jpg);*/
}

.androidTablet .mod-keyvisual,
.ipad .mod-keyvisual{
    background: url(/img/pc/mainvisual.png) 50% 50% no-repeat;
    background-size:cover;
    height:100vh;
    overflow:visible;
}


.mod-keyvisual__front {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mod-keyvisual__movie {
    position: relative;
}

.mod-keyvisual #player {
    width: 100%;
    height: 100%;
}




.mod-keyvisual__copy {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    overflow: hidden;
    padding-top: 370px;
    min-width: 539px;
    width: 539px;
    height: 0;
background-image:none;
    background-size: 100% auto;
    transform: translate(-50%, -50%);
}





.mod-keyvisual__copy {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    overflow: hidden;
    padding-top: 370px;
    min-width: 539px;
    width: 539px;
    height: 0;
	background: url(/img/pc/keyvisual-copy.png) center center no-repeat;
    background-size: 100% auto;
    transform: translate(-50%, -50%);
}




@media screen and (max-width: 738px) {
	
	
.mod-keyvisual__copy {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    overflow: hidden;
    padding-top: 370px;
    min-width: 539px;
    width: 539px;
    height: 0;
	background: url(/img/pc/keyvisual-copy.png) center center no-repeat;
    background-size: 100% auto;
    transform: translate(-50%, -50%);
}
	
	
	
	
	}



@media screen and (max-width: 738px) {
    .mod-keyvisual {
        position: relative;
        right: auto;
        padding-top: 150vw;
        min-width: auto;
        width: auto;
        background: url(/img/sp/keyvisual.jpg) center center no-repeat;
        background-size: cover;
    }

    .mod-keyvisual__copy {
        padding-top: 57.8125vw;
        min-width: auto;
        width: 84.375vw;
        transform: translate(-50%, -57%);
    }

}

/* ---------------------------------------------
*   mod-section-header
--------------------------------------------- */

.mod-section-header {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-top: 52px;
    padding-right: 10px;
    padding-bottom: 44px;
    padding-left: 10px;
    width: 1050px;
}

.mod-section-header:after {
    display: block;
    clear: both;
    content: "";
}

.mod-section-heading {
    text-align: center;
}

.mod-section-heading-jp {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    color: #000;
    letter-spacing: 0.05em;
    font-size: 2.28571rem;
}

.mod-section-heading-jp:before, .mod-section-heading-jp:after {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 14px;
    height: 42px;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    transform: translateY(-47%);
}

.mod-section-heading-jp:before {
    left: -1em;
    background-image: url(/img/sp/bracket_left.png);
}

.mod-section-heading-jp:after {
    right: -1em;
    background-image: url(/img/sp/bracket_right.png);
}

.mod-section-heading-en {
    display: block;
    color: #009844;
    font-size: 1.28571rem;
}

.mod-section-heading-en__inner {
    display: inline-block;
    border-bottom: 2px solid #009844;
}



@media screen and (max-width: 738px) {

    .mod-section-heading-en {
        font-size: 0.64286rem;
    }

    .mod-section-heading-en__inner {
        padding-bottom: 0.625vw;
        border-bottom-width: 0.46875vw;
    }

    .mod-section-heading-jp:before, .mod-section-heading-jp:after {
        width: 2.1875vw;
        height: 6.5625vw;
    }

    .mod-section-heading-jp {
        margin-bottom: 1.25vw;
        font-size: 1.14286rem;
    }

    .mod-section-header {
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto;
        padding-top: 9.375vw;
        padding-right: 4.6875vw;
        padding-bottom: 9.375vw;
        padding-left: 4.6875vw;
        width: auto;
    }

    .mod-campus .mod-section-header {
        padding-bottom: 7.8125vw;
    }
}


/*------------------------------------------*/

.widhfix{
    transform: scale(0.87,0.87);
    -webkit-transform: scale(0.87,0.87);
    -moz-transform: scale(0.87,0.87);
    -ms-transform: scale(0.87,0.87);
}

@media screen and (max-width: 738px) {

    .widhfix{
        transform: scale(1.0,1.0);
        -webkit-transform: scale(1.0,1.0);
        -moz-transform: scale(1.0,1.0);
        -ms-transform: scale(1.0,1.0);
    }


}

/*------------------------------------------
Update 2018.2.8
------------------------------------------*/
#topScBtn{
    display:block;
    overflow: hidden;
    width:100%;
    min-width:1050px;
    height:94px;
    position:absolute;
    bottom:36px;


    text-align: center;
}

#topScBtn > a{
    display:inline-block;
    overflow:hidden;
    width:53px;
    height:94px;
    background: url('../../img/top/scroll.png') 0 0 no-repeat;
}

#topScBtn > a:hover{
    opacity:0.5;
}

#topScBtn > a > span{
    display:none;
}


.widhfix{
    transform: scale(0.87,0.87);
    -webkit-transform: scale(0.87,0.87);
    -moz-transform: scale(0.87,0.87);
    -ms-transform: scale(0.87,0.87);
}

@media screen and (max-width: 738px) {

    #topScBtn{
        display:none;
    }

    .widhfix{
        transform: scale(1.0,1.0);
        -webkit-transform: scale(1.0,1.0);
        -moz-transform: scale(1.0,1.0);
        -ms-transform: scale(1.0,1.0);
    }


}



/* sidenav */

.sidenav {
	position: fixed;
	right: 0;
	top: 15%;
	right:0%;
	background-color: #FFF;
	z-index: 2000;
}

.sidenav  {
	width: 40px;
	margin-bottom: 0px;
}

.sidenav  a:hover {
	opacity: 0.5;
}

 @media screen and (max-width: 767px) {
	.sidenav {
		display: none;
	
}

 }


/* sidenav_oc*/

.sidenav_oc {
	position: fixed;
	right: 0;
	top: 40%;
	right:0%;
	background-color: #FFF;
	z-index: 2000;
}

.sidenav_oc {
	width: 40px;
	margin-bottom: 0px;
}

.sidenav_oc a:hover {
	opacity: 0.5;
}

 @media screen and (max-width: 767px) {
	.sidenav_oc {
		display: none;
	
}
 }

/*　ニュースコメント*/

.news_box{
	margin:0 auto;
	padding:10px;
	width:700px;
	border: 2px solid #009844;
	background-color: #FFF; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
	
	
	
}


.news_box:hover {
 /*    background-color: transparent;*/
	/* background-color: #E1E1E1;*/

    color: #666 !important;
}


.news_box a{	
	background: url(../../img/common/icon_link_bl.png) no-repeat  right !important; 
	padding-right:20px;
	padding-left:1px;
vertical-align:middle;
	display:inline-block !important; 
	
}

.news_span{
    text-align: center;
    line-height: 1;
    font-size: 0.85714rem;
    padding: 3px 6px;
    /*border-width: 1px;
    border-style: solid;*/
    border-radius: 3px;
	margin-right:5px;
	background:#009844;
	color:#FFFFFF;
}

 @media screen and (max-width: 767px) { 
.news_box span{

        padding-top: 0.625vw;
        padding-bottom: 2px;
        width: 15.625vw;
        border-width: 0.3125vw;
        letter-spacing: -0.3125vw;
    font-size: 3.59375vw;
}
 
.news_box{
	margin:5px auto 0 auto;
	padding:10px;
	width:90%;
	font-size:3.59375vw;
	border: 2px solid #009844;
}


.news_span{
    text-align: center;
    line-height: 2;
    font-size: 3.59375vw;
    padding: 3px 10px;
    /*border-width: 1px;
    border-style: solid;*/
    border-radius: 3px;
	margin-right:5px;
	background:#009844;
	color:#FFFFFF;
}



 }