@charset "UTF-8";

/* =================================
   common
==================================== */


html{
    font-size: 62.5%;
}

body {
    font-family:
    "Noto Serif","Hiragino Mincho Pro W3";
    font-weight:400;
    font-style:normal;
    color: #fff;
    background-color: #000;
    line-height: 1.5;
    margin: 0;
}

.inner{
    max-width: 1160px;
    margin: auto;
}

img {
    width: 100%;
    height: auto;
}

.btn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}




/*==========================
about
==========================*/

/* article header */

.about{
        padding: 150px 0px;
    }

.section-about {
    display: none;
}   



.about__txt {
    font-family:"Hiragino Mincho Pro";
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.1;
    letter-spacing: 1.6px;

}


.about__haikei{
    background: url(../images/haikei_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: auto;
    padding: 160px 24px 150px 24px;

}


.br-sp {
    display: block;
}

.br-pc{
    display: none;
}

/* article header pc */
@media screen and (min-width:769px) {

    .about_storename{
        width:auto ;
        height: auto; 
}

    .about_rasenname{
        width:50%;
    }

    .about__haikei{
    background: url(../images/haikei_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: auto;
    padding: 200px 42px 200px 42px;

}

    .about__txt {
    font-size: 2rem;
    line-height: 2.3;
    text-align: center;
}

  
    .br-sp {
    display:none;
    }
}
/* pc 769px */


/* .Menu */

.section-Menu{
    padding: 150px 24px ;
}

.section_topicMenu {
    font-size:1.8rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
}

.menu_name{
    font-size: 1.6rem;
    font-weight: 300;
    text-align: center;
    margin-top: 40px;
}

.menu_name span{
   font-size: 1.2rem;
   line-height: 1;
   letter-spacing: 0.2em;
   margin-left: 8px;
}

.menu_name:first-of-type{
    margin-top:100px;
}

.menu_more{
    font-size: 1.4rem;
    text-align: center;
    font-weight: 200;
    margin-top: 100px;
    transition-duration: 0.4s;

}

/* マウスオーバー時 */
.menu_more:hover {
color:#696969;
}

 .br-pc{
    display: none;
 }

/* .Menu pc */
@media screen and (min-width:769px) {
   
    .section_topicMenu {
    font-size:3.6rem;
    line-height: 1;
    letter-spacing: 0.16em;
}

    .menu_name{
    font-size: 1.8rem;
    text-align: center;
    margin-top: 80px;
}
   .menu_list{
    margin-top: 100px;
   }

    .menu_more{
    font-size: 1.4rem;
    text-align: center;
    margin-top: 100px;
}
 
}
/* pc 769px */


/* .News */

.section-News{
    padding: 150px 24px;
}

.section__topicNews{
    font-size:1.8rem;
    text-align: center;
}

.news__link{
    font-family:"Hiragino Mincho Pro W3";
    font-size: 1rem;
    text-align: center;
    justify-content: center;
    display: flex;
    letter-spacing: 0.1em;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    transition-duration: 0.4s;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    width: fit-content;
}


/* マウスオーバー時 */
.news_link:hover{
color:#696969;
}


/* .News pc */

@media screen and (min-width:769px) {

 
.section__topicNews{
    font-size:3.6rem;
    line-height: 1;
    letter-spacing: 0.16em;
}

.news__link{
    font-family:"Hiragino Mincho Pro W3";
    font-size: 1.4rem;
}

  
}
/* pc 769px */


/* .Gallery */

.section-Gallery{
    padding: 150px 24px 100px 24px ;
}

.section_topicGallery{
    font-size: 1.8rem;
    text-align: center;
}

.gallery_subtittle{
    font-size: 1.6rem;
    font-weight: lighter;
    font-family: "Hiragino Mincho Pro W3";
    text-align: center;
    margin-top: 100px;
}

.gallery_txt{
    font-size: 1.4rem;
    font-family: "Hiragino Mincho Pro W3";
    line-height: 2;
    text-align:left;
    margin-top: 100px;
}


.pc-br{
    display: none;
}

/* .Gallery pc */


@media screen and (min-width:769px) {

.section_topicGallery{
    font-size: 3.6rem;
    text-align: center;
    letter-spacing: 0.16em;
}

.gallery_subtittle{
    font-size: 2rem;
    text-align: center;
    margin-top: 120px;
}

.gallery_txt{
    font-size: 1.8rem;
    line-height: 2.1;
    text-align:left;
    margin-top: 120px;
}
 
.pc-br{
    display: block;
}

}   

/* pc 769px */


/* .Contact */

.section-Contact{
    padding: 150px 24px ;
}

.section_topicContact{
    font-size: 1.8rem;
    text-align: center;
}

.contact_subtittle{
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "Hiragino Mincho Pro W3";
    text-align: center;
    margin: 24px 0 150px 0;

}

.c-form {
	max-width: 600px;
	margin: 0 auto;
}

.contact_list{
    background-color:rgba(105,105,105,0.4);
    padding: 24px;
    max-width: 1160px; /* フォームの最大幅 */
    margin: auto; /* 中央寄せ */
}
.c-form__item {
	display: block;
}

.c-form__label {
	font-size: 1.4rem;
    line-height: 1.5;
    font-family: "Hiragino Mincho Pro W3";
    text-align: center;
}
.c-form__input {
	width: 100%;
	font-size: 1.2rem;
	border-radius: 2px;
}

.c-form__required {
	color: #fff;
	background-color:#696969;
	border-radius: 2px;
	padding: 5px 5px;
	margin: 0 0 0 18px;
}
textarea.c-form__input {
	height: 160px;
    margin-top: 20px;
}
.c-form__submit {
	text-align: center;
}
.c-form__submit button {
    width: 60%;
    background-color: #000; /* ボタンの背景色 */
    color: #fff; /* ボタンのテキスト色 */
    border: none; /* ボーダーなし */
    padding: 12px 15px 14px 15px; /* 内側の余白 */
    text-align: center; /* テキスト中央揃え */
    text-decoration: none; /* 下線なし */
    display: inline-block; /* ブロック要素として表示 */
    font-size: 14px; /* フォントサイズ */
    margin: auto; /* マージン */
    display: flex;
    justify-content: center;
    cursor: pointer; /* マウスカーソルをポインタに */
    border-radius: 2px; /* 角を丸める */
    transition-duration: 0.4s; /* 背景色の変更にトランジション */
	
}
.c-form__submit button:hover {
	background:#696969;
}

input[type="text"],
input[type="email"],
textarea {
    resize: vertical; /* 縦方向にのみリサイズ可能 */
    width: 100%; /* 幅を100%に */
    padding: 10px; /* 内側の余白 */
    margin-bottom: 32px; /* 下の余白 */
    margin-top: 20px;
    border: 1px solid #ccc; /* 境界線 */
    border-radius: 2px; /* 角を丸める */
    box-sizing: border-box; /* パディングとボーダーを含むサイズ */
}




/* .Contact pc */
@media screen and (min-width:769px) {

.section_topicContact{
    font-size: 3.6rem;
    text-align: center;
    letter-spacing: 0.16em;
}
.c-form__item {
	display: block;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin-bottom: 20px;
    flex-wrap: nowrap;
}   

.textarea {
    display: block;
}



}   

/* pc 769px */

/* .Access */

.section-Access{
     padding: 150px 24px;  
}

.section__topicAccess{
    font-size: 1.8rem;
    text-align: center;    
}

.access_list{
    padding: 0 35px;
}

.access_icon{
    width:16px;
    height: 20px;
}
.access_benten{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    gap: 18px;
}

.access_adress1{
    font-size: 1.6rem;
    font-family: "Hiragino Mincho Pro W3";
    line-height: 1.5;
    text-align: center;
}

.access_adress2{
    display: none;
}

.access_txt{
    font-size: 1.6rem;
    font-family: "Hiragino Mincho Pro W3";
    line-height: 1.5;
    text-align: center;
    margin-top: 30px;
}

.access_txt:first-of-type{
    margin-top: 72px;
}

.access_picture{
    margin-top: 100px;

}

.section-accessMap{
    font-family: "Hiragino Mincho Pro W3";
    font-size: 1.4rem;
    font-weight: lighter;
    line-height: 1;
    margin-top: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.6s;
}

/* マウスオーバー時 */
.section-accessMap:hover {
color:#696969;
}

/* .Access pc */

@media screen and (min-width: 769px) {

    .section-Access{
     padding: 200px 24px;  
}

    .section__topicAccess{
        font-size: 3.6rem;
        letter-spacing: 0.16em;
        
    }

    .access_content{
        display: flex;
        flex-direction: row-reverse;
        padding: 175px 129px 0 129px;
    }

    .access_list{
        padding: 0 35px;
        display: flex;
        text-align: center;
        flex-direction: row-reverse;
    }

    .access_icon{
        width:18px;
        height: 22px;
    }
    .access_benten{
        display:block;
        justify-content: center;
        align-items: center;
        margin-top: 0px;
        margin-right: 104px;
        letter-spacing:1em;
    }

    .access_adress2{
        display: block;
        font-family: "Hiragino Mincho Pro W3";
        font-size: 1.8rem;
        line-height: 1.3;
        text-align: center;
        writing-mode:vertical-rl;
        text-orientation: upright;
        margin-top: 36px;
    }

    .access_adress1{
        display: none;
    }

    .access_txt{
        font-size: 1.8rem;
        line-height: 1.3;
        text-align: justify;
        margin-top: 0px;
        margin-right: 30px;
        writing-mode:vertical-rl;
        text-orientation: upright;
        letter-spacing: 1em;
    }

    .access_txt:first-of-type{
        margin-right: 120px;
    }

    .access_picture{
        margin-top: 0px;
    }

    .section-accessMap{
        font-size: 1.4rem;
        line-height: 1;
        text-align: center;
        margin-top: 120px;
    }

}
/* pc 769px */