.main-ttl{
    position: relative;
    width: 100vw;
    height: 100vh;
}
ul[role=local] li a {
    background: #46a500;
}
.btn-primary{
    color: #fff;
}
#section_comment.white{
    color: #080a16;
    background: rgba(255,255,255,.85);
}
#section_info section:nth-child(2n+1) {
    color: #fff;
    background: rgba(0,10,20,.7);
}
#section_info section:nth-child(2n) {
    color: #080a16;
    background: rgba(255,255,255,.85);
}
.btn-primary:hover{
    background: none !important;
    opacity: .7;
}
#section_title .section_inner dl dd div:nth-of-type(2n){
    color: #46a500;    
}
#section_title .col_right dl dd:nth-of-type(2n) {
    color: #46a500;
}
#section_title .section_inner dl dd div a {
    background: #46a500;
}
#section_info section .section_inner ul li:before{
    color: #46a500;
}
#carousel>ul {
    position: absolute;
    left: 50%;
    display: -ms-flexbox;
    display: box;
    display: flex;
    transform: translate3d(-50%,-50%,0);
    -o-box-pack: center;
    justify-content: center;
}
#carousel>ul li {
    cursor: pointer;
    transition: background .3s;
}
.yotei {
    font-size: 14px;
    letter-spacing: .1em;
    width: 17em;
    border-radius: 5px;
    background: #ffeb00;
    color: #000000;
    pointer-events: none;
    text-align: center;
    display: block;
    line-height: 1.8;
  }
.yotei span{
    font-size: 140%;
}
@media (min-width: 641px){
    header[role=global]{
        opacity: 1;
        top: 0;
        margin-top: 0;
    }
    .main-ttl h2 {
        background: none;
        position: relative;
        height: 100vh;
        width: 100vw;
        top: 4px;
        left: -5px;
    }
    .main-ttl h2 img{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 48.72%;
        transform: translate3d(-50%,-50%,0);
    }
    #page{
        margin-top: 0;
        padding-top: 0;
    }
    #section_comment.yodogawa .section_inner{
        padding: 80px 0;
    }
    #modal>div>div>div p strong{
        font-size: 25px;
    }
    #modal>div>div>div p strong i{
        font-size: 16px;
    }
    .btn-primary{
        border: none;
        cursor: pointer;
    }
    .btn-primary.lesser{
        font-size: 16px;
        padding-top: 1em;
    }
    #carousel>ul {
        bottom: 12px;
    }
    #carousel>ul li.current {
        background: #fff;
    }
    #carousel>ul li {
        width: 8px;
        height: 8px;
        border: 1px #fff solid;
        border-radius: 50%;
    }
    #carousel>ul li+li {
        margin-left: 12px;
    }
    #section_comment .section_inner h3{
        text-align: center;
    }
    #section_title .section_inner dl dd {
        width: 200px;
    }
}
@media screen and (max-width: 640px){
    .main-ttl h2 {
        position: relative;
        height: 100vh;
        padding-top: 100%;
        background: none;
    }
    .main-ttl h2 img{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 95.2%;
        transform: translate3d(-50%,-50%,0);
    }
    #page {
        padding-top: 0;
    }
    #carousel>div>ul:nth-of-type(2){
        display: block;
    }
    .btn-primary.lesser{
        border: none;
        padding: 1.5em 0 0;
        margin: 0;
    }
    #modal>div>div>div p strong{
        font-size: 129.17%;
    }
    #modal>div>div>div p strong i{
        font-size: 87.5%;
    }
    #section_info section .section_inner h3{
        text-align: center;
    }
    .yotei {
        padding: 4px;
        margin: 0 auto 1em;
        line-height: 1.5;
    }  
}