@charset "utf-8";
/* 自動リンク設定 */
#loader {
    transition: 0s;
}
.linkStyle{
	color:#ff9c00;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#ff9c00;
	opacity: 0.7;
	transition: all 0.5s;
	text-decoration: none;
}
#contents,#contents2,.top_cms_box{
    position: relative;
}
.line_dec1{
    position: absolute;
    top: -150px;
    right: -60px;
    z-index: 1;
    width: 250px;
}
.line_dec2{
    position: absolute;
    z-index: 2;
    top: -70px;
    left: -100px;
    width: 250px;
}
.line_dec3{
    position: absolute;
    bottom: -150px;
    right: -80px;
    width: 250px;
}
.line_dec4{
    position: absolute;
    z-index: 2;
    top: -70px;
    left: -100px;
    width: 250px;
}
#contact_tel_wrap .contact_tel p.d_inline_b{
    color: #f5e73c;
}
.intro_txt {
        font-weight: bold;
    line-height: 2.5;
}
.intro_txt span.intro_dec {
    color: #ff8800;
    font-size: 18px;
    border-bottom: 1px solid;
}
/* 動画 main img---------------------------------------------------------------------------------------------*/
#video{
    /*height: 90vh;*/
    height: calc(100% - 94px);
    max-height: calc(100vh - 94px);
    padding-top: 94px;
        overflow: hidden;
}
.main_dec{
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 10%;
    width: 20%;
}
.catch {
    z-index: 2;
    position: absolute;
    top: 40%;
    left: 5%;
    /*transform: translate(0%, -50%);*/
        width: 50%;
    max-width: 620px;
}

