@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
body{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}

/*
html, body{overflow: auto;}
.pp-section{position: static;}
*/

/*----------all page------------------------------*/
.linkStyle{color: #BE0032;}
.footer_bg{background-color:#232323!important;}
#footer_nav li a{color:white!important;}
#sns_links{  border-color:white!important;}
#sns_links p{ color:white;}

/*----------top page--------------------------*/
.intro_title span:first-letter{font-size:calc(3rem + 7px);}
.intro_left{
  padding-top:50px;  
}
.intro_wrap .font_bar{display:none;}
#contents .con_title,#contents2 .con2_title{font-size:calc(2rem - 2px);}

#contents .con_wrap::before,#contents2 .con2_wrap::before{
  content:'';
  position:absolute;
  display:block;
  background-repeat:no-repeat;
  background-size:contain;
  z-index:99;
  opacity:1;
}
#contents .con_wrap::before{
  width:10vw;
  height:95vh;
  background-image:url(./Dup/img/contents.png);
  top:20px;
  left:-100px;
}
#contents2 .con2_wrap::before{
  width:10vw;
  height:75vh;
  background-image:url(./Dup/img/contents2.png);
  top:-100px;
  left:-100px;
}
.con_wrap{
  padding-top:50px;
  padding-bottom:50px;
}
.con_no,.con2_no{
  font-size:3rem;
  font-weight: bold;
  line-height: 1;
}
.con_bg,.footer_bg{
  background-image:url(./Dup/img/bg2.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-color: #232323;
}
.cms_title{
    background-image: url(./Dup/img/cms.png);
    background-size: 100% 100%;
    margin-top: 0;
    padding-top: 100px;
    border-top:0;
}
.cms_title::before{
  content:'';
  position:absolute;
  display:block;
  width:9vw;
  height:22vh;
  background-image:url(./Dup/img/item.png);
  background-size:contain;
  background-repeat:no-repeat;
  top:10px;
  right:35%;
}
.cms_title h3{
  font-size:4rem;
  font-weight:bold;
  color:white;
  line-height:1;
}
.cms_title .font_14up{
  font-size:3rem;
  font-weight:bold;
  color:#F2B33D;
}

#top_cms .cms_title span{display:none;}

/*fadein*/
.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

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

/*-----------under page------------------------------*/
.u_footer{
    background-repeat: no-repeat;
    background-image: url(./Dup/img/bg2.png);
    background-size: auto auto;
    background-position: right bottom;

}
.u_footer .footer_left{color:white!important;}
.u_footer .tel_bt a{color:white;}
::marker{display:none!important;}
li{list-style-type:none;}

/*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;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#custom{height:50%!important;}
#contents2 .d_flex{height:initial!important;}
.cms_title::before{
  top:50px;
  right:27%;
}
.footer_left .footer_txt{color:white!important;}
.tel_bt a,.h1_txt,.copyright{color:white;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#video{height:40vh!important;}
.intro_left{padding-top:20px;}
.cms_title{background-size:cover;}
.cms_title h3 {font-size: 3rem;}
.cms_title .font_14up {font-size: 2rem;}
.cms_title::before {
    width: 12vw;
    top: 73px;
    right: 17%;
}
.cms_box{padding-top:10px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#cms_2-b .cate .cate_title,#cms_6-a .cate .cate_title{padding-top:12px!important;}

}