@charset "utf-8";
/* CSS Document */
html,body{font-family: "Noto Sans Japanese", sans-serif;font-size: 16px;font-weight: bold;scroll-behavior: smooth;}
body{line-height: 1.8em;margin: 0;padding: 0;overflow-x: hidden;color: #000;background-color: #ffa800;}
a{color: #fff;text-decoration:none;}
a:hover{color: rgba(255,255,255,0.70);}
a.anchor {display: block; padding-top: 70px; margin-top: -70px;}
table {  border-collapse: collapse;  border-spacing: 0;}
.wrap{	overflow: hidden;position: relative;min-height: 100vh;box-sizing: border-box;padding: 0;margin: 0;}
.clearfix::after {  content: "";  display: block;  clear: both;}
a:hover img{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( pacity=60 )";}
*, *:before, *:after {box-sizing: border-box;}
section{padding: 0;margin: 0;}

/* mainimage */
section.imagearea{width: 100%;display: block;margin:0;padding:0;position: relative; background-color: #ff7a00;}
section.imagearea .mainimage {max-width: 1790px; width: 90%;display: block;margin: auto;position: relative;background-image: url("../images/main_bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;padding: 4% 4% 7%;aspect-ratio: 19 / 7;}
section.imagearea .spmain{display: none;}
section.imagearea .mainimage h1{margin: auto;padding: 0;text-align: center;position: absolute;width: 50%; z-index: 2;top: 13%;left: 23%;}
section.imagearea .mainimage h2{margin: auto;padding: 0;text-align: center;position: absolute;width: 41%;z-index: 3;bottom: 38%;left: 28%;}
section.imagearea .mainimage h1 img{margin: auto;width:100%;display: block;}
section.imagearea .mainimage h2 img{margin: auto;width:100%;display: block;}
section.imagearea .mainimage table{width: 80%;position: absolute;top: 35%;left: 10%; z-index: 4;}
section.imagearea .mainimage td{width:50%;vertical-align: bottom;}
section.imagearea .mainimage td img{width: 90%;display: block;margin: auto;}
/*section.imagearea .mainimage td .disc{width: 100%;font-size: .8vw;line-height: 1.8em; border: 7px dashed #fff;background-color: rgba(255,255,255,.30); padding: 1.5em;display: block;margin: auto 0 auto auto;}
section.imagearea .mainimage td .disc strong{font-weight: bolder;font-size:1.2vw; }*/

section.imagearea .mainimage .disc{width: 100%;font-size: .8vw;line-height: 1.8em;padding: 1.5em;display: block;margin-top: 21%;left:4%; position: absolute;z-index: 5;}
section.imagearea .mainimage .disc strong{font-weight: bolder;font-size:2.8vw;text-shadow: 1px 2px 2px #808080;color: #fff;width: fit-content;margin: auto;}
section.imagearea .mainimage .disc .text{width: 60%;margin: 10px auto auto 14%; font-size: 1vw;line-height: 1.5em;}
section.imagearea .mainimage img{width: 100%;display: block;vertical-align: middle;}
section.imagearea .mainimage img.burger{width: 24%;display: block;position: absolute;top:2%;left:35%;z-index: 1;}
section.imagearea .mainimage a.history{width: 17%;display: block;margin: auto auto auto 0;}
section.imagearea .mainimage a.history img{width: 100%;}
section.imagearea .mainimage a.blog{width: 17%;display: block;margin: auto 0 auto auto;}
section.imagearea .mainimage a.blog img{width: 100%;}
@media screen and (max-width:1550px){
}
@media screen and (max-width:1370px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:820px){
section.imagearea .mainimage {display:none!important;}
section.imagearea .spmain {width: 100%;display: block;margin: auto;position: relative; background-image: url("../images/spmain_bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;padding: 7% 4%;aspect-ratio:inherit;}
section.imagearea .spmain table{width: 90%;margin: auto;}
section.imagearea .spmain td{padding: 1em;}
section.imagearea .spmain td .image{position: relative;}
section.imagearea .spmain td .image h1{width: 100%; padding: 0;text-align: center;z-index: 3;position: absolute;left: 0%;margin-top: 5%;}
section.imagearea .spmain td .image h2{width: 80%; padding: 0;text-align: center;z-index: 2;position: absolute;left: 10%;margin-top: 45%;}
section.imagearea .spmain td .image h1 img{width:100%;display: block;margin: auto;}
section.imagearea .spmain td .image h2 img{width:100%;display: block;margin: auto;}
section.imagearea .spmain td .image img.burger{width: 65%;display:block;position: absolute;top: 100%;z-index: 1;left: 20%;margin-top: -6%;}
section.imagearea .spmain td .historybox{padding-top:75%;display: flex;}
section.imagearea .spmain td .historybox a{width: 50%;display: block;margin: auto;}
section.imagearea .spmain td .historybox a.history img{width: 80%;display: block;margin: auto auto auto 0;}
section.imagearea .spmain td .historybox a.blog img{width: 80%;display: block;margin: auto 0 auto auto;}
section.imagearea .spmain td .disc{width: 100%;font-size: 2.2vw;line-height: 1.8em;padding: 1.5em;display: block;margin: auto 0 auto auto;}
section.imagearea .spmain td .disc strong{font-weight: bolder;font-size:4.2vw;text-shadow: 1px 2px 2px #808080;color: #fff;}
section.imagearea .spmain td .disc .text{width:100%;font-size: 2.2vw;line-height: 1.5em;}
}
@media screen and (max-width:414px){
section.imagearea .spmain td .image img.burger{width: 70%;display:block;position: absolute;top: 100%;z-index: 1;left: 17%;margin-top: -10%;}
section.imagearea .spmain td .disc .text{width:100%;font-size: 3.2vw;line-height: 1.5em;}
}
@media screen and (max-width:380px){
}
@media (orientation: landscape) and (max-width: 820px){
section.imagearea .mainimage {display:none!important;}}
@media (orientation: landscape) and (max-width: 1200px){
section.imagearea{width: 100%;height: auto;overflow: hidden;display: block;margin:auto;padding:0;position: relative;}
section.imagearea .mainimage {width: 100%;display:flex;align-items: center;height: auto;overflow: hidden;}
section.imagearea .mainimage .disc{width: 100%;font-size: .8vw;line-height: 1.8em;padding: 1.5em;display: block;margin-top: 26%;left:8%; position: absolute;z-index: 5;}
section.imagearea .mainimage .disc strong{font-weight: bolder;font-size:2.8vw;text-shadow: 1px 2px 2px #808080;color: #fff;width: fit-content;margin: auto;}
section.imagearea .mainimage .disc .text{width: 60%;margin: .5em auto auto 14%; font-size: 1vw;line-height: 1.5em;}
}

section.btnarea{width: 100%;display: block;margin:0;padding:0;position: relative;}
section.btnarea .list{max-width: 1790px; width: 90%;display: block;margin: auto;position: relative;}
section.btnarea .list .box{width: 93%;display: block;margin: 30px auto;position: relative;}
section.btnarea .list .box a{display: inline-block;width: 22%;margin-right: 3.7%;}
section.btnarea .list .box a.last{display: inline-block;width: 22%;margin-right: 0;}
section.btnarea .list .box a.boshu{display: inline-block;width: 47.7%;margin-right: 0;}
section.btnarea .list .box a img{width: 100%;}
@media screen and (max-width:820px){
section.btnarea .list .box{width: 93%;display: block;margin: 1em auto;position: relative;}
section.btnarea .list .box a{display: inline-block;width: 40%;margin-right: auto;margin: 1em 4.5%;}
section.btnarea .list .box a.last{display: inline-block;width: 40%;margin-right: auto;margin: 1em 4.5%;}
section.btnarea .list .box a.boshu{display: inline-block;width: 90%;margin-right: 0;}
}
@media screen and (max-width:414px){
section.btnarea .list .box a{display: block;width: 90%;margin-right: auto;margin: 1em auto;}
section.btnarea .list .box a.last{display: block;width: 90%;margin-right: auto;margin: 1em auto;}
section.btnarea .list .box a.boshu{display: block;width: 90%;margin-right: auto;margin: 1em auto;}
}
@media (orientation: landscape) and (max-width: 1460px){
section.btnarea .list{max-width: initial; width: 90%;display: block;margin: auto;position: relative;}
section.btnarea .list .box{width: 93%;display: block;margin: 4em auto;position: relative;}
section.btnarea .list .box a{display: inline-block;width: 22%;margin-right: 3.5%;}
section.btnarea .list .box a.last{display: inline-block;width: 22%;margin-right: 0;}
section.btnarea .list .box a.boshu{display: inline-block;width: 47.7%;margin-right: 0;}
}
@media (orientation: landscape) and (max-width: 885px){
section.btnarea .list .box a{display: inline-block;width: 22%;margin-right: 3.0%;}
section.btnarea .list .box a.last{display: inline-block;width: 22%;margin-right: 0;}
section.btnarea .list .box a.boshu{display: inline-block;width: 47.7%;margin-right: 0;}
}
@media (orientation: landscape) and (max-width: 820px){
section.btnarea .list .box{width: 93%;display: block;margin: 1em auto;position: relative;}
section.btnarea .list .box a{display: inline-block;width: 40%;margin-right: auto;margin: 1em 4.5%;}
section.btnarea .list .box a.last{display: inline-block;width: 40%;margin-right: auto;margin: 1em 4.5%;}
section.btnarea .list .box a.boshu{display: inline-block;width: 90%;margin-right: 0;}
}

footer{text-align: center;font-size: .9rem;padding: .5em 0;margin: 0;}

#history{background-color: #000;background-image: url("../images/history_bg.png");background-size: 100% auto;background-repeat: repeat-y;}
/*.infobox{width: 90%;max-width: 900px;display: block;text-align: center;padding: 1em 0;background-color: #ff9e00;margin: 20px auto 50px;box-shadow: 1px 2px 2px #474747;}
.container{width: 90%;max-width: 900px;display: block;text-align: center;padding: 0;background-color: #ff4d00;margin: 20px auto 50px;box-shadow: 1px 2px 2px #474747;}
.imagebox{width: 90%;max-width: 900px;display: block;text-align: center;padding: 50px 20px 20px;background-color: #ff9e00;margin: 20px auto 50px;box-shadow: 1px 2px 2px #474747;}*/
.infobox{width: 90%;max-width: 900px;display: block;text-align: center;padding: 1em 0;margin: 20px auto 50px;}
.container{width: 90%;max-width: 900px;display: block;text-align: center;padding: 0;margin: 20px auto 50px;}
.imagebox{width: 90%;max-width: 900px;display: block;text-align: center;padding: 50px 20px 20px;margin: 20px auto 50px;}
.container h1 img{width: 100%;}
.infobox h2{width: 100%;font-size: 1.8rem;color: #fff;}
.infobox h2.name{width: 100%;font-size: 1rem;color: #fff;}
.container h3{width: 100%;font-size: 1.2rem;padding: 20px;color: #ff9e00;}
.container img, .imagebox img, .infobox img{width: 90%;display: block;margin: auto;}
.container p{font-size: .9rem;padding-top: 40px;color: #fff;font-weight: normal;}
.imagebox p{font-size: .9rem;font-weight: normal;color: #fff;}
#history footer{color: #fff;}
@media screen and (max-width:960px){
.infobox{width: 90%;max-width:none;display: block;text-align: center;padding: 1em 0;background-color: #ff9e00;margin: 20px auto 50px;box-shadow: 1px 2px 2px #474747;}
.container{width: 90%;max-width: none;display: block;text-align: center;padding: 0;background-color: #ff4d00;margin: 20px auto 50px;box-shadow: 1px 2px 2px #474747;}
.imagebox{width: 90%;max-width: none;display: block;text-align: center;padding: 50px 20px 20px;background-color: #ff9e00;margin: 20px auto 50px;box-shadow: 1px 2px 2px #474747;}
}

#page_top{  width: 70px;  height: 70px;  position: fixed;  right: 0;  bottom:60px;  opacity: 1;z-index: 1;display: block;}
#page_top a{  position: relative;  display: block;  width: 70px;  height: 70px;  text-decoration: none;line-height: 0;}
#page_top a:hover{  position: relative;  display: block;  width: 70px;  height: 70px;  text-decoration: none;background-color: rgba(69,69,69,0.80);}
#page_top a::after{  content:url("../images/top.png");   position: absolute;  top: 0;  bottom: 0;  right: 0;  left: 0;  margin: auto;  text-align: center;}
@media screen and (max-width: 800px) {
#page_top{  width: 50px;  height: 50px;  position: fixed;  right: 0;  bottom:50px;  opacity: 1;z-index: 1;display: block;}
#page_top a{  position: relative;  display: block;  width: 50px;  height: 50px;  text-decoration: none;}
#page_top a:hover{  position: relative;  display: block;  width: 50px;  height: 50px;  text-decoration: none;background-color: rgba(69,69,69,0.80);}
#page_top a::after{  content:url("../images/top_sp.png");   position: absolute;  top:0px;  bottom: 0;  right: 0;  left: 0; margin: auto;  text-align: center;}
}
@media screen and (max-width: 414px) {
#page_top{  width: 50px;  height: 50px;  position: fixed;  right: 0;  bottom:50px;  opacity: 1;z-index: 1;display: block;}
}