.fadein {
animation-name: fadeinAnime;
animation-duration:5s; /* アニメーション時間 */
animation-delay: 3.5s; /* 〇秒後に変化 */
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeinAnime{
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  10% {
    opacity: 1;
    transform: translateX(0px);
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }

}


/* CSS Document */
/* color */
body,.txt_color_nomal{color: #2c1200;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #ff9c00;} /* オレンジ */
.txt_color2{color: #CDB6BC} /* サブカラー */
.txt_color3{color: #ff9c00;} /* オレンジ（リンク） */
.txt_color4{color: #56383a} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #ff9c00;} /* オレンジ */
.bg_color2{background-color: #fff6eb;} /* ベージュ */
.bg_color3{background-color: #ff9c00;} /* オレンジ（プライバシーポリシー） */
.bg_color4{background-color: #56383a} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #564238;} /* 黒っぽい色 */
.border_color2{border-color: #564238;} /* 黒っぽい色 */
.border_color3{border-color: #564238;} /* 黒っぽい色 */
.border_color4{border-color: #56383a}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ffda00} /* 黄色 */
.hvr_txt_color2:hover{color: #ffda00} /* 黄色 */
.hvr_txt_color3:hover{color: #ffda00} /* 黄色 */
.hvr_txt_color4:hover{color: #ffda00} /* 黄色 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #56383A} /* メインカラー */
.hvr_bg_color2:hover{background-color: #CDB6BC} /* サブカラー */
.hvr_bg_color3:hover{background-color: #C45F2C} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #56383a} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #56383A}
.hvr_border_color2:hover{border-color: #CDB6BC}
.hvr_border_color3:hover{border-color: #C45F2C}
.hvr_border_color4:hover{border-color: #56383a}

.back1:before{background-color: rgba(205,182,188,0)!important;}
.back2:before {background-color: rgba(146,255,248,0)!important;}

#top_cms{background-color: #fbfaef;}
#info_contact span.pop400,#info_contact span.hannari{
    color: #2c1200;
}

/* 文字 ---------------------------------------------------------------------------------------------*/
body{font-family: 'Murecho', sans-serif;}
h3,.num,.hannari,.cate_title,
#cms_2-c .box_txt1,#cms_3-c .box_title1,#page7 .box_title1,
#page10 .more_btn,#footer_nav a,#header a,#overlay .left li:before,.return a,.card h4{
    font-family: 'Kaisei Tokumin', serif;
    
}
#page7 .box_title1{font-weight: 300;}
#footer_nav a{font-weight: 600;}

/* TOP ---------------------------------------------------------------------------------------------*/
/* バナー */
.bnr{
    right: 60px;
    bottom: 30px;
    max-width: 150px;
    z-index: 4;
}
.bnr a{display: block;transition: 0.5s;}
.bnr a:hover{opacity:0.7;}

/* 全体 */
#fakeloader{background-color: #ff9c00;}
#fakeloader:before{background-color: rgba(255,255,255,0);}
#header{
        z-index: 3;
}
header.scr_header #logo {
    max-width: 50px;
}
header{
    opacity: 1!important;
}
#pc_nav li {
    font-size: 18px;
    max-width: 200px;
}
#pc_nav,.scr_header{opacity: 1!important;}
#header{background-color: rgba(255, 156, 0,0.7);}
#header a{color: #fff;}

.return a{
    color: #333;
    font-weight: 600;}
.return::before, .return::after{
    border: 1px solid #8f3a01;}

#logo {
    max-width: 55px;}
header.scr_header #logo{
    max-width: 40px;}

footer{
    background-color: #f5f3e0!important;
}
footer #logo2 a{
    max-width: 170px;
}
#page_title:before{
    background-color: rgba(255,255,255,0.6);}


/* イントロダクション、コンテンツ */

span.num,.line.scrollin:before,#contents3_wrap:before,#contents3_wrap:after{display: none;}


#intro_wrap{
    border-radius: 50px;
        background-color: #fbfaef;
}
    /*border: 5px solid #8f3a01;}*/
#intro h3{
    color: #ff8800;
    padding-top: 15px;
    text-align: center;
}

#contents1_wrap,#contents2_wrap{
    padding: 0px;
}
#contents1 .con_box,
#contents2 .con_box,
#contents3 .con_box{margin-top: 0px;}
#contents1 .con_title,
#contents2 .con_title,
#contents3 .con_title{margin-bottom: 0px;}

#contents1 .con_img {
    padding-bottom: 10%;
    
}

#contents1 h3,#contents2 h3,#contents3 h3{
    color: #ff8800;
    padding: 18px;
    border-radius: 15px;
    position: absolute;

}
#contents1 h3,#contents2 h3,#contents3 h3{
    top: 0px;
}
#contents2 h3,#contents2 .con_txt{
    right: 5%;
}
#contents1 h3,#contents1 .con_txt,
#contents3 h3,#contents3 .con_txt{
    left: 5%;
}

#contents1 .con_txt,#contents2 .con_txt,#contents3 .con_txt{
    background-color: rgba(255 ,255, 255 ,0.85);
    padding: 2%;
    border-radius: 20px;
    position: absolute;

}
#contents1 .con_txt,#contents2 .con_txt,#contents3 .con_txt{
    top: 200px;
    width: 33%;
}
#contents{
    margin-top: 180px;
}


#contents,
#contents1,#contents1_wrap,
#contents2,#contents2_wrap,
#contents3{
    display:block;
  
}

#contents1 .con_img,#contents2 .con_img,#contents3 .con_img{
    margin-top: 0px;
    width: 100%!important;
}
#contents2 img,#contents3 img{
    width: 100%!important;
    height: auto!important;
}
#contents3 .con_box{
    margin: 0px;
    padding: 0px;
}
#contents1 .con_img::before ,#contents3 .con_img::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(./Dup/img/dec06.png);
    background-repeat: no-repeat;
    background-size: 100%, 100% 40%;
    background-position: top left, bottom left;
}
#contents2 .con_img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(./Dup/img/dec07.png);
    background-repeat: no-repeat;
    background-size: 100%, 100% 40%;
    background-position: top left, bottom left;
}

/* 吹きだしの固定 */
.dec{
    max-width: 200px;
    width: 100%;
    /*display: none;*/
}

.dec1{
    top: 30px;
    left: 50%;
    transform: translateX(-50%)!important;
    width: 100px;
}
.dec2{
    max-width: 100px;
    top: -110px;
    left: 15px;
}
.dec3{
    max-width: 100px;
    top: -110px;
    right: 26px;
}

