/* @group reset */

:root{
    --black:#231815;
    --white:#fff;
    --lightcolor:#b3d7a7;
    --maincolor:#6d7a5f;
    --blue:#6D7A5F;
    --basecolor:#cad7c5;
    --black-rgb:35,24,21;
    --main-rgb:109,122,95;
    --light-rgb:179,215,167;
    --blue-rgb:0,139,166;
}


/*スライド*/
.slideshow-container {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: fade 15s infinite;
  
}

.slide:nth-child(1) {
  animation-delay: 0s;
}

.slide:nth-child(2) {
  animation-delay: 5s;
}

.slide:nth-child(3) {
  animation-delay: 10s;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  53% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.slide img {
  width: 100%;
  height:100%;
  object-fit: cover;
}	
/*------main------*/

/*見出し*/
h2{
    text-align: center;
    font-size: 190%;
    letter-spacing: 0.1em;
    font-weight: normal;
    position: relative;
    width: fit-content;
    padding: 2em;
    margin: 0 auto ;
    z-index: 0;
    font-family: '游明朝', serif;
}
h2::before{
    content: attr(data-en);
    display: block;
    cursor: text;
    font-size: 1rem;
    margin-top: 1em;
    font-weight: bold;
}
h2::after{
    content: none;
}
h2.white{color: var(--white);}

/*本文*/

main{
    position: relative;
    display: flex;
    flex-direction: column;
}
main > section{
    position: relative;
    padding: 0;
}
main > section:not(.jp_box){
    background-color: var(--white);
}
.w1280{
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

/*intro*/

h1{
    width: auto;
    translate: -50% -50%;

    color: var(--white);
    font-size: 2.2em;
    font-weight: normal;
    line-height: 2.5;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
    animation: jiwa 3s forwards;
    transform-origin: center;
}
h1.english{
    writing-mode: horizontal-tb;
}



/*service*/
#service{padding-bottom: 5em;}
.service_list{
    display: flex;
    flex-direction: column;
    gap:50px;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 18px;
}
.service_list li{
    display: flex;
    gap:1em;
    width: 100%;
    align-items: center;
    margin: 2em 0;
}
.service_list p{
    text-align: justify;
    font-family: '游明朝', serif;

}

.service_list li figure,.service_list li figure img{width: 100%;}
.service_list li:nth-child(2n) figure{order: 1;}
.service_text{
    width: 30%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap:3em;
    padding: 1em 0;
    font-family: '游明朝', serif;

}
.service_text2{
    width: 30%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap:3em;
    padding: 1em 0;
    font-family: '游明朝', serif;
    padding-left: 4em;

}

.service_text h3{
    font-size: 120%;
    letter-spacing: 0.1em;
    line-height: 0.002;
    font-weight: normal;
    
}
.service_title_text{
    text-align: center;
    color: #000;
    font-family: '游明朝', serif;
    font-size: 20px;
    padding-bottom: 0;

}
.price{
    font-weight: bold;
    font-size: 140%;
    font-family: 'Kaisei HarunoUmi', serif;
}
.price::after{
    content:'円（税込）';
    font-size: 80%;
    margin-left: 0.2em;
}
.course_content{
    font-family: 'Kaisei HarunoUmi', serif;
    font-weight: normal;
    display: block;
    font-size: 1.3rem;
    margin-left: 0.2em;
}
.service_btn{
    width: fit-content;
    margin-top: auto;
}
.service_btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.7em 2em;
    background: #aaa;
    color: var(--white);
}
.service_btn a:link{
    background: var(--blue);
    color: var(--white);
}
.service_btn a::after{
    content: '';
    margin-left: 1.5em;
    display: block;
    height: 0.6em;
    width: 0.6em;
    border-top: 1px solid var(--white);
    border-right: 1px solid var(--white);
    transform: rotate(45deg)skew(5deg,5deg);
    transition: 0.3s;
}
.service_btn a:link:hover{
    background: rgba(var(--blue-rgb),0.7);
}
.service_btn a:hover::after{
    translate:5px 0;
}


/*nonogakanituite*/
#nonogakanituite{
    padding: 5em;
    position: relative;
    clip-path: inset(0 0 0 0);
    width: 100%;
    background: rgba(0,0,0,0.5);
}

