@charset "UTF-8";

/*==========================
トップページの設定
============================*/

.index-cont{
    background: url(../img/index/main-image.jpg) center top / cover no-repeat fixed;   
}

/*----- PCの時の設定 -----*/

@media only screen and (min-width: 768px) {
    .index-cont{
        padding:30px 0 200px;
    }

    .info-image{
    margin-bottom:70px;
    }
}

.main-info{
    color:#fff;
    background-color: rgba(1, 18, 94, 0.4) ;
    padding:20px;    
    text-align: center;
    margin: 0 auto;
}

.h2-index{
    font-size:5.0rem;
    color:#fff;
}

.index-logo{
    margin:0 auto;
    padding:50px 0;
    max-width: 540px;
}

.index-logo-image{
    /* float:left; */
    width:48%;
    margin: 0 auto;
}

/* .index-logo-image:first-child{
    margin-right:2%;
} */


/*----- スマホの時の文字サイズ-----*/

@media only screen and (max-width:481px){
    .h2-index{
        font-size:2.0rem;
    }
}


/*------スマホの時は中央揃え-------*/

@media only screen and (max-width:768px) {
    .head-nav{
        position:relative;
        overflow: hidden;
    }

    .head-nav ul{
        float:left;
        left:50%;
        position: relative;
    }

    .head-nav li{
        float:left;
        left:-50%;
        position: relative;
    }
}


/*======================================================
PC向けおよび大型タブレット向けのレイアウトの指定：481px～768px
======================================================*/
@media screen and (min-width: 481px) {
    
  
    
    
}
/*======================================================
PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px
======================================================*/

@media only screen and (min-width: 768px) {

    


    }


    
    
    
    
    
}