@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Square+Peg&display=swap');
body, .font_sans-serif{
    font-family: 'Zen Maru Gothic','Comfortaa', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.font2,
#page_title .sub_title{
    font-family: 'Square Peg', cursive;
}

/*
#page_top,#bottom_tel{
    position:absolute;
}
*/

/*--all page---------------------------
-------------------------------------*/

:root{
    --color1:#1a4898;
    --color2:#d2ab2f;
}

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

header{
    padding-top:0!important;
    padding-bottom:0!important;
}
#header{
    padding-top:10px;
    padding-bottom:10px;
}
#header.active{
    background-color:rgba(255,255,255,0.5);
    backdrop-filter: blur(5px);
}
#pc_nav li a{
    text-shadow: 0 0 5px #fff;
}

.header_tel{
    display:none!important;
}

#footer_info .time,
#footer_info .footer_tel{
    display:none;
}


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


.catch{
    width:25vw;
    max-width:800px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    filter: drop-shadow(0 0 35px rgba(0,0,0,0.2));
    z-index:2;
}

#con_nav{
    background:url(./Dup/img/bg.jpg) no-repeat;
    background-size:100% 100%;
}

.info_title{
    font-size:5rem;
}
#top_contents2 h2{
    font-size:4rem;
}
/*右回転*/
.en1,.en2{
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}
.rotate {
  display: inline-block;
  animation: r1 10s linear infinite;
}
 
@keyframes r1 {
  0%   { transform:translateY(-50%) rotate(0deg); }
  100% { transform:translateY(-50%) rotate(360deg); } 
}

/*--under page---------------------------
-------------------------------------*/

#page_title .sub_title{
    color:var(--color2);
    font-size:5rem;
    margin-bottom:10px;
}
/*voices*/
.v_type3 .cate_box{border: 1px solid #c9baa9;}
.v_type3 .box_title1{color: #a67c52;}



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

.catch{
    width:55vw;
}

.en1,.en2{
    width:200px;
}
.con2_bg{
    opacity:0.3;
}
.con2_txt_wrap{
    text-shadow: 0 0 25px rgba(0,0,0,0.3);
}
#footer_info .info_title {
    top: -20%;
    left: 4%;
}

#bottom_tel{
    right:auto;
    left:0;
    bottom:42px!important;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#loader .count {
    font-size: 40px;
}

#con_nav{
    background-size: auto 100%;
}
#top_contents1 .info_title {
    top: calc(-60vw - -150px);
}

#bottom_tel{
    right:auto;
    left:0;
    bottom:11px!important;
}
.menu_stick {
    top: 13px;
}

#page_title .sub_title{
    font-size:4rem;
}

#page03 #cate3 .cate_img1 img{
    width:100%!important;
    height:auto!important;
}
}