#nonogakanituite::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: url("../img/backimg.png") no-repeat center / cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.nonogakanituitebox{
    
    padding: 2em;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
}
.nonogakanituite_text_box{
    display: flex;
    flex-direction: column;
    gap:0.7em;
    padding: 5em;
}
.nonogakanituite_text{
	text-align: center;
    color: white;
    font-family: '游明朝', serif;
    line-height: 40px; 
    font-size: 20px;
}
.nonogakanituite_title_text{
    text-align: center;
    color: #A6D147;
    font-family: '游明朝', serif;
    font-size: 30px;
    padding-bottom: 2em;

}

.nonogakanituite_img {
    width: 880px;
    height: auto;
    clip-path: inset(0 0 0 0);
    margin: 20px auto;
}

.nonogakanituite_img::after {
    content: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/top-img.jpg") no-repeat center / cover;
    z-index: -1;
}


/*nonomichi*/
.nonomichi_setsumei_text{
    text-align: center;
    padding-bottom: 100px;
    font-family: '游明朝', serif;
    line-height: 40px; 


}

.nonomichi_title_text{
    text-align: center;
    color:#000;
    font-family: '游明朝', serif;
    font-size: 20px;
    padding-bottom: 2em;

}


/*subyuudou*/
.subyuudou_list{
    display: flex;
    gap: 0;
    flex-wrap: wrap;
}
.subyuudou_list li{
    width: calc(100% / 3);
    transition: 0.3s;
    border-radius: 0.5em;
    position: relative;
}

.subyuudou_list li figure{
    overflow: hidden;
    height: 900px;
}
.subyuudou_list li figure img{
    transition: 0.3s;
    width: 100%;
	height: 100%;
    object-fit: cover;
}
.subyuudou_list li:hover figure img{
    transform: scale(1.15);
}



.subyuudou_text_box{
    display: flex;
    flex-direction: column;
    padding: 1em;
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0;
    left: 50%;
    translate:-50% 0;
    margin: 0;
}

.subyuudou_text{
    text-align: center;
    margin: 20px 0;
    font-family: '游明朝', serif;
    line-height: 40px;
    color: white;
    width: 100%;
}

.subyuudou_text_box2{
    display: flex;
    flex-direction: column;
    padding: 2em 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    translate:-50% 0;
    width: 100%;
    margin: 0;

}

.subyuudou_text2{
    text-align: center;
    margin: 40px;
    font-family: '游明朝', serif;
    line-height: 40px; 
    color: white;
    font-size: 40px;
    


}

 /*ボタン*/

 .btn,.form_btn{
    text-align: center;
    --btncolor:var(--blue);
    --btn-rgb: var(--blue-rgb);
    margin: 30px 0;
}
.btn.purple{
    --btncolor:#CC02B6;
    --btn-rgb: 204,2,182;
}
.btn.lime{
    --btncolor: #a6d147;
    --btn-rgb: 166,209,71;
}
.btn a,.form_btn input[type="submit"]{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.7em 2em;
    background: #6D7A5F;
    color: white;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
    transition: 0.3s;
}
.btn a:not(:link){
    --btncolor:gray;
    --btn-rgb:100,100,100;
    pointer-events: none;
}
.btn a:hover,.form_btn input[type="submit"]:hover{
    background: #A6D147;
    color: white;

}
.btn a:hover::after{
    translate:10px -2px;
}
.btn.lime a{color: var(--black);}
.btn.lime a::after{border-top-color: var(--black);border-right-color: var(--black);}
 


/*ミニボタン*/

.mini_btn,.form_btn{
    text-align: center;
    --btncolor:var(--blue);
    --btn-rgb: var(--blue-rgb);
    margin: 30px 0;
}
.mini_btn.purple{
    --btncolor:#CC02B6;
    --btn-rgb: 204,2,182;
}
.mini_btn.lime{
    --btncolor: #a6d147;
    --btn-rgb: 166,209,71;
}
.mini_btn a,.form_btn input[type="submit"]{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.7em 2em;
    background: var(--white);
    color: #6D7A5F;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
    transition: 0.3s;
}
.mini_btn a:not(:link){
    --btncolor:gray;
    --btn-rgb:100,100,100;
    pointer-events: none;
}
.mini_btn a:hover,.form_btn input[type="submit"]:hover{
    background: #A6D147;
    color: white;

}
.mini_btn a:hover::after{
    translate:10px -2px;
}
.mini_btn.lime a{color: var(--black);}
.mini_btn.lime a::after{border-top-color: var(--black);border-right-color: var(--black);}


/*にせボタン*/

