@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');
.main_txt2::before{position: absolute;content: "";background-color: #ffa500;height: 100%;top: 0;left: 0;right: 100%}
.main_txt2.active::before{animation: anime1 1s cubic-bezier(.22,1.11,.58,.98);}
@keyframes anime1 {
0%{left: 0;right: 100%}
50%{left: 0;right: 0}
100% {left: 100%;right: 0}
}
.linkStyle{color: #40e0d0;}
.fadein{
     opacity: 0;
    transform: scale(0.8);
     transition: 0.3s;
     transition-property: opacity,transform
}
.fadein.fadetrans{
     opacity: 1;
     transform: scale(1);
}
body,h1,h2,h3,h4{font-weight: 600;}
#header{
background-color: rgba(247,247,247,0.9);
border-bottom: none;
}
header span.before,header span.after{background-color: rgba(64,224,208,0.9);}
#top_contents1 h3::before, #top_contents2 h3::before{
color: #FFA500;
opacity: 1;
z-index: -1;}
#top_message{
background: url(Dup/img/item1.png)no-repeat center;
    background-size: contain;
}
#top_message span{
    font-size: 3rem;
    font-family: "Russo One", sans-serif;
    color: #40e0d0;
}
#top_message h2{
font-size: 30px;
text-align: center;
color: #333!important;
}
.top_contents1_box, .top_contents2_box{max-width: 600px;}
#top_contents1 div span.after, #top_contents2 div span.after{
background-color: #ffa500;
    -webkit-transform: skewX(-21.35deg)!important;
    transform: skewX(-21.35deg)!important;
}
#top_contents1 h3, #top_contents2 h3{font-size: 30px;}
#top_contents1 .typo{
    transform: rotate(-90deg);
    left: -550px;
    color: #fff;
    opacity: 0.2;
    top: 33%;
}
#top_contents1 .typo span,#top_contents2 .typo2 span{
    font-size: 10rem;
    font-family: "Russo One", sans-serif;
}
#top_contents2 .typo2{
right: -470px;
    transform: rotate(90deg);
    color: #fff;
    opacity: 0.2;
    top: 42%;
z-index: 2;
}
#top_contents2 h3::before{
left: inherit;
right: -50px;}
#vegas p{
font-size: calc(75vw / 13.66);
    color: #fff;
    z-index: 2;
    line-height: 1.4;
    left: 33%;
}
#header_contact a.btn_back{background-color: #ffa500;}
#header_contact a.btn_back:hover{background-color: rgba(197,197,197,0.9);}
footer{background-color: #f7f7f7;}
#footer .footer_info p,.footer_sitemap li a,#footer p,#copyright{color: #333;}
footer{
background-image: url(Dup/img/item1.png);
    background-repeat: no-repeat;
}
.cms_2-b .cate_box{
position: relative;
height: 250px;}
.cms_2-b .cate_box::before{
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-color: rgba(130, 128, 128 ,0.4);
    transition: 0.3s;
}
.cms_2-b .cate_box:hover:before{background-color: rgba(64, 224, 208,0.5);}
#vegas{height: 100vh;}
header span.after{
height: 860px;
    right: -220px;
top: 80px;}
#footer_contact h3{text-shadow: 0 2px 4px rgba(0,0,0,0.3);}
/*--------------------------------------
下層
----------------------------------------*/
.cate_list li a{background-color: #ffa500;}
.hukidashi {

  position: relative;
  padding: 50px;
  border-radius: 12px;
  background: #f7f7f7;/*色は任意*/
  box-sizing:border-box;
  margin:0 !important;
  line-height:2;
/*   align-items: center; */
}
.says p{
  margin:8px 0 0 !important; 
}
.says p:first-child{
  margin-top:0 !important;
}
.says:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
/*   margin-top:-3px;  */
}
.says:after {
top: -30px;
    left: 50%;
    border-bottom: 22px solid #f7f7f7;
transform: translateX(-50%);
}
.pager li a{
padding: 20px 25px;
background-color: #40e0d0;}
.info_map{display: none;}
/*--------------------------------------
tab
----------------------------------------*/
@media screen and (max-width: 768px){
#top_message p:first-of-type {
    font-size: 16px;
}
#menu{background-color: #f9fffe;}
#menu h3,#menu nav ul li a,#menu p a{color: #333;}
.is-active .l-hdr-toggle__line,.l-hdr-toggle__line {
    background-color: #333;
}
#top_contents1 .typo{
left: -533px;
z-index: 2;
}
#top_contents2 h3::before{
top: -25%;
    left: 50%;
right: inherit;
}
#top_contents1 div span.after{left: -40%;}
#vegas {
    height: 50vh;
}
header span.after{right: -100px;}


}



/*--------------------------------------
sp
----------------------------------------*/
@media screen and (max-width: 667px){
#top_message h2,#top_contents1 h3, #top_contents2 h3{font-size: 20px;}
#vegas{margin-bottom: 10px;}
#top_contents1 h3::before{top: -35%;}
#top_contents2 h3::before{top: -15%;}
footer{
background-size: contain;
    background-position: bottom;
}
.top_contents1_img{background-position: center left 6px;}
header span.after{right: 30px;}
.hukidashi{padding: 20px;}

}

/*--------------------------------------
IE
----------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
#cms_2-b .cate .cate_title{padding-top: 10px!important;}
#cms_6-b .cate .cate_title{padding: 10px 5px 10px!important;}


}