#intro{
    margin-top:-7px;
}
#bottom_menu{
    position:relative;
    z-index:1;
}
@media screen and (min-width:769px) and (max-width:1550px){
div#intro_wrap:after {
    left:-10vw !important;
    top: 480px !important;
}
}
@media all and (-ms-high-contrast: none){
    #intro_wrap{
        margin-top:-20px;
    }
    #info_title_box .info_title span{
        padding:12px 40px 12px;
    }
.cate_title{
    padding-top:10px !important;
}
header #header #header_menu li:last-child a span{
    padding-top:7px;
    padding-bottom:7px;
}
#page_title h2 span{
    padding-top:15px;
}
}
  .info #bg {
    padding-top: 50px !important;

}
#page7{
      background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    padding:50px;
}
a.d_block.bg_color1.txt_color2.pd_20px.pd_20px.motion05s.hvr_bg_color2.hvr_txt_color1{
    color:white;
}
span.bg_color3.txt_white.pd_t-15px.pd_b-15px.pd_l-40px.pd_r-40px.pd_t-10px_sp.pd_b-10px_sp.pd_l-30px_sp.pd_r-30px_sp {
    background-image: url(Dup/img/loader.png);
    background-position: center;
}
span.bg_color3.pd_t-15px.pd_b-15px.pd_l-25px.pd_r-25px {
    background-image: url(Dup/img/loader.png);
    background-position: center;
}
div#fakeloader {
    background-image: url(Dup/img/loader2.png);
    background-size:115%;
}
footer .bg_color1.width_100per.width_max_tb{
    background: #0b633a url(Dup/img/footer2.png);

}
p.info_title.txt_center {
    font-family: 'Kaisei Tokumin';
    font-size: 24px;
}
.drawer-hamburger-icon::after, .drawer-hamburger-icon::before{
    background:white !important;
}

button span.bg_color1{
    background:white;
}
div#bg.st_bg::before{
    display:none !important;
}
#page10,#page9{
        background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    padding:50px;
}
.pri #bg{
    padding-top:100px;
  
}
/*------------------------------------スマホ----------------------------*/
@media screen and (max-width:667px){
    #page7{
        padding:20px !important;
    }
    .fl img {
    width: 200px !important;
}
    .cms_wrap {
    padding: 15px !important;
}
    .pri span.bg_color3.pd_t-15px.pd_b-15px.pd_l-25px.pd_r-25px,.about span.bg_color3.pd_t-15px.pd_b-15px.pd_l-25px.pd_r-25px{
        white-space: nowrap ;
    font-size: 22px !important;
    }
.pri #bg {
    padding-top: 50px !important;
}
    #page10,#page9{
    padding:20px !important;
}
.st_bg {
    padding-top: 50px !important;

}
    #bg {
    background-image: url(Dup/img/con3.png);
    background-size: 45% !important;
}
div#bg::before{
    display:none !important;
}
#con8 img {
    width: 200px !important;
}
#con8 {
    margin-top: -420px !important;
}
    .cms_2-a .cate_box{
        padding:0;
    }
    div#con7::before{
        display:none !important;
    }
div#c_wrap::before {
    width: 50vw !important;
}
div#c_wrap::after {
    width: 37vw !important;
    transform: translateY(-1431px) !important;
}
#con7 img {
    max-width: 300px !important;
}
    #c_wrap{
        background:none !important;
    }
.box_1 .grid_5.d_flex.flex_top-right.grid_12_sp.mg_b-20px_sp.pd_l-r5per_sp.flex_top-left_sp,.box_2 .grid_5.d_flex.flex_top-left.grid_12_sp.mg_b-20px_sp.pd_l-r5per_sp,.box_3 .grid_5.d_flex.flex_top-right.grid_12_sp.mg_b-20px_sp.pd_l-r5per_sp.flex_top-left_sp{
    position:static !important;
    order:2;
    width:90% !important;
    margin-top:20px;
}
.box_1,.box_2,.box_3{
        position:static !important;
        order:1;
    }
div#intro_wrap::before {
    top: 75vw !important;
}
#intro_txt {
    background-position: 50% 20vw !important;
    background-size: 140% !important;
}
div#intro_wrap:after {
    width: 300px !important;
    top: 597px !important;
    left: -100px !important;
}
#intro_txt p {
    width: 100% !important;
}
h2 span {
    font-size: 28px !important;
}
div#intro_txt::before {
    width: 27vw !important;
    top: -102vw !important;
}
header{
    padding-bottom:0 !important;
}

#main_b {
    bottom: 20px !important;
    left: 10px !important;
    width: 70vw !important;
}
 .logo {
    width: 250px !important;
     
 }   
    
    
}
 /*------------------------------------ここまで----------------------------*/  
