@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');
#intro_wrap .font_2up,.con_title .font_4dw{font-family: 'DM Sans', sans-serif;}

/*--------------- all page----------------------------------*/
#body{background-color:#2a2a2a;}
#fakeloader:before{background-color:transparent!important;}
#fakeloader .fl{max-width:100px;}
header.scr_header {background-color: rgba(42,42,42,0.5)!important;}
header.scr_header #logo {max-width: 80px;}
#logo {max-width: 100px;}
.hannari{ font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.return::before, .return::after {background-color:white;}
#footer {background-color: transparent;}
#footer_nav ul li a,#footer_txt,#h1txt p{color:white;}
#footer_nav li a::after {background: white!important;}
#logo2{max-width:150px;}
.linkStyle{color:#c3b485;}
#fakeloader .fl{max-width:300px;}

/*---------------top page------------------------------*/
#main_img .square_box{display:none;}
#top_pc_nav{display:none;}
#video{width:100%;}
#main_img .square_box{background-color:transparent;}
#main_img .square_box a{opacity:0.7;}
.num{display:none;}
#intro{
  margin-bottom:150px;
  color:white;
}
.back1:before{background-color:transparent!important;}
#intro_wrap{
  background:url(./Dup/img/item1.png) transparent no-repeat top 3% center;
  padding-top:12%;
}
#intro_wrap .intro_txt span{text-align:center;}
#intro .line:before, #contents3 .line:before,#contents1 .line:before, #contents2 .line:before{
  background-color:transparent!important;
  background: linear-gradient(to right, #94823f, #ececdb , #887532);
}
#contents1{
  padding-top:150px;
  background: url(./Dup/img/item2.png) no-repeat top center;
}
#contents3_wrap:after {
    background-color: rgba(62,62,61,0.7)!important;
}
#contents3 .con_box{
  background-color: rgba(255,255,255,0.1)!important;
  border: 1px solid white;
}
#contents1 .con_box,#contents2 .con_box,#contents3 .con_box{color:white;}
#top_cms{
  padding-top:150px;
  background:url(./Dup/img/item3.png) no-repeat center top 1%;
}
#top_cms .cms_2-c .cate_box{padding:2% 0;}
#top_cms .cms_6-a .cate_box{background-color:rgba(255,255,255,0.1);}
#top_cms .cms_title h3{color:white;}

#info_contact .con_img:before{background-color: rgba(101,101,101,0.5);}


.nav_menu_more:first-of-type a .icon:before{display:none;}


/*---------under page---------------------*/
.con_box_bg{background-color:rgba(255,255,255,0.1);}
.cate_list li a{
  background-color:transparent!important;
  border:1px solid #c3b485;
}
.cate_list li a:hover{
  transform:translateY(-3px);
}

/* ---------- responsive ---------- */
@media screen and (max-width: 1800px){
#intro_wrap{padding-top:15%;}
}
@media screen and (max-width: 1420px){
#intro_wrap{padding-top:20%;}
}
@media screen and (max-width: 1280px){
#main_img .square_box{display:none;}
#logo {max-width: 100px;}
}
@media screen and (max-width: 1100px){
#intro_wrap{padding-top:25%;}
}
@media screen and (max-width: 880px){
#intro_wrap{padding-top:30%;}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#intro_wrap .intro_txt span {text-align:left ;}
#logo {max-width: 60px;}
#contents2 .con_box{margin-top:0;}
.pager li{margin-right:0;}
.page9 .page_title_box h2{font-size: 29px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo {max-width: 45px;}
header.scr_header #logo {max-width: 45px;}
#main_img{height:37vh;}
#intro {margin-bottom: 80px;}
#intro_wrap {
  padding-top: 35%;
  background: url(./Dup/img/item1.png) transparent no-repeat top center;
}
#intro_wrap,#contents1,#top_cms{background-size:contain;}
.top_cms_box:first-of-type {padding-top: 50px;}
.cms_6-a .cate_box{padding:20px!important;}
#logo2 a{max-width:100px;}
.page9 .page_title_box h2 {font-size: 28px;}
#fakeloader .fl{max-width:150px;}
}

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

}




/*-----20210713----------------------------------------*/
#video_select{
	z-index: 999;
	background-color: rgba(0,0,0,0.8);
	color: white;
}
#video1_bt,#video2_bt{
    cursor:pointer;
    padding:10px;
    border:1px solid white;
    border-radius:5px;
}
#video1_bt:hover,#video2_bt:hover{
    transition:all 0.3s;
    opacity:0.6;
}