@charset "utf-8";
/* CSS Document */

/* --------------------  sec 1 start -------------------------*/

#section1bg{ padding: 100px 0 100px;background-color: #b6d7e6; background-image: url(../img/sub3_sec1_bg.jpg); background-size: 200%; background-position:center bottom; 
        background-repeat: no-repeat; min-height: 100vh; overflow: hidden }
#section1bg h2 { font-size:28px; text-align: center; color:#d5a88e; font-weight: 600; margin-bottom:30px;}

#section1bg .left_con { margin-top: 0; width:100%  }
#section1bg .left_con h1 { font-size:18px; line-height: 1.4; position: relative; color:#4D4D4D; text-align: center; font-weight: 400; padding-bottom:0; border:2px solid #3787ac; border-radius: 20px; padding: 15px; margin-bottom:5px; background:rgba(255,255,255,0.3)}
#section1bg .left_con h1 strong { display: block; font-size:30px; line-height: 1.2; position: relative; color:#081837; text-align: center; font-weight: 600; padding-bottom:5px;}

#section1bg .right_con { margin-top: 0; width:100% }
#section1bg .right_con h1 { font-size:18px; line-height: 1.4; position: relative; color:#4D4D4D; text-align: center; font-weight: 400; padding-bottom:0; border:2px solid #3787ac; border-radius: 20px; padding: 15px; margin-bottom:5px; background:rgba(255,255,255,0.3)}
#section1bg .right_con h1:last-child { display: none }
#section1bg .right_con h1 strong { display: block; font-size:30px; line-height: 1.2; position: relative; color:#081837; text-align: center; font-weight: 600; padding-bottom:5px;}

.sns_wrap { text-align: center; margin:20px 0 }
.sns_wrap a { display: inline-block; width:100%; margin:15px 0 ; font-size: 20px; border:2px solid #25429f; border-radius: 20px; padding:10px 5px; color:#25429f !important; font-weight: bold }

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




}

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


}

@media screen and (min-width:1200px) {
    
    .section1 { width: 100%; }
    #section1bg{ padding: 320px 0 100px; background-color:#d5a88e; background-image: url(../img/sub3_sec1_bg.jpg); background-size: cover; background-position:center top; 
        background-repeat: no-repeat; min-height: 100vh; overflow: hidden }
    
    #section1bg .left_con { margin-top: 180px; width: auto;  }
    #section1bg .left_con h1 { font-size:18px; line-height: 1.4; position: relative; color:#4D4D4D; text-align: right; font-weight: 400; padding-bottom:50px; background: none; border:none }
    #section1bg .left_con h1 strong { display: block; font-size:60px; line-height: 1.2; position: relative; color:#081837; text-align: right; font-weight: 600; padding-bottom:10px;}
    
    #section1bg .right_con { margin-top: 180px; float:right; width: auto;  }
    #section1bg .right_con h1 { font-size:18px; line-height: 1.4; position: relative; color:#4D4D4D; text-align: left; font-weight: 400; padding-bottom:50px; background: none; border:none}
    #section1bg .right_con h1:last-child { display: block }
    #section1bg .right_con h1 strong { display: block; font-size:60px; line-height: 1.2; position: relative; color:#081837; text-align: left; font-weight: 600; padding-bottom:10px;}
    
    .sns_wrap { text-align: center; margin:20px 0 }
    .sns_wrap a { display: inline-block; width:46%; margin:1.5%; font-size: 20px; border:2px solid #25429f; border-radius: 20px; padding:10px 5px; color:#25429f !important; font-weight: bold }
    
}

/* --------------------  sec 1 end -------------------------*/

/* --------------------  sec 2 start -------------------------*/


.section2 { width: 100%; }
#section2bg{ padding: 100px 0 100px; background-color:#fff; background-image: url(); background-size: cover; background-position:center top; 
        background-repeat: no-repeat; overflow: hidden }
#section2bg figure { text-align: center }
#section2bg h2 { font-size:25px; position: relative; color:#251c0e; text-align: center; font-weight: 400; margin-bottom:10px;}
#section2bg h1 { font-size:40px; text-align: center; font-weight: 600; color:#251c0e; margin-bottom:30px; line-height: 1.4 }





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




}

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




}

@media screen and (min-width:1200px) {
    
    .section2 { width: 100%; }
    #section2bg{ padding: 200px 0 100px; background-color:#fff; background-image: url(); background-size: auto; background-position:center top; 
        background-repeat: no-repeat; height: auto; overflow: hidden }
    
    #section2bg figure { text-align: center }
    #section2bg h2 { font-size:40px; position: relative; color:#251c0e; text-align: center; font-weight: 400; margin-bottom:0px; line-height: 1.1; margin-top:20px;}
    #section2bg h1 { font-size:60px; text-align: center; font-weight: 600; color:#251c0e; }


}







/* --------------------  sec 2 end -------------------------*/

/* --------------------  sec 3 start -------------------------*/




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




}

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




}    
    


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

    
    
}








/* --------------------  sec 3 end -------------------------*/

/* --------------------  sec 4 start -------------------------*/




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




}

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




}    
    


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

    
}






/* --------------------  sec 4 end -------------------------*/