/* TOP CMS */
#top_cms::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 155px;
    top: -120px;
    left: 0;
    background-image: url(./Dup/img/dec05.png);
    background-repeat: repeat-x;
    background-size: 100%;
    background-position: top left;
}
#top_cms::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 155px;
    bottom: -120px;
    left: 0;
    background-image: url(./Dup/img/dec08.png);
    background-repeat: repeat-x;
    background-size: 100%;
    background-position: bottom left;
}

#top_cms .more_btn{
    background-color: #ff9c00;
    border-radius: 30px;
    color: #fff6eb;
    box-shadow: 2px 2px 15px rgba(255, 187, 77, 0.85);
}

#top_cms .more_btn:hover{
    background-color: #ffb33c;
    box-shadow: 0px 0px 0px 0px rgba(143, 58, 1,0);
    transform: translate(0px, 0px);
}

#top_cms .cms_title h3{
padding-bottom: 15px;}

#top_cms .cms_title{
    
    padding: 35px 38px 25px 34px;
    margin-bottom:20px;
        margin-bottom: 20px;
    background-image: url(Dup/img/cms_title.png);
    background-repeat: no-repeat;
    background-size: 60px;
}


/* インフォ・コンタクト */
#info_contact{
    padding-top: 80px;}
#info_contact .con_img{
    /*border: 4px solid #8f3a01;*/
    box-shadow: 2px 2px 15px rgba(229, 229, 229 ,0.4);
}
#info_contact .con_img:before{
    background-color: rgba(255,255,255,0.7);}
.dec4{
    position: fixed;
    max-width: 2000px;
    width: 100%;
    bottom: 0px;
    right: 0px;
    z-index: -1;
}

/* ハンバーガーメニュー */
#overlay{background: #ff8800;}
#overlay .left, #overlay .right,#overlay .border_do1-b{
border: 0px solid;}
#overlay .nav_menu_more a{
    background-color: #fbe7c2;
    border-radius: 30px;
    color: #333;
    box-shadow: 2px 2px 5px 0px rgba(143, 58, 1, 0.7);
}
#overlay .nav_menu_more a:hover{
     background-color: #ff9c00;
    box-shadow: 0px 0px 0px 0px rgba(143, 58, 1, 0);
    transform: translate(0px, 1px);
}
.overlay ul{
    height: 65%;
    padding: 5% 0;
}
.overlay ul li a:hover{
    opacity: 1;
    transform: translate(0px, -3px);
    color: #ff9c00!important;
}
.right p a:hover{
    color: #ffda00!important;
}
.nav_menu_more:first-of-type a .icon:before{
    display: none;
}
#overlay .left{
    background: #fbe7c3;
    padding-left: 60px;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 0px #d17813;
}
#overlay .left li:before{
    opacity: 1;
    color: #ff9c00;
}


/* 各ページ ----------------------------------------------------------------------------------------*/
/*  */
#cms_1-a .pager li a:hover{
    background-color: rgba(255,156,0,1);
}


#cms_2-a .img_wrap{
    justify-content:flex-start;
}
#cms_2-a .box_img1,#cms_2-a .box_img2,
#cms_2-a .box_img3,#cms_2-a .box_img4{
    width: 48%!important;
    margin: 1%!important;
}

#cms_2-a .cate_txt1{
    margin-left: 1%;
    margin-right: 1%;
}

/* 料金表 */
#cms_3-c .box_title1{
    width: 60%!important;
}
#cms_3-c .box_title2{
    width: 40%!important;
}

#cms_3-c figure.box_img2{
    height: 360px!important;
}
#cms_3-c .box_img2 img{
    width:100%!important;
    height: auto!important;
}
.card h4{
    border-color: #f2f2f2;
}

/* サイトマップ */
#page10 .more_btn{
    background-color: #ff9c00;
    border-radius: 35px;
    color: #fff6eb;
    box-shadow: 2px 2px 15px rgba(255, 187, 77, 0.85);
}
#page10 .more_btn span{
    color: #fff;
}
#page10 .more_btn:hover{
    background-color: #ffb33c;
    box-shadow: 0px 0px 0px 0px rgba(143, 58, 1,0);
}
/* プライバシーポリシー */
#page9 .box h3{
    font-weight: 300;
}


