/*ロゴはバックグラウンドで指定*/
#logo{
    background-image:url(/header_top2.jpg);
    background-repeat: no-repeat;
    height:40px;
    width:154px;
    background-size:contain;
}

.navbar{
    border-bottom:solid 1px #f8f9fa;
    background-color: #fff !important;
    /*padding:0;*/
}

.navbar-brand{
    
}

.nav-bar > .container{
    padding-left:0 !important;
}

.nav-item{
    display:inline-block;
}

@media screen and (min-width:992px),print{
    .nav-item{
        padding-left:15px;
        padding-right:15px;
    }   
}

@media screen and (max-width:991.8px){
    .nav-item{
        padding:15px;
    }  
}

.nav-item > a{
    text-decoration: none;
    color:#a1a5a9 !important;
    display:block;
    height:100%;
    font-size:1.2rem;
    font-family: 'Source Sans Pro', sans-serif;
}

.nav-item:hover > a{
    text-decoration: none;
    color:#3f51b5 !important;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all  0.8s ease;
}

#page-wrap{
    margin-top:66px;
}

.font-gwf{
    font-family: 'Source Sans Pro', sans-serif;
}

.test div{border:solid 1px;}

/*hero*/
#hero{
    padding-top:15vh;
    padding-bottom:15vh;
}

#top-logo{
    width:100%;
    padding:10%;
}

#top-message{
    padding:5%;
}

#hero h2{font-size:2rem;line-height: 1.7;margin-bottom: 30px;}
#hero h2 > span{display:inline-block;}

@media screen and (max-width:991.8px){
    #hero h2{font-size:1.5rem;}
}

@media screen and (max-width:575.8px){
    #hero h2{font-size:1.5rem;text-align: center;}
}

/*contents-menu*/
#asmenu-wrap > .asmenu:nth-child(odd){background: #f8f9fa;}
#asmenu-wrap > .asmenu:nth-child(even){background: #fff;}

.asmenu{padding-bottom:80px;}

.asmenu .title{padding-top:50px;padding-bottom:50px;}
.asmenu .title > h2{
    font-size:4rem;color:#515557;text-align: center;font-family: 'Source Sans Pro', sans-serif;
}
@media screen and (max-width:991.8px){
    .asmenu .title{padding-top:30px;padding-bottom:30px;}
    .asmenu .title > h2{
        font-size:2.5rem;
    }
}

.asmenu .img{padding-left:0;padding-right:0;}
.asmenu .img > img{width:100%;}

.asmenu .lead{padding-left:45px;padding-right:45px;}
.asmenu .lead p{font-size:1.5rem;letter-spacing: 2px;}

@media screen and (max-width:991.8px){
    .asmenu .lead{padding-left:15px;padding-right:15px;font-size:1.25rem;letter-spacing: 0px;}
    .asmenu .lead p{font-size:1rem;letter-spacing: 1px;}
    .asmenu .lead{padding-top:15px;padding-bottom:15px;}
}

.asmenu .link{padding-top:5px;padding-bottom:5px;text-align: right;font-size:1rem;}

@media screen and (max-width:575.8px){
    .asmenu .link{text-align: center;}
}
.asmenu .link > a{position: relative;font-size:1.2rem;padding-right:15px;color:#3f51b5;}

.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.aslink-arrow{
    width:10%;
    display:inline-block;
    position: absolute;
    right: 0px;
    margin-top:auto;
    margin-bottom:auto;
}

/*arrow*/
.aslink-arrow::before{
    top:30px;
    content:" ";
    width: 10px;
    height: 10px;
    border-top: 2px solid #3f51b5;
    border-right: 2px solid #3f51b5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.link-arrow{
    width:10px;
    padding-right:0px;
    display:inline-block;
    margin-top:auto;
    margin-bottom:auto;
}

/*arrow*/
.link-arrow::before{
    top:-3px;
    content:" ";
    width: 7px;
    height: 7px;
    border-top: 2px solid #515557;
    border-right: 2px solid #515557;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#footer-wrap{
    font-family: 'Source Sans Pro', sans-serif;
    padding-top:30px;padding-bottom:30px;
    background: #e8e9ea;
    color:#515557;
}

#footer-link{
    list-style: none;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:0;
    padding-right:0;
    margin:0;
    text-align:center;
}

@media screen and (min-width:992px) ,print{
    #footer-link > li{
        display:inline-block;
        padding-left:5px;
        padding-right:15px;
    }
}

@media screen and (max-width:991.8px){
    #footer-link{
        padding-top:15px;
        padding-bottom:15px;
        margin-left:30px;
    }
    #footer-link > li{
        display:inline-block;
        padding-top:8px;
        padding-bottom:8px;
        padding-left:5px;
        padding-right:15px;
        text-align:center;
    }
}

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

    #footer-link > li{
        display:block;
        padding-top:8px;
        padding-bottom:8px;
        text-align:left;
    }
}

#footer-link > li > a{
    color:#515557;
    text-decoration: none;
}

#footer-link > li:hover > a{
    color:#515557;
    text-decoration: underline;
}


.footer-copyright{
    text-align:center;
    font-size:0.9rem;
}

/*UnderLayerPage*/

#content-title h2{
    text-align:center;
    font-size:3rem;
    font-family: 'Source Sans Pro', sans-serif;
    color:#515557;
    margin-bottom:10px;
}

#content-title p{
    text-align:center;
    font-size:1rem;
    color:#212527;
}

.title.UnderLayer >h2{
    font-size:1.75rem;
}

.title.UnderLayer{padding-top:25px;padding-bottom:25px;}
.lead.UnderLayer > p{
    font-size:1rem;
    letter-spacing: 0px;
}

.lead.UnderLayer{padding-left:25px;padding-right:25px;}

.Card.UnderLayer{padding-top:15px;padding-bottom:15px;padding-left:30px;padding-right:30px;}

@media screen and (min-width:576px){
    .asmenu.UnderLayer{padding-top:15px;}
}
    
@media screen and (max-width:991.8px){
    .Card.UnderLayer{padding-left:30px;padding-right:30px;}
    .Card.UnderLayer .img{padding-left:30px;padding-right:30px;}
}

@media screen and (max-width:575.8px){
    .Card.UnderLayer{padding-left:15px;padding-right:15px;}
    .Card.UnderLayer:nth-child(odd){background: #f8f9fa;}
    .Card.UnderLayer:nth-child(even){background: #fff;}
    .asmenu.UnderLayer{padding-bottom:0px;}
    .Card.UnderLayer .img{padding-left:0px;padding-right:0px;}
    .link.UnderLayer{background-color:#f8f9fa !important;padding-top:15px;padding-bottom:15px;text-align: center;}
    #asmenu-wrap > .asmenu.UnderLayer:last-child{background:#f8f9fa;}
}
.onlyText.lead.UnderLayer{padding-top:0px;}