/*------------------------------------タブレット----------------------------*/
@media screen and (min-width:668px) and (max-width:768px){
    .info #bg {
    padding-top: 50px !important;

}
#page7{
      background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    padding:50px;
}
#logo{
    padding-bottom:10px !important;
}
header #header #header_menu li {
    width: 16%;
}
span.jp.d_block.font_14.txt_color1.hvr_txt_color3.motion03s.font_bold.border_so2.font_13_tb{
    position:absolute;
    top:20px;
    right:10px;
}
.st_bg {
    padding-top: 100px !important;

}
#intro_txt p{
    width:65% !important;
    max-width:750px !important;
    padding-bottom:50px;
}
div#bg::before {
    width: 23% !important;
}
#bg {
    background-size: 35% !important;
}
#con8 {
    margin-top: -690px !important;
}
#con8 img{
    width:340px !important;
}
div#con7::before {
    top: 160px !important;
}
    .cms_2-a .cate_box{
        flex-direction:column;
    }
    .cms_2-a .cate_box .grid_6{
        width:100% !important;
    }
    #header #header_menu li {
    width: 16%;
    }
div#c_wrap::after {
    width: 28vw !important;
    transform: translateY(-941px) !important;
}
    #con7 img {
    max-width: 440px !important;
}
#c_wrap {
    background-position: -13% 39vw !important;
    background-size: 300px !important;
}
    .box_1,.box_2,.box_3{
        position:static !important;
    }
    #logo{
        margin-bottom:0 !important;
    }
div#intro_wrap:after {
    width: 380px !important;
    top: 487px !important;
    left: -100px !important;
}
div#intro_wrap::before {
    width: 20vw !important;
}
div#intro_txt::before {
    top: -57vw !important;
}
    #main_b {
    bottom: 30px !important;
    left: 20px !important;
    width: 65vw !important;
}
    .logo {
    width: 300px !important;
}
#logo img{
    width:100% !important;
}
    
}
/*------------------------------------ここまで----------------------------*/
/*------------------------------------pc----------------------------*/
@media screen and (min-width:769px) {
    .st_bg {
    padding-top: 170px;
    padding-bottom: 170px;
}
#intro_txt p{
    width:65% !important;
    max-width:750px !important;
    padding-bottom:50px;
}
    #logo img{
    width:360px !important;
}
}


#tel_txt{
    padding:40px;
      background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
}
.tel,.tel a{
    font-size:28px;
}
#bottom_menu li a{
    font-size:18px;
}
#page_title span{
    font-weight:normal !important;
}
#header ul li span{
    font-size:16px !important;
}
#tel_txt h3{
    color:#0b633a;
}
#logo2{
    width:280px;
}
#con8{
    margin-top:-1000px;
}
#con8 img{
    width:550px;
}
#logo{
    padding-top:13px;
}

header{
    padding-bottom:10px;
}
.fl{
position:static !important;
text-align:center;
margin-top: 35vh;
    
}
.fl img{
    width:400px;
}
    h2 span{
    font-size: 36px;
}
#main_img::after {
    width: 100%;
    height: 100%;
   background: rgba(0,34,18,0.2);
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
}

#main_b {
    position: absolute;
    z-index: 2;
    bottom: 70px;
    left: 50px;
    width:55vw;
}
h2, h3, .cate_list li a, header ul li a,.footer_cms p.font_14.font_12_sp.d_inline_b.txt_left,#bottom_menu li a,.drawer-menu li a{
    font-family: 'Kaisei Tokumin', serif;
}
.linkStyle{
    color:#0b633a;
}
#filter_white {
    background-color: rgba(132,132,132,0.4) !important;
}
.footer_cms p.font_14.font_12_sp.d_inline_b.txt_left{
    font-size:18px;
}
#info .bg_white{
    background:transparent;
}
div#con7::before {
    width:600px;
    height: 650px;
    display: block;
    background: url(Dup/img/wood.png);
    background-size: contain;
    content: "";
    position: absolute;
    top: 1000px;
    z-index: -1;
    right: -20vw;
    background-repeat:no-repeat;
}

