*{
margin: 0;
padding: 0;


}

body{
    overflow-x: hidden;
}



.titlematome{
    background-image:url(1.png); /*背景画像*/
    background-size:100% 100%;/*背景画像全体に貼る*/

background-attachment: fixed;



    height:100vh; /*高さ*/
    width: 100%;

    
    

}


.titlematome1{
    text-align: center;
    padding-top:250px;

}




.title{
    font-family: "Agu Display", serif;   /*フォント変え以下6列*/
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "MORF" <morph>;

      font-size:70px;

      color:white;


      


}


.title2{
    color:white;

    
}










.menumatome{

    margin: 0;
    padding: 0;


    background-color:rgb(34, 21, 4);

    

width: 100%;
height: 100px;
    

position:fixed;/*メニュー動かない*/



z-index: 30; /*要素を手前に　数字大きいほど上*/




}



.menumatome1{

    display:flex; /*文字のまとまりをやる*/
    justify-content:space-between;



padding-top:30px ;
padding-left:30px ;

color: azure;


text-align: left;  /* 文章を左寄せする(※) */
float: left;     /* 左端に寄せて、後続を右側へ回り込ませる */


}




.menu1{
  
margin-right: 60px;


}



.menu1 a{
    display: inline-block;
    color:#ffffff;
    font-size:120%;
    text-decoration:none;
  
  
    transition:0.3s;
  }
  
  
  .menu1 a:hover{
    color: #b8acac;
    text-decoration:underline;
    
  }





.menu{
   

    

    color:rgb(239, 237, 236);
    
  
    text-align: right; /* 文章を右寄せする */

    padding-top: 30px;
    padding-right: 30px;

 

    
}


.menu a{
    border:solid 2px #dfd3d3;
    border-radius: 30px;
padding: 10px;
transition:0.3s;
}


.menu a:hover{
    background-color: #ffffff;
    color: #2d0808;
   
}








.kodawarima{
    background-color:rgb(34, 21, 4);
    width:100%;
    height: 900px;
    

padding-top: 100px;


}









.kodawarima1{

color:white;
text-align: center;

font-size: 40px;

font-family: "Agu Display", serif;   /*フォント変え以下6列*/
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "MORF" <morph>;



}



.kodawarima2{
   

    text-align: center;
   

    /*display:flex; */       /*文字のまとまりをやる*/
    /*justify-content:space-between;*/

   /* width: 100%;*/


    

}







.sente1{

    margin: 30px;

color: white;




/*margin-right: 250px;*/

/*padding-right: 0px;*/

/*padding-top: 50px;*/

}


.kodawarikeki{





    margin: 30px;


    /*margin-left: 250px;
    padding-left: 0px;

    padding-top: 50px;*/

}

.kodawariimg{
    
}



.osusume{
background-color: rgb(243, 243, 234);

width: 100%;
height: 900px;





}

.osusume1{

    color:rgb(53, 26, 26);


   padding-top: 150px;
    font-size: 40px;
text-align: center;

font-family: "Agu Display", serif;   /*フォント変え以下6列*/
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "MORF" <morph>;


      


}






.osusume2{

}



.osusume3{
 /*margin-top: 260px;*/

/*margin: auto;*/

/*display:flex;*/

/*padding-left: 230px;*/

text-align: center;

}



.keki{
    margin: 30px;

    box-shadow: 1px 1px 10px 1px #a3a3a3;

    border-radius: 20px;

    
    border:solid 2px rgb(45, 21, 8);

}


.keki:hover{
   
   opacity: 0.8;
}







.kuwasiku{
    font-size: 30px;
    border:solid 2px rgb(45, 21, 8);
    text-align: center;
    background-color:white;
    color: rgb(45, 21, 8);
    border-radius :10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;

   
}



.kuwasiku1{
    font-size: 15px;
    border:solid 2px #210808;
    text-align: center;
    background-color:white;
    color: rgb(45, 21, 8);
    border-radius :50px;
    margin-top: 30px;
    margin-right: 300px;
    margin-left: 300px;
    box-shadow: 1px 1px 1px 1px #c5c4c4;

    padding: 30px;







}


.kuwasiku1:hover{
    border:solid 2px #ad827e;
    color: rgb(190, 166, 162);
}











.osirase{
background-color: rgb(34, 21, 4);


padding-top: 50px;


width: 100%;
height: 600px;


/*background:linear-gradient(rgb(246, 238, 205), #fff); */





}



.osirase1{
    text-align: center;
    font-size: 40px;
color: #fff;

padding: 50px;

font-family: "Agu Display", serif;   /*フォント変え以下6列*/
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
  "MORF" <morph>;

}


.osirase2{
    margin: 20px;
}


.osirase3{
    text-align: center;

    

}
















.tuuhan{
    background-color:rgb(34, 21, 4);

    width: 100vw;
    height: 300px;

text-align: center;


}



.tuuhan1{
    color: #fff;
    font-size: 40px;

    font-family: "Agu Display", serif;   /*フォント変え以下6列*/
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
  "MORF" <morph>;
}




.tuuhankeki{
    
    padding-top: 20px;


}




.tokushu{
    background-color:rgb(243, 243, 234) ;
    height: 900px;



}


.tokushu1{

    position: relative;
   
    border:solid px ;
    background-color:white;
    border-radius :0px;
    margin-right: 100px;
    margin-left: 100px;
    box-shadow: 3px 3px 3px 3px #c5c4c4;

   
    height: 900px;



}


.tokushu2{
    font-family: "Agu Display", serif;   /*フォント変え以下6列*/
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "MORF" <morph>;

      padding: 30px;
      font-size: 40px;
      text-align: center;
      color: rgb(45, 21, 8);



;


}



.tokushu3{
    padding-left: 15px;
    padding-top: 25px;


}


.tokushu4{
   
position: absolute;





text-align: center;
   

}





.copyright{
    width:100%;
    height:100px;

    background-color:rgb(243, 243, 234);

text-align: center;

color: rgb(34, 21, 4);

padding-top: 50px;




}





width:100%; /*灰色横幅*/

    height:100px;
    object-fit:cover;/*縦幅ちょうどよく*/

    background-color:rgb(37, 27, 9);
    opacity: 0.8;  /*透明度*/


    position:fixed;/*メニュー動かない*/



    display:table;


    display: table-cell; 
    text-align: left; 

    display: table-cell; 
    text-align: right; 

display: flex;/*文字を横に並べる*/




osirase2

    background:#E5E5E5;;
      position: relative;
      margin-bottom: calc(10vw + 10px);  
    
    
    
osirase2::after
        content: "";
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      width: 0;
      height: 0;
      border-width: 10vw 50vw 0 50vw;
      border-style: solid;
      border-color: #E5E5E5 transparent transparent transparent;  
    
    
    
      width: 0;
      height: 0;
      border-left: 700px solid transparent;
      border-right: 700px solid transparent;
      border-bottom: 30px solid white;
  
      background-color: beige;
    
    
      background-green {
        position: relative;
        width: 100%;
        height: 300px;
        background: #f7f9d2;
    }
    background-orange {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 90%;
        background: #ffffff;
        color: #000;
    }
    background-red {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 10%;
        background: #f7f9d2;
    }