@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500&display=swap');
.font2{font-family: 'Allura', cursive;}

body, .font_sans-serif{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
.font1,.top_cms_title h4{
    font-family:'Shippori Mincho B1',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", s"erif";
    font-weight: 400;
    font-style: normal;
}


/*all page-------------------------------
--------------------------------------*/
#header{
    padding-top: 70px;
    background: linear-gradient(180deg, rgba(222,222,222,0.6) 0%, rgba(255,255,255,0) 20%);
}
h1 img{max-width:350px;}
footer{background-color:#777!important;}
#footer_txt{color:white;}
#footer_links li a,footer #footer #footer_links li::after,#copyright{color:white;}



/*top page-------------------------------
--------------------------------------*/
#main_img{position:relative;}
#main_img::before,#main_img::after{
    content:'';
    position:absolute;
    display:block;
}
#main_img::before{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.3);
    top:0;
    left:0;   
    z-index:1;
}
#main_img::after{
    content:'';
    position:absolute;
    width:30vw;
    height:20vh;
    background-image:url(./Dup/img/catch.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom right;
    bottom:30%;
    right:30px;
    z-index:2;
}
#intro h2{font-size: calc(2rem - 8px);}
#intro .intro_item{transform: translateY(-130%);}
#intro .intro_item img,#intro .intro_item2 img{width:auto;}
#intro .intro_item2{transform: translateY(-50%);}
#intro .intro_txt{padding-bottom:70px;}
#top_contents1{background-color:#777;}

#top_contents1 .con1_title p::before{
    content:'';
    position:absolute;
    display:block;
    width:30px;
    height:1px;
    top:0;
    left:-20px;
    background-color:white;
    transform:rotate(135deg);
    
}
#top_contents1 figure{bottom:-20px;}
#top_contents2 h3::after{display:none;}
#top_contents2 .con1_item{
    padding-bottom: 40px;
    padding-top:40px;
    background-image: url(./Dup/img/con2.png);
    background-repeat: no-repeat;
    background-position:center center;
}
#top_contents2 .con1_item img{cursor:default;}
/*contents1 animation*/
.con1_item img{width:auto;}
.star {
  display: inline-block;
  font-size: 3em;
}
 
.star1 {
  animation: r1 3.5s linear infinite;
}
 
@keyframes r1 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#top_cms .cms_item img{width:auto;}

/*下からフェードイン*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

/*youtube*/
.youtube_box{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.bnr a:hover{transform:translateY(-3px);}

/*top page-------------------------------
--------------------------------------*/
#cms_2-c .cate_title::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1px #555;
  bottom: -1px;
  width: 15%;
}
#cms_2-c .sub_catename{
    font-size: 3rem;
    position: absolute;
    top: -100%;
    left: -20px;
    z-index: -1;
}

#cms_3-b  .sub_catename{
    font-size: 3rem;
    position: absolute;
    top: -100%;
    left: -20px;
    z-index: -1;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#menu_bt{top:30px;}
#menu_bt > div span{height:2px;}
#main_img::after{
    width: 50vw;
    height: 12vh;
}
#top_contents1 .contents1_txt{
    margin-left:initial;
    margin:auto;
}
#top_contents1 .contents1_txt h3{transform:none;}
#top_contents1 .con1_title{padding-top:30px;}
#top_cms .cms_item{padding-left:20px;}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
h1 img{width:60%!important;}
#main_img{margin-bottom:50px;}
#intro h2 {font-size: calc(1rem + 2px);}
#intro .intro_item {transform: translateY(-105%);}
#intro .intro_item img{
    display: block;
    width: 50%;
    margin: auto;
}
#top_contents1 .con1_title p{text-align:center;}
#top_contents1 .con1_title p::before{left:20px;}
#page_title{position:relative;}
#page_title::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.4);
    top:0;
    left:0;
    z-index:1;
}
#page_title h2,#page_title p{
    position:relative;
    z-index:2;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}



/*----------------20210707----------------------------*/
#news_list li{width:inhert;}