/* TOPの調整 */
@media screen and (max-width: 1279px){
    #contents1 .con_txt,#contents2 .con_txt,#contents3 .con_txt{
    top: 170px;
    width: 43%;
    }
    #contents2 h3,#contents2 .con_txt{
    right: 2%;
    
    }
    #contents1 h3,#contents1 .con_txt,
    #contents3 h3,#contents3 .con_txt{
    left: 2%;
    }
    .catch {

    left: 5%;
    /*transform: translate(0%, -50%);*/
  
    }
    #intro{margin-top: 0px;}
    #top_cms::before{
        top: -95px;}
    #top_cms::after{
        bottom: -95px;}
    
}
@media screen and (max-width: 1109px){

    #top_cms::before{
        top: -75px;}
    #top_cms::after{
        bottom: -75px;}
    
}
/* タブレット --------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
    /* 動画 */
    #video{
        width: 100%;
        vertical-align: bottom;
        top: 0%!important;
        left: 0%!important;
        transform: none!important;
    }
    #video {
        height: auto;
        padding-top: 95px;
    }
   
   .main_dec{
       bottom: 8px;
   }
    .dec4 {
    width: 150%;}
    
    #main {
        height: auto!important;
    }
    
    /*バナー*/
    .bnr{
        right: 45px;
    }
    /* TOP */
    .intro_title h3{
        text-align: center;
    }
    
    #contents {
    margin-top: 100px;
    }
    #contents1_wrap,#contents2_wrap,#contents3_wrap{display: flex;}
    #contents1 .con_txt,#contents2 .con_txt,#contents3 .con_txt{
    position: initial;
    width: 80%;
    margin: 0 auto;
    font-size: 15px;
    }
    #contents1 .con_img {padding-bottom: 0%;}
    #contents1 .con_img,
    #contents2 .con_img,
    #contents3 .con_img{
        margin-top: 0px;
    }
    #contents3 .con_box{padding-bottom: 30px;}
    #contents1 .con_txt,
    #contents3 .con_txt{margin-top: 50px;}
    #contents1 .con_txt,#contents2 .con_txt,#contents3 .con_txt{
        /*border: 4px solid #8f3a01;*/
    }
    
    /* 吹きだしの固定 */
    .dec{
        max-width: 140px;
        width: 100%;
    }
    
    .dec1{
        top: 20px;
        width: 70px;
    }
    .dec2{
        max-width: 100px;
        top: -116px;
        left: 4px;
    }
    .dec3{
        max-width: 100px;
        top: -116px;
        right: 4px;
    }
    #top_cms .top_cms_box:first-of-type {
    padding-top: 22px;}
    
    #top_cms::before{
        top: -53px;}
    #top_cms::after{
        bottom: -56px;}
    #top_cms .cms_title{
 
        
    }
    #overlay .left{
        padding-top: 15%;
    }
    
.line_dec1 {
    top: -135px;
    width: 180px;
} 
.line_dec2 {
    top: -30px;
    left: -75px;
    width: 175px;
}
.line_dec3 {
    right: -40px;
    width: 170px;
}
.line_dec4 {
    top: -95px;
    left: -60px;
    width: 185px;
}
.catch {
    top: 27%;
    width: 45%;
}
.dec1 {
    top: -5px;
    width: 100px;
}
#contents1 h3, #contents2 h3, #contents3 h3 {
    top: -45px;
    font-size: 25px;
}
    
    #cms_3-c figure.box_img2{
        height: 200px!important;
    }
    
}

