@charset "UTF-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 all
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
*{box-sizing: border-box;}
body{font-family: 'Noto Sans JP', sans-serif; font-size: 16px;}
main{transition: 0.3s ease-in;}
.inner{max-width: 1200px; width: 100%; margin: 0 auto; position: relative;}
img{max-width: 100%; width: auto; vertical-align: bottom;}
a{color: #434343; text-decoration: none; transition: 0.3s ease-in;}
a:hover{opacity: 0.6;}
.a_clear:after{content: ""; display: block; clear: both;}
ul,li,ol{list-style: none;}

.pc_only{}
.sp_only{display: none;}

@media screen and (max-width:800px){
    .inner{padding: 0 20px;}
}

@media screen and (max-width:640px){
    body{font-size: 14px;}
    .pc_only{display: none;}
    .sp_only{display: block;}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 header
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
header{background: rgba(255, 255, 255, 0.3); position: fixed; top:0; left: 0; right: 0; width: 100%; z-index: 10; padding: 20px 50px;}
header:after{content: ""; display: block; clear: both;}
header a{transition: 0.3s ease-in;}

header h1{float: left; max-width: 100px; position: relative; margin-right: 20px;}
header .navArea{float: right;}
header .navArea ul.gnav__menu{padding-top: 25px;}
header .navArea ul.gnav__menu li{display: inline-block; margin-left: 22px;}
header .navArea ul.gnav__menu li a{color: #000;}
header .navArea ul.gnav__menu li b{font-family: 'Piedra', cursive; font-size: 20px; display: block; text-align: center; 
    letter-spacing: 2px; margin-bottom: 6px;}
header .navArea ul.gnav__menu li span{font-size: 13px; font-weight: 500; display: block; text-align: center;}

@media screen and (max-width:1350px){
    header h1{max-width: 80px;}
    header .navArea ul.gnav__menu li b{font-size: 16px; letter-spacing: 1px;}
}
@media screen and (max-width:1160px){
    header{padding: 20px 30px;}
    header .navArea ul.gnav__menu li{margin-left: 13px;}
}

@media screen and (max-width:991px){
    header{height: 60px;}
    header h1{float: none; position: absolute; left: 20px; top: 10px; width: 100px;}
    header .navArea{float: none;}

    header .navArea ul.gnav__menu{display: flex; flex-wrap: wrap;}
    header .navArea ul.gnav__menu li{margin-left:0; width: 33.33%; margin-bottom: 30px; text-align: center;}

    /*menu*/
    .menu{height: 20px; position: absolute; right: 20px; top: 20px; width: 30px;z-index: 99;}
    .menu__line{background: #333; display: block; height: 2px; position: absolute; transition:transform .3s; width: 100%;}
    .menu__line--center{top: 9px;}
    .menu__line--bottom{bottom: 0;}
    .menu__line--top.active{top: 8px; transform: rotate(45deg);}
    .menu__line--center.active{transform:scaleX(0);}
    .menu__line--bottom.active{bottom: 10px;transform: rotate(135deg);}
 
    /*gnav*/
    .gnav{background: rgba(255, 255, 255, 0.8); display: none; height: 100%; position: fixed; width: 100%; z-index: 98; top: 0; left: 0; right: 0;}
    .gnav__wrap{align-items:center; display: flex; height: 100%; justify-content: center; position: absolute; width: 100%;}
    /*.gnav__menu__item{margin: 40px 0;}
    .gnav__menu__item a{color: #fff; font-size: 2em; font-weight: bold; padding: 40px; text-decoration: none; transition: .5s;}
    .gnav__menu__item a:hover{color: #666;}
    .hero{background:url(images/hero.jpg) no-repeat; background-position: 50% 50%; background-size: cover; height: 100vh;}*/
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 footer
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
footer{background: #e48e00; padding: 80px 0 30px;}
footer .footer_inner{max-width: 1200px; width: auto; margin: 0 auto;}
footer .footer_inner::after{content: ""; display: block; clear: both;}
footer .f_link ul{display: flex; justify-content: center; flex-wrap: wrap;}
footer .f_link li{padding: 0 10px;}
footer .f_link li a{color: #fff; font-size: 13px;}
footer .f_link li a b{font-family: 'Piedra', cursive; font-size: 20px; letter-spacing: 3px; display: block; text-align: center; margin-bottom: 6px;}
footer .f_link li a span{display: block; text-align: center;}
footer .copy{text-align: center; color: #fff; margin-top: 70px;}

@media screen and (max-width:991px){
    footer .footer_inner{padding: 0 15px;}
    footer .f_link li{width: 25%; margin-bottom: 25px;}
}

@media screen and (max-width:640px){
    footer{}
    footer .f_link li{width: 50%;}
    footer .copy{    margin-top: 40px;}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 main
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
main{display: block;}
body.page #main{padding-top: 102px;}

.view{opacity: 0; transform: translateY(-50%); transition: 0.5s;}
.view.fadeInUp{opacity : 1; transform: translateY(0px); transition: 1s;}

#bnrArea{padding: 68px 0 80px;}
#bnrArea .bnrBox:after{content: ""; display: block; clear: both;}
#bnrArea .bnrBox .bnrLeft{float: left;}
#bnrArea .bnrBox .bnrRight{float: right;}

#bnrArea .bnrBox .bnrLeft::after{content: ""; display: block; clear: both;}
#bnrArea .bnrBox .bnrLeft .bnr01{margin-bottom: 25px;}
#bnrArea .bnrBox .bnrLeft .bnr02{ float: left;}
#bnrArea .bnrBox .bnrLeft .bnr03{float: right;}

@media screen and (max-width:800px){
    #bnrArea{}
    #bnrArea .bnrBox .bnrLeft{width: 62%;}
    #bnrArea .bnrBox .bnrLeft .bnr02{width: 60%;}
    #bnrArea .bnrBox .bnrLeft .bnr03{width: 37%;}
    #bnrArea .bnrBox .bnrRight{width: 36%;}
}

@media screen and (max-width:480px){
    #bnrArea{padding: 40px 0 40px;}
    #bnrArea .bnrBox .bnrLeft{float: none; width: 100%; text-align: center; margin-bottom: 40px;}
    #bnrArea .bnrBox .bnrLeft .bnr02{width: 60%;}
    #bnrArea .bnrBox .bnrLeft .bnr03{width: 37%;}
    #bnrArea .bnrBox .bnrRight{float: none; width: 100%; text-align: center;}
}

/*privacy ---*/
#privacy_area{padding: 70px 0 0;}
#privacy_area h2{text-align: center; margin-bottom: 80px;}
#privacy_area h3{font-size: 15px; margin-bottom: 8px;}
#privacy_area p{font-size: 13px; line-height: 1.8; margin-bottom: 28px;}
#privacy_area p b{font-size: 15px; color: #e48e00;}

@media screen and (max-width:480px){
    #privacy_area{padding: 40px 0 0;}
    #privacy_area h2{margin-bottom: 30px;}
}