@charset "UTF-8";

/* 共通部分
------------------------------- */
html {
    font-size: 100%;
}
body{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
    color: #1f1f1f;
    font-size: 16px;
    margin: 0;
    background-color: #ffffff;
}

.pc_inner {
    width: 500px;
    margin: 0 auto;
}
a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
    font-size: 16px;
    color: #1f1f1f;
    text-decoration-color: none;  /*リンクの色を消す*/
}
img {
    object-fit: fill;
    object-position: center center;
    width: 100%;
}

.logo{
    object-fit: contain;
}

.b {
    font-weight: 600;
}

.midasi {
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
    font-size: 25px;
    color: #001B87;
    border-bottom: solid 1.5px #a4a4a4;
    width: fit-content;
    text-align: center;
    margin-bottom: 25px;
}

.no {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 60px;
    color: #EEDCB3;
    line-height: 1;
    margin-bottom: 20px;
}



.text{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
    font-size: 16px;
    color: #1f1f1f;
}

.b_b {
    background-color: #EEDCB350;
}

.u_l {
    border-bottom: solid #1f1f1f 1.5px;
    font-size: 20px;
}

.b_o {
    padding: 10px;
    border: solid 1.5px #1f1f1f !important;
    font-size: 20px;
    font-weight: 500;
    color: #1f1f1f;
}

.min {
    font-family: "Noto Serif JP", serif;
}



  html,body {
    overflow-x: hidden;
  }



/*画像の下の隙間を消すコード*/



img{
	vertical-align:top;
}


.sp {
    display: none;
}

.pc {
    display: block;
}

.top_ga {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.area1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 80px 0;
}

.area1 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.area1 .box {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.area2 {
    background-color: #EEDCB3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0;
}

.area2 p {
    font-family: "Noto Serif JP", serif;
}

.area2 .midasi {
    font-weight: 500;
    font-size: 20px;
    color: #1f1f1f;
    border-bottom: none;
}

.area2 .ga {
    margin-bottom: 20px !important;
}

.area2 .li {
    display: flex;
    gap: 10px;
    align-items: center;
}

.area2 .li img {
    width: 20px;
    height: 20px;
}

.area2 .box {
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}



.area3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0 0 0;
}

.area3 p {
    font-family: "Noto Serif JP", serif;
    font-size: 20px;
}


.area3 .img_box {
    width: 100%;
    margin-bottom: 20px;
    width: 80%;
}

.area3 .img_box img {
    width: 50px;
}

.area3 .box {
    border: solid #1f1f1f 2.5px;
    width: 100%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
}

.area3 span {
    font-size: 30px;
    font-weight: 700;
}


.area4 {
    background-color: #F5C1EC30;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.area4 .container {
    background-color: #ffffff;
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 50px 0;
}

.area4 .label {
    width: 100%;
    background-color: #001B87;
    text-align: center;
    padding: 5px;
    color: #ffffff;
}

.area4 .box {
    margin: 0px 20px;
}

.area4 .box img {
    width: 20px ;
}

.area4 .box .midasi_box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
    gap: 10px;
}

.area4 .midasi_2 {
    background-color: #EEDCB350;
    font-family: "Noto Serif JP", serif;
    margin: 0 20px;
}

.area5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0 0 0;
}

.area5 .box {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 50px 0;
}

.area5 a {
    width: 30%;
}

.area5 .small {
    font-size: 16px;
    font-weight: 500;
}

.area5 p {
    font-size: 20px;
}

.area5 span {
    font-size: 30px;
    font-weight: 700;
}

.komidasi {
    color: #ffffff;
    background-color: #A19478;
    width: 80%;
    text-align: center;
}


.area6 {
    background-color: #EEDCB3;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.area6 .container {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.area6 .box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.area6 .li img{
    width: 140px;
}

.area6 span {
    font-size: 20px;
    font-weight: 700;
}

.area7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0;
}

.area7 .box {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.area7 p {
    font-size: 18px;
}

.yuji {
    font-family: "Yuji Syuku", serif;
    color: #001B87;
}

.area7 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.area7 .text_box {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.area8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0 0 0;
}

.area8 .container {
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.area8 .box {
    border: solid #A19478 1.5px;
}

.area8 .li_q , .area8 .li_a {
    display: flex;
    padding: 5px;
}

.area8 .li_q {
    border-bottom:solid #A19478 1.5px
}



.area9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0;
}

.area9 span {
    font-weight: 700;
    font-size: 20px;
}

.area9 .box {
    width: 80%;
}


.area10 {
    padding: 50px 0 0 0;
    background-color: #EEDCB3;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.area10 .text {
    width: 80%;
}

.contact {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 50px 0
}


.cta {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}

.cta a {
    width: 80%;
}



.footer {
    background-color: #ffff;
    padding: 3vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5vw;
}

a:hover {
  opacity: 0.7; /* 透過具合（0〜1で調整） */
}





/*モバイル版
--------------------------------------------------------------------------モバイル版*/
@media (max-width: 600px) {

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .pc_inner {
        width: 100%;
    }

    .area3 .box {
        padding: 20px;
    }

    .area4 .box .midasi_box {
        gap: 5px;
    }

   .area5 .box {
        width: 90% !important;
   }

    .area5 span {
     font-size: 25px;
    }

    .area7 .box {
        width: 90%;
    }
    

}