/* スマホ ------------------------------------------------------------------------------------------*/
@media screen and (max-width: 667px){
    
    .fadein {
animation-name: fadeinAnime;
animation-duration:6.5s; /* アニメーション時間 */
animation-delay: 3.5s; /* 〇秒後に変化 */
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeinAnime{
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  7% {
    opacity: 1;
    transform: translateX(0px);
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }

}
    
    /*バナー*/
    .bnr{
        right: 30px;
        max-width: 120px;
    }
    #logo {
        max-width: 35px;}
    #video {
        height: auto;
        padding-top: 58px;}
    .catch{
        top: 120px;
        width: 60%;
    }
        
    #header .d_flex{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    
    #contents1 .con_img, 
    #contents2 .con_img, 
    #contents3 .con_img{
        margin-bottom:0px;}
    #contents2{
        margin: 0!important;
        padding: 0!important;}
    #contents3_wrap{
        padding-top: 50px;}
    #contents1 h3,#contents2 h3,#contents3 h3{position: initial;}
    #contents1 h3, #contents1 .con_txt,
    #contents3 h3, #contents3 .con_txt,
    #contents2 h3, #contents2 {
        margin: 10px auto;
        padding: 10px;
    }
    #contents1 .con_title,
    #contents2 .con_title,
    #contents3 .con_title{
        margin-top: 15px;
    }
    #contents1 h3,#contents2 h3,#contents3 h3,
    #contents1 .con_txt,#contents2 .con_txt,#contents3 .con_txt{
        /*border: 3px solid #8f3a01;*/
        font-size: 14px;
    }
    
    
    /* 吹きだしの固定 */
    .dec{
        max-width: 100px;
    }
    
    .dec1{
            top: -5px;
    width: 80px;
    }
    .dec2{
        top: -25px;
        left: 19px;
    }
    .dec3{
        top: -20px;
        right: 19px;
    }
    
    #top_cms::before{
        height: 50px;
        top: -30px!important;
     background-size: 100%;}
    #top_cms::after{
        height: 50px;
        bottom: -30px!important;
        background-size: 100%;}
    
    .top_cms_box:first-of-type {
        padding-top: 40px;}
    
    .dec4 {
        max-width: 1000px;
        width: 200%;}
        
        
    /* ハンバーガーメニュー */
    #overlay .left{
        background: rgba(255,255,255,0);
        padding-left: 60px;
        border-radius: 20px;
         border: 0px solid #8f3a01;
         box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
    }
    .overlay ul li a:hover{
        color: #ffda00!important;
    }
    #overlay ul li{
        margin-bottom: 14px;
    }
    #overlay .left{padding-top: 0px;}
    #overlay .left li:before{
        color: #ffda00;
    }
    
    /* 文字の大きさ */
    #intro h3 {font-size: 20px;}
    #contents1 h3,
    #contents2 h3,
    #contents3 h3{
        font-size: 14px;
    }
    #page9 .box_wrap h3{
        font-size: 14px;
    }
    #page8 .contact_tel p{
        font-size: 20px;
    }
    
    #contents3 .con_box {background-color: rgba(255,255,255,0);}
    
    /* 下層ページ */
    #page_title h2{
        font-size: 20px;}
    #page_title .page_title_box{
        width: 70%;
        padding: 15px;}
    
    #cms_2-a .box_img1,#cms_2-a .box_img2,
    #cms_2-a .box_img3,#cms_2-a .box_img4{
        width: 100%!important;
        margin: 0 0 5px 0;
    }
    #cms_2-a .cate_txt1{
        margin-left: 0%;
        margin-right: 0%;
    }
    #cms_3-c .box_title1,
    #cms_3-c .box_title2{
        width: 100%!important;
        /*text-align: left;*/
        font-size: 1rem;
    }
    #cms_3-c figure.box_img2 {
        height: 90px!important;
    }
    
.dec {
    max-width:60px;
}
.line_dec1 {
    top: -105px;
    width: 150px;
} 
 .line_dec2 {
    top: -30px;
    left: -55px;
    width: 135px;
} 
.line_dec3 {
    right: -15px;
    width: 90px;
    bottom: -40px;
}
.line_dec4 {
    top: -65px;
    left: -40px;
    width: 130px;
}
#top_cms .cms_title {
    background-size: 50px;
}
#contents1 h3, #contents2 h3, #contents3 h3 {
    font-size: 18px;
}
.intro_txt {
    font-weight: normal;
    line-height: 2;
}
.intro_txt span.intro_dec {
    font-size: 17px;
}
}

/*2024.02.21追加*/
.top header{
    z-index: 10;
}