.nise_btn{
    text-align: center;
    --btncolor: var(--white);
    --btn-rgb: #6D7A5Fs;
    margin: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.7em 2em;
    background: var(--white);
    color: #6D7A5F;
    width: fit-content;
    margin: 2em auto;
    cursor: pointer;
    transition: 0.3s;

}
.nise_btn:hover{
    background: #A6D147;
    color: white;

}


/*事業者・自治体の皆さま*/
#minasamahe{
    position: relative;
    z-index: 1;
    padding-bottom: 2em;
    margin-bottom: 5em;
    background-color: #6D7A5F;
}
.minasamahe_text_box{
    display: flex;
    flex-direction: column;
    gap:0.7em;
    padding: 3em;
    
}
.minasamahe_text{text-align: center;
    font-family: '游明朝', serif;
    line-height: 40px; 
    color: white;


}
.minasamahe_text.white{color: var(--white);}


/*代表*/
.daihyou{
    max-width: 100%;
}
.daihyou_text_box{
    display: flex;
    flex-direction: column;
    gap:0.7em;
    padding: 1em;
    max-width: 40%;
}

.daihyou_text{text-align: justify;
    font-family: '游明朝', serif;
    line-height: 40px; 

}
.daihyou_title{
    text-align: left;
    font-size: 170%;
    letter-spacing: 0.1em;
    font-weight: normal;
    position: relative;
    width: fit-content;
    z-index: 0;
    font-family: '游明朝', serif;
    margin-bottom: 0;
}
.daihyou_title_furinaga{
    text-align: left;
    font-size: 90%;
    letter-spacing: 0.1em;
    font-weight: normal;
    position: relative;
    width: fit-content;
    z-index: 0;
    font-family: '游明朝', serif;
    bottom: 0;
    margin-top: 1em;
}

/*お問いあわせ*/
.otoiawase_text_box{
    display: flex;
    flex-direction: column;
    gap:0.7em;
    padding: 2em;
    margin: 3em;
    font-size: 20px;
}
.otoiawase_text{text-align: center;
    font-family: '游明朝', serif;
    line-height: 40px; 

}



/*sponsor*/
#sponsor{padding: 5em 3em;}

.bnr_list{
  display: flex;
    flex-wrap: wrap;
    gap: 1.5em 2em;
    width: 980px;
    margin: 0 auto;

    li{
        width: calc((100% - 2em * 3) / 4);
        text-align: center;
        a{
            display: block;
            text-align: center;
            width: 100%;
            height: 100%;
        }
    }
}
/*menu*/
h7{font-size: 170%;padding: 0;}

.yomogi{--title-color:#05bf00; 
    }