.index .cms_wrap{
    background:none !important;
    backdrop-filter:none;
}
header .txt_color1{
    color:#ffffff;
}
div#bg::before {
    width: 15%;
    height: 1150px;
    content: "";
    background-image: url(Dup/img/con6.png);
    display: block;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    opacity: 0.9;
    z-index: -1;
    top: 20vw;
}
.cms_wrap{
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    padding: 30px;
}
#bg{
    background-image: url(Dup/img/con3.png);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right top;
}
.cms_box{
    padding-top:75px;
}
section#page_title{
    margin-bottom:0;
}
#con7{
    max-width:1280px;
    margin:auto;
    text-align:right;
    position:relative;
}
#con7 img{
    max-width:650px;
}
#top_cms{
    margin-top:0 !important;
    margin-bottom:150px;
}
h3.grid_12{
    font-weight:bold;
}
.box_1,.box_3{
    position:relative;
    right:50px;
}
.box_2{
    position:relative;
    left:50px;
}
.box_3 .grid_5.d_flex.flex_top-right.grid_12_sp.mg_b-20px_sp.pd_l-r5per_sp.flex_top-left_sp{
     background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    padding: 20px;
    position: relative;
    top: 130px;
    right: 110px;
}
.box_2 .grid_5.d_flex.flex_top-left.grid_12_sp.mg_b-20px_sp.pd_l-r5per_sp{
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    padding: 20px;
    position: relative;
    top: 130px;
    left: 110px;
}
.box_3 .grid_7.pd_l-r5per.grid_10_sp:before {
    width: 16vw;
    height: 400px;
    content: "";
    background: url(Dup/img/awa3.png);
    position: absolute;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    transform: translate(-50px,-20px);
}
.box_2 .grid_7.pd_l-r5per.grid_10_sp::before {
    width: 16vw;
    height: 400px;
    content: "";
    background: url(Dup/img/awa2.png);
    position: absolute;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    transform: translate(480px,-19px) rotate(
10deg);
}
.box_1 .grid_5.d_flex.flex_top-right.grid_12_sp.mg_b-20px_sp.pd_l-r5per_sp.flex_top-left_sp {
     background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    padding: 20px;
    position: relative;
    top: 130px;
    right: 110px;
}
.offset-1r{
    margin-right:0;
}
.offset-1{
    margin-left:0;
}
div#c_wrap::after {
    width: 40vw;
    height: 1150px;
    content: "";
    background-image: url(Dup/img/con6.png);
    display: block;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    transform: translateY(-391px);
    opacity: 0.9;
    z-index:-1;
}
div#c_wrap::before {
    width: 40vw;
    height: 1150px;
    content: "";
    background-image: url(Dup/img/con3.png);
    display: block;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    background-position:top right;
    background-size: contain;
    transform: translateY(-1px);
}

div#intro_wrap:after {
    width: 500px;
    height: 300px;
    background-image: url(Dup/img/arowana.png);
    display: block;
    position: absolute;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    top: 465px;
    opacity: 0.4;
    animation-name:arowana;
    animation-duration: 3s;
    animation-iteration-count:infinite;
    transition:all 2s;
    left:-1vw;
}
@keyframes arowana{
    0%{
        transform:rotate(0deg);
    }
50%{
       transform:rotate(-5deg);
    }
    100%{
       transform:rotate(0deg);
    }
}

div#intro_wrap::before {
    width: 20vw;
    height: 850px;
    background-image: url(Dup/img/con5.png);
    content: "";
    display: block;
    position: absolute;
    top: 5vw;
    left: 0;
    background-size: contain;
    z-index: 1;
    background-position: center left;
    background-repeat: no-repeat;
}

div#intro_txt::before {
    width: 21vw;
    height: 800px;
    background-image: url(Dup/img/con2.png);
    content: "";
    display: block;
    position: absolute;
    top: -27vw;
    right: 0;
    background-size: contain;
    z-index: 1;
    background-position: center right;
    background-repeat: no-repeat;
}

section#main_img::before {
    width: 40vw;
    height: 800px;
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background: url(Dup/img/con1.png);
    z-index: 2;
    background-repeat: no-repeat;
    background-size: contain;
}
article#top_cms{
    padding:30px 10px;
    background:white;
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(5px);
}
.LINE img{
    max-width:250px;
}
svg{
    display:none !important;
}
#wrap{
    background:url("Dup/img/bg2.jpg");
    background-size:contain;
}
#intro_txt{
    background:url("Dup/img/bg4.png");
    background-position:center;
    background-repeat:no-repeat;
}
#intro_wrap{
    background:white url("Dup/img/bg2.jpg");
    background-position:center;
}
.box_1 .grid_7.pd_l-r5per.grid_10_sp::before {
    width: 16vw;
    height: 400px;
    content: "";
    background: url(Dup/img/awa.png);
    position: absolute;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    transform: transform;
    transform: translate(-50px,-20px);
}
.shadow-l{
    box-shadow:none;
}
#c_wrap{
    background: url(Dup/img/yashi.png);
    background-repeat: no-repeat;
    background-position: -3% 16vw;
}

/*2023-11-10*/
div#intro_wrap:after{display: none;}