@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600&display=swap');
.font1,.en_font,#page_title > div p,
#page10 .box a > div p{
    font-family: 'Barlow Condensed', sans-serif;
}



#loader{
    display: none;
}



/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#bf9d74;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

body{
    overflow:hidden;
    
}
/*
#wrap{
    background-attachment: fixed;
    background-image: url(./Up_Img/1017/main_img.jpg);
    background-size: auto 100%;
    background-position: center;    
}
*/
#wrap::before {
  background: url(./Up_Img/1017/main_img.jpg) no-repeat center;/* 画像（ここにfixedは入れない） */
  background-size: cover;/* cover指定できる */
  content: "";
  display: block;
  position: fixed;/* 擬似要素ごと固定 */
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;/* 横幅いっぱい */
  height: 100vh;/* 縦幅いっぱい */
}

.fix_bnr{
    left:0;
    z-index:5;
}



/*--top page---------------------------
-------------------------------------*/
#main_img h2{
    top: 20%;
    left: 12%;
}
#main_img .catch {
    width: 35vw;
    max-width: 800px;
    left: 2%;
    top: 41%;
}
#main_img .catch img{
    filter: drop-shadow(0 0 15px rgba(255,255,255,0.3));
}
#main_img::after{
    display:none;
}
#main_nav ul li a{
    text-shadow: 0 0 20px rgba(0,0,0,0.3);
}
#intro{
    background: linear-gradient(0deg, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
}
#intro .welcom_title{
    font-size: 5rem;
}
#intro .rec_bnr {
    z-index: 4;
    bottom: 2%;
    right: 3%;
}
#intro .rec_bnr a::before{
    content:'';
    position:absolute;
    display:block;
    width:300px;
    height:300px;
    background:url(./Dup/img/rec2.png) no-repeat;
    background-size:contain;
    pointer-events:none;
    animation: r1 30s linear infinite;
}
@keyframes r1 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } 
}

/*--under page---------------------------
-------------------------------------*/
.other #main_wrap{
    position:relative;
}
.other #main_wrap::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:150px;
    background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    top:-149px;
    left:0;
    z-index:2;
    pointer-events:none;
}


/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#main_img{
    padding-bottom:0;
}
#main_img .catch {
    width: 63vw;
    top: auto;
    bottom: 5%;
}
#intro .welcom_title {
    font-size: 4rem;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img .catch {
    width: 80vw;
}
#intro .welcom_title {
    font-size: 2rem;
}
#intro .rec_bnr {
    bottom: 2%;
}
#intro .rec_bnr a::before{
    width: 150px;
    height: 150px
}

}