.tsuyukusa{--title-color:#0068ff;}
.hinageshi{--title-color:#ff0062;
}
.yamazakura{--title-color:#ff7bba;}
.nobudou{--title-color:#8800ff;}
.nobudou h3 span:nth-of-type(1){ --title-color:#d800c9;}
.nobudou h3 span:nth-of-type(2){ --title-color:#c000ff;}
.nobudou h3 span:nth-of-type(3){ --title-color:#8800ff;}
.nobudou h3 span:nth-of-type(4){ --title-color:#2b00ff;}
.service_text span{color: var(--title-color);}

@media(max-width:1440px){
    .flex.second{width: 55%;gap:2em;}
    .flex .img02{width: 500px;}
    .oversea .flex.first{width: 80%;align-items: center;}
}


/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
レスポンシブ設定（タブレット）
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media(max-width:1140px){
    .tb{display: block;}
    .tb.w768{display: none;}
    
    body{font-size: 16px;}
    
    header nav{height: 60px;}
    h2{margin-bottom: 0;}
    
    .title-small{display: none;}
    .menu{gap:1em;}
    
    .flex .img02,
    .oversea .flex .img02{
        width: 350px;
    }
        /*subyuudou*/
        .subyuudou_list,.respect_list{
            flex-direction: column;
            width: 100%;
        }
        .subyuudou_list li,.respect_list li{width: 100%;gap:2em;}
        .subyuudou_text_box{margin:0 auto;}
        #brush{padding: 2em 1em;}

        .subyuudou_text_box{bottom:15%;}
        .subyuudou_text_box2{top: 15%;}
        
        .subyuudou_text2{
            text-align: center;
            margin: 40px;
            font-family: '游明朝', serif;
            line-height: 40px; 
            color: white;
            font-size: 40px;
            
        
        
        }
        
        .daihyou_text_box{
            display: flex;
            flex-direction: column;
            gap:0.7em;
            padding: 1em;
            max-width: 100%;
        }
        
        .daihyou_text{text-align: justify;
            font-family: '游明朝', serif;
            line-height: 40px; 
        
        }
        .daihyou_title{
            text-align: left;
            font-size: 170%;
            letter-spacing: 0.1em;
            font-weight: normal;
            position: relative;
            width: fit-content;
            z-index: 0;
            font-family: '游明朝', serif;
            margin-bottom: 0;
        }
        .daihyou_title_furinaga{
            text-align: left;
            font-size: 90%;
            letter-spacing: 0.1em;
            font-weight: normal;
            position: relative;
            width: fit-content;
            z-index: 0;
            font-family: '游明朝', serif;
            bottom: 0;
            margin-top: 1em;
        }
        /*お問いあわせ*/
.otoiawase_text_box{
    display: flex;
    flex-direction: column;
    gap:0.7em;
    padding: 2em;
    font-size: 20px;
}
.otoiawase_text{text-align: center;
    font-family: '游明朝', serif;
    line-height: 40px; 

}
.service_text{
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap:3em;
    padding: 1em 0;
    font-family: '游明朝', serif;

}
.service_text2{
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap:3em;
    padding: 1em 0;
    font-family: '游明朝', serif;

}
.bnr_list{
    display: flex;
      flex-wrap: wrap;

      margin: 0 auto; 
  }

 
    
}

@media(max-width:768px){
    .tb.w768{display: block;}
    
    .scroll{transform: none;--scroll-bottom:1.5em;font-size: 100%;}    
    
    .service_list li{
        flex-direction: column;
        gap:30px;
        text-align: center;
    }
    .service_list li .service_text{order: 2;}
    .service_text{width: 100%;padding: 0 1em;gap:0.5em;}
    .service_text h3{letter-spacing: 0.05em;}
    .service_text{
        width: 100%;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        gap:3em;
        padding: 1em 0;
        font-family: '游明朝', serif;
    
    }
    .service_text2{
        width: 100%;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        gap:3em;
        padding: 1em 0;
        font-family: '游明朝', serif;
    
    }
    
    .subyuudou_list li figure{height: auto;
                              width:100%;}
    .subyuudou_text_box{padding: 1em 0.5em;}
    
    .daihyou_text_box{padding: 1em 0.5em;
                         height: auto;
                         width: 100%;}
     .daihyou_text{text-align: justify;
                            font-family: '游明朝', serif;
                            line-height: 40px; 
                            

                        }
                                             
    /*お知らせ＆野の○○*/
    .subyuudou_list,.respect_list{
        flex-direction: column;
        width: 100%;
    }
    .subyuudou_list li,.respect_list li{width: 100%;gap:2em;text-align: center;}
    .subyuudou_text_box{gap:0.3em;}
    #brush{padding: 2em 1em;}
    .subyuudou_text_box{
        display: flex;
        flex-direction: column;
        padding: 0 30%;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        margin: 0 auto;
    }
    
    .subyuudou_text_box2{
        display: flex;
        flex-direction: column;
        padding: 0;
        position: absolute;
        z-index: 1;
        top: 0;
        margin: 0 auto;
    
    }
    .subyuudou_text2{
        text-align: center;
        margin: 30px;
        font-family: '游明朝', serif;
        line-height: 40px; 
        color: white;
        font-size: 40px;
        
    
    
    }
    


    .hole{width: 90%; height:auto;}
    
    footer .fotbtm{
        padding: 2em 2em 1em;
    }
    .fotmenu li a{font-size: 21px;}
    .copy{font-size: 12px;}
    
    #paint{padding-bottom: 3em;}
    #brush{padding: 2em 3em;}
    #access{padding: 2em;}
    .access_box{flex-direction: column;}
    .page_btn{margin-top: 30px;}
    
    
    .flex,.oversea .flex{flex-direction: column;max-width: 80%;gap:0.5em;}
    .flex .text,.oversea .flex .text{align-self: flex-end;order: -1;}
    .flex.second{padding-bottom: 0;margin-right: 0;}
    .flex .img01{top: -4em;width: 70%;}
    .flex .img03,.oversea .flex .img03{top: 2em;}
    .jp_box{padding-bottom: 0;}
    
    .oversea .flex .img01{top: 1em;}
    .oversea .flex.first{align-items: flex-start;}
    .oversea .flex.first .text{width: 100%;}
    .oversea .flex.second{margin-right: 2em;width: 50%;}
    .oversea .flex.second .text{width: 100%;}
    .oversea .flex .img02{width: 300px;}
    
    .sub main > section{
        max-width: 90%;
    }
    
    /*contact*/
    dd input[type="text"],dd textarea{
        width: 100%;
    }
    
    .daihyou_text_box{
        display: flex;
        flex-direction: column;
        gap:0.7em;
        padding: 1em;
        max-width: 100%;
    }
    
    .daihyou_text{text-align: justify;
        font-family: '游明朝', serif;
        line-height: 40px; 
    
    }
    .daihyou_title{
        text-align: left;
        font-size: 170%;
        letter-spacing: 0.1em;
        font-weight: normal;
        position: relative;
        width: fit-content;
        z-index: 0;
        font-family: '游明朝', serif;
        margin-bottom: 0;
    }
    .daihyou_title_furinaga{
        text-align: left;
        font-size: 90%;
        letter-spacing: 0.1em;
        font-weight: normal;
        position: relative;
        width: fit-content;
        z-index: 0;
        font-family: '游明朝', serif;
        bottom: 0;
        margin-top: 1em;
    }
           /*お問いあわせ*/
.otoiawase_text_box{
    display: flex;
    flex-direction: column;
    gap:0.7em;
    font-size: 20px;
}
.otoiawase_text{text-align: center;
    font-family: '游明朝', serif;
    line-height: 40px; 

}

.bnr_list{
    display: flex;
      flex-wrap: wrap;
  }

}

/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
レスポンシブ設定（スマホ）
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media(max-width: 599px){
    
    body{font-size: 14px;}
    .pc{display: none;}
    .sp{display: block;}
    
    h1{
        display: block;
        font-size: 1em;
    }
    main > section{padding: 0;}
    
    /*上の方*/
    
    .scroll{font-size: 80%;}
    header nav{background: linear-gradient(to bottom,rgba(var(--main-rgb),0.7) 10%,transparent);}
    .topimg,.slideshow-container,.slide{height: var(--topimgh);}
    
    /*menu*/
    .logo{z-index: 11;}
    
    .menubtn{display: block;}
    .menu{
        position: fixed;
        height: 100vh;
        background:rgba(var(--light-rgb),0.9);
        top: 0;
        left: 0;
        padding: 70px 1.5em 0;
        transition: 0.4s;
        width: 100%;
        flex-direction: column;
        gap:0;
        z-index: 10;
        justify-content: flex-start;
        opacity: 0;
        visibility: hidden;
    }
    .menu li{width: 100%;}
    .menu li a{
        width: 100%;
        padding: 0.7em 1.5em;
        text-align: left;
        font-size:1.4em;
        display: flex;
        gap:0.5em;
        align-items: center;
        letter-spacing: 0.05em;
        color: var(--black);
    }
    .menu > li a::after{
        content: attr(data-en);
        font-size: 14px;
    }
    .lang{
        justify-content: center;
        align-items: center;
        color: var(--black);
        padding-top: 1em;
    }
    .menu .lang a{
        width: fit-content;
        padding: 0.3em;
        margin: 0;
        display: block;
    }
    .menu > li:not([class]){border-bottom: 1px dashed rgba(255,255,255,0.7);}
    .menu a:hover{color: var(--white);}
    
    nav.show .menu{
        opacity: 1;
        visibility: visible;
    }
    nav.show .menubtn button{opacity: 0;}
    nav .menubtn::before,nav .menubtn::after{
        content:'';
        transform:translate(-50%,-50%);
    }
    nav.show .menubtn::before{
        opacity: 1;
        transform:translate(-50%,-50%)rotate(40deg);
    }
    nav.show .menubtn::after{
        opacity: 1;
        transform:translate(-50%,-50%)rotate(-40deg);
    }
    header .sns{display: flex;padding-top: 2em;justify-content: center;}
    .sns li{width: 40px;}
    header .sns a{padding: 0;}
    .sns_box{display: block;}

    
    h2{font-size: 170%;padding: 1em 0;}
    
    
    /*introduction*/
    .flex{padding: 0;}
    .flex.first{padding-top: 5em;}
    .oversea .flex.first{padding-bottom: 2em;}
    .flex.second,.oversea .flex.second{width: 100%;}
    .flex .img01{width:80%;}
    .oversea .flex .img01{top: 0;}
    .flex .img02{position: relative;order: -2;width: 80%;align-self: flex-end;}
    .flex .img03{width: 90%;margin: 0 auto;}
    
    /*サービス*/
    #service{padding-top: 3em;text-align: center;}
    
    .service_list{font-size: 14px;text-align: center;margin: 0 auto;margin: 0 auto;}
    .yomogi{
        margin: 0 auto;
    }
    .service_text h3{
        font-size: 150%;
        line-height: 1.6;
    }
    .service_btn a{width: 100%;}

    .price{font-size: 130%;}
    .price span{font-size: 1rem;}
    .service_text{
        width: 100%;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        gap:3em;
        padding: 1em 0;
        font-family: '游明朝', serif;
    
    }
    .service_text2{
        width: 100%;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        gap:3em;
        padding: 1em 0;
        font-family: '游明朝', serif;
    
    }
    
    .service_text h3{
        font-size: 120%;
        letter-spacing: 0.1em;
        line-height: 0.002;
        font-weight: normal;
        
    }
    .service_title_text{
        text-align: center;
        color: #000;
        font-family: '游明朝', serif;
        font-size: 20px;
        padding-bottom: 0;
    
    }
    
    

    
    /*お知らせ＆野の○○*/
    .subyuudou_list,.respect_list{
        flex-direction: column;
        width: 100%;
    }
    .subyuudou_list li,.respect_list li{width: 100%;gap:2em;}
    .subyuudou_text_box{gap:0.3em;}
    #brush{padding: 2em 1em;}
    
    .subyuudou_list li{
        aspect-ratio: 1/1;
        figure{
            height: 100%;
        }
    }
    .subyuudou_text_box{
        display: flex;
        flex-direction: column;
        padding: 1em;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        margin: 0 auto;
        width: 100%;
    }
    
    .subyuudou_text_box2{
        display: flex;
        flex-direction: column;
        width: 100%;
        position: absolute;
        z-index: 1;
        top: 0;
        margin: 0 auto;
    
    }
    .subyuudou_text2{
        text-align: center;
        width: 100%;
        margin: 3em auto 0;
        font-family: '游明朝', serif;
        line-height: 40px; 
        color: white;
        font-size: 30px;
    }
    
    /*daihyou*/
    .respect_list{
        position: relative;
        display: flex;
        justify-content: space-between;
        gap: 0;
    }
    .respect_list li:only-of-type{
        margin: 0 auto;
    }
    .respect_list figure img{
        width: 100%;
    }
    /*daihyou*/
    .daihyou_text_box{padding: 1em ;
                         height: auto;
                         width: 100%;
                         display: flex;
                         flex-direction: column;
                         gap:0.7em;
                         padding: 1em;
                         max-width: 100%;

                        }
     .daihyou_text{text-align: justify;
                            font-family: '游明朝', serif;
                            line-height: 40px; 
                            width: 100%;
                            }
                            .daihyou_title{
                                text-align: left;
                                font-size: 170%;
                                letter-spacing: 0.1em;
                                font-weight: normal;
                                position: relative;
                                width: fit-content;
                                z-index: 0;
                                font-family: '游明朝', serif;
                                margin-bottom: 0;
                            }
                            .daihyou_title_furinaga{
                                text-align: left;
                                font-size: 90%;
                                letter-spacing: 0.1em;
                                font-weight: normal;
                                position: relative;
                                width: fit-content;
                                z-index: 0;
                                font-family: '游明朝', serif;
                                bottom: 0;
                                margin-top: 1em;
                            }
                            
            /*お問いあわせ*/
.otoiawase_text_box{
    display: flex; 
    flex-direction: column;
    font-size: 20px;
    width: 100%;
    margin: 0 auto;


}
.otoiawase_text{
    text-align: center;
    font-family: '游明朝', serif;
    line-height: 40px;
    br{display: none;}
}
#nonogakanituite{
    padding: 5%;
}
.nonogakanituitebox{
    
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.nonogakanituite_text_box{
    display: flex;
    flex-direction: column;
    gap:0.3em;
}
.nonogakanituite_text{
	text-align: center;
    color: white;
    font-family: '游明朝', serif;
    line-height: 40px; 
    font-size: 15px;
}
.nonogakanituite_title_text{
    text-align: center;
    color: #A6D147;
    font-family: '游明朝', serif;
    font-size: 20px;
    padding-bottom: 2em;

}

  
  .bnr_list{
    gap:1.5em 1em;
    li{
        width: calc((100% - 1em) / 2);
    }
  }
  #sponsor{
    text-align: center;
  }

    /*access*/
    #access{padding: 3em;}
    .access_box{padding: 0;}
    
    
    /*footer*/
    .fot-left{width: 100%;}
    .fotnav{display: none;}
    .copy{font-size: 10px;margin-top: 0.8em; border-top: 1px dashed var(--maincolor);}
    


}