@charset "utf-8";

@import url(reset.css); 


#main_visual{
 background-image: url('../../img/14th/h1bg_pc.jpg');
 background-size: auto;
 background-position: top,center;
 height: 858px;
 margin-top: 70px;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 0px;
 color: #fff;
 position: relative;
 width: 1024px;
}

h1,.text_main{
    font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック Medium","Yu Gothic Medium";
}

h1{
    position: absolute;
    top:50px;
    right: 12px;
    text-align: left;
    font-size: 27px;
    line-height: 1.2em;
}

.text_main{
    width: 448px;
    position: absolute;
    top:155px;
    right: 48px;
    text-align: left;
    font-size:16px;
}

.flieimage{
    position: absolute;
    right: 42px;
    bottom: -100px;
}

#oubo{
    width: 1022px;
    border-right: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    margin: 0 auto;
    padding-top: 30px;
}

.back_btn{
display: block;
margin: 30px auto;
background-color: #fdd704;
width: 1022px;
padding: 15px 0;
}


@media only screen and (max-width: 767px) {
    
    #main_visual{
     background-image: url('../../img/14th/h1bg_sp.png');
     background-size: auto;
     background-position: top,center;
     background-repeat: no-repeat;
     background-size: contain;
     margin-top: 40px;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 0px;
     color: #fff;
     position: relative;
     height: 450px;
     width: 100%;
    }
    
    h1{
    position: absolute;
    top:2%;
    left:1.5%;
    text-align: left;
    font-size: 18px;
    line-height: 1.2em;
    }

    .text_main{
        width: 448px;
        position: absolute;
        top:155px;
        right: 30px;
        text-align: left;
        font-size:16px;
    }
    
    .flieimage{
    width: 75%;
    position: absolute;
    right: 0%;
    bottom: 15px;
    }
    
    .text_main_sp{
    font-weight: bold;
    color: #11512c;
    }
    
    #oubo{
    width: 95%;
    margin: 30px auto 0;
    border-top: solid 1px #ccc;
    padding-top: 0;
    }   
    .back_btn{
    display: block;
    margin: 30px auto;
    background-color: #fdd704;
    width: 95%;
    padding: 15px 0;
    }
        
}