@charset "utf-8";
/* ここからPC版－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */

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

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        /* outline: solid red 1px; */
    }

    body {
        font-family: "BIZ UDPGothic", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .js-fade {
        opacity: 0;
        visibility: hidden;
        transform: translateY(70px);
        transition: opacity 1s, visibility 1s, transform 1s;
    }

    .js-fade.scroll {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .container {
        display: flex;
        width: 100%;
        height: 200%;
        justify-content: space-between;
        margin-bottom: 20%;
    }

    .aimer {
        height: 100%;
        width: 50%;
        display: flex;
        margin: auto auto;
    }

    .aimer img {
        object-fit: cover;
        max-width: 40%;
        height: auto;
        display: flex;
        margin: auto auto;
    }

    .imgbox {
        width: 50%;
    }

    .imgbox img {
        object-fit: cover;
        max-width: 80%;
        height: auto;
        margin-top: 10%;
        box-shadow: 12px 12px rgba(0, 0, 0, 0.144);
    }


    /* ここからnav-----------------------------------------------------------------------------*/

    .nav {
        display: flex;
        justify-content: center;
        /* gap: 20%; */
        width: 80%;
        margin: 0 auto 30%;

    }

    .nav li {
        list-style: none;
        text-align: center;
        font-size: 1.2em;
        border-bottom: solid 1px rgb(184, 184, 184);
        line-height: 30px;
        padding: 0 15%;
    }

    .nav li a {
        text-decoration: none;
        color: rgb(124, 124, 124);

    }

    .nav li :hover {
        color: rgb(243, 79, 155);
    }



    /* ここからnews-----------------------------------------------------------------------------*/


    .news {
        display: grid;
        place-items: center;
        text-align: center;
        margin: 0 auto 40%;
        gap: 3%;
        background-image: url(images2/woodwall.jpeg);
        width: 85%;
        height: 10%;
    }

    .news h1 {
        margin-top: 1em;
        padding: 1em;
        font-size: 1.8em;
        font-weight: 400;
        color: rgb(92, 92, 92);
        background-color: rgb(255, 255, 255);
        box-shadow: 12px 12px rgba(0, 0, 0, 0.144);
    }

    .news p {
        width: 95%;
        margin: 5em;
        padding: 2em;
        font-size: 0.8em;
        letter-spacing: 0.3em;
        color: rgb(92, 92, 92);
        background-color: rgb(255, 255, 255);
        box-shadow: 12px 12px rgba(0, 0, 0, 0.144);
    }



    /* ここからconcept-----------------------------------------------------------------------------*/

    .concept_h1 h1 {
        text-align: center;
        font-size: 1.8em;
        font-weight: 400;
        color: rgb(92, 92, 92);
        margin: 2em 0 10%;
    }

    .concept {
        display: flex;
        width: 100%;
        height: 200%;
        margin-bottom: 20em;
    }

    .imgbox2 {
        display: flex;
        width: 50%;
    }

    .imgbox2 img {
        object-fit: cover;
        max-width: 80%;
        height: auto;
        box-shadow: 16px 16px rgba(0, 0, 0, 0.144);
        margin-left: 10%;
    }

    .img2 {
        margin-top: 20%;
    }

    .concept_word {
        width: 50%;
        text-align: center;
        margin-top: 8%;
    }

    .concept_p {
        letter-spacing: 0.2em;
        font-size: .8em;
        line-height: 260%;
        color: rgb(92, 92, 92);
    }




    /* ここからmenu-----------------------------------------------------------------------------*/


    .menu_h1 h1 {
        text-align: center;
        font-size: 1.8em;
        font-weight: 400;
        color: rgb(92, 92, 92);
        margin: 10em 0 10% 0;
    }

    .menu_all {
        display: flex;
        width: 100%;
        height: 200%;
    }

    .menu {
        width: 50%;
        margin: 0 auto 0;
    }

    .menu_p {
        text-align: center;
    }

    .menu_p p {
        letter-spacing: 0.4em;
        font-size: .8em;
        line-height: 200%;
        color: rgb(92, 92, 92);
    }

    .menu_p h2 {
        font-size: 1.3em;
        margin: 12% auto 1em;
        font-weight: 400;
        color: rgb(92, 92, 92);
    }

    .item {
        text-align: center;
        margin: 1em auto 0;
        font-size: .8em;
        letter-spacing: 0.4em;
        color: rgb(92, 92, 92);
        padding: 1em;
        line-height: 200%;
        box-shadow: 12px 12px rgba(0, 0, 0, 0.144);
        max-width: 70%;
    }

    .item-name-price .item-desc {

        margin-bottom: 18px;
    }

    .underline {
        text-decoration: underline;
        text-decoration-thickness: 1em;
        text-decoration-color: #acacac;
        text-underline-offset: 1%;
    }

    .item-desc {
        text-decoration: none;
    }

    .imgbox3 {
        display: flex;
        width: 50%;
        justify-content: center;
    }

    .imgbox3 img {
        object-fit: cover;
        max-width: 80%;
        height: auto;
        box-shadow: 12px 12px rgba(0, 0, 0, 0.144);
        margin-left: 10%;
    }

    .img3 {
        margin-top: 20%;
    }

    .menu_box {
        margin-bottom: 15%;
    }




    .menu_more {
        width: 100%;
        display: flex;
        margin: 5% auto 5% 80%;
    }

    .menu_more a {
        font-size: .8em;
        padding: 1em;
        color: rgb(255, 255, 255);
        text-decoration: none;
        text-align: center;
        background-color: rgb(92, 92, 92);
    }

    .menu_more a:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    }





    /* ここからcontact-----------------------------------------------------------------------------*/

    .contact_h1 h1 {
        text-align: center;
        font-size: 1.8em;
        font-weight: 400;
        line-height: 120%;
        color: rgb(92, 92, 92);
        margin-bottom: 10%;
    }

    .contact {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .contactword {
        text-align: center;
        width: 50%;
        font-size: .9em;
        letter-spacing: 0.3em;
        line-height: 500%;
        color: rgb(92, 92, 92);
    }

    .contactword p {
        text-decoration: underline;
        text-decoration-thickness: 0.1em;
        text-decoration-color: #acacac;
        text-underline-offset: 50%;
    }

    .icon {
        margin-top: 1em;
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 3em;
    }

    .googlemap {
        width: 50%;
        aspect-ratio: 16/9;
        position: relative;
    }

    .googlemap iframe {
        position: absolute;
        width: 85%;
        height: 100%;
    }




    /* ここからservice----------------------------------------------------------------------------- */

    .service {
        display: flex;
        justify-content: center;
        text-align: center;
        gap: 5em;
        padding: 7em;
    }

    .service_icon {
        display: flex;
        align-items: top;
        object-fit: cover;
    }

    .service_icon a {
        width: 200px;
        color: rgb(92, 92, 92);
        text-decoration: none;
    }

    .service_icon p {
        font-size: 1em;
        margin: 1em 0 1.5em;

    }

    .service_icon a:hover {
        color: white;
        background-color: rgb(197, 120, 193);
    }





    /* ここからunder_top-----------------------------------------------------------------------------*/

    .under_top {
        width: 100%;
        display: flex;
        margin: 5% auto 5% 80%;
    }

    .under_top a {
        font-size: .8em;
        padding: 1em;
        color: rgb(255, 255, 255);
        text-decoration: none;
        text-align: center;
        background-color: rgb(92, 92, 92);
    }

    .under_top a:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    }

    /* ここからfooter----------------------------------------------------------------------------- */

    .footer {
        background-color: rgb(92, 92, 92);
        width: 100%;
        text-align: center;
        line-height: 2em;
    }

    .footer small {
        text-align: center;
        color: white;
        font-size: .8em;
    }

    /* ここからクーポンページ----------------------------------------------------------------------------- */

    .cp {
        justify-content: center;
        text-align: center;
    }

    .cp img {
        object-fit: cover;
        max-width: 30%;
        height: auto;
    }

    .cp h1 {
        font-size: 1.2em;
        margin: 3em;
        color: rgb(119, 119, 119);
        letter-spacing: 0.3em;
    }

    .cp_home {
        width: 100%;
        display: flex;
        margin: 5% auto 5% 80%;
    }

    .cp_home a {
        font-size: .8em;
        padding: 1em;
        color: rgb(255, 255, 255);
        text-decoration: none;
        text-align: center;
        background-color: rgb(92, 92, 92);
    }

    .cp_home a:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    }

    /* ここから問い合わせページ */
    /* 
    .inquiry {
        width: 50%;
        margin: 3em auto;
        color: rgb(92, 92, 92);
    }

    #main h1 {
        text-align: center;
        font-size: 1.5em;
        margin-bottom: 1.5em;
    }

    #main p {
        text-align: center;
        font-size: 1em;
        margin-bottom: 1.5em;
    }

    #main li {
        font-size: 1em;
        width: fit-content;
        margin-bottom: 1.5em;
        border-bottom: solid 1px rgb(92, 92, 92);
    }

    #main ul {
        display: grid;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.5em;
    }

    form {
        display: grid;
        justify-content: center;
        align-items: center;
    }

    form p {
        font-size: 0.9em;
        margin-bottom: 0.8em;
    }

    input,
    textarea {
        margin-top: 0.1em;
    }

    input[type="text"] {
        width: 60%;
        height: 1.5em;
    }

    input[type="email"] {
        width: 60%;
        height: 1.5em;
    }

    textarea {
        width: 35em;
        height: 8em;
        overflow-y: auto;
    }

    input[type="submit"] {
        display: block;
        font-size: 0.1em;
        padding: 1.5em;

    }

    input[type="submit"]:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    }

    .inq_home {
        width: 100%;
        display: flex;
        margin: 2% auto 2% 80%;
    }

    .inq_home a {
        font-size: .8em;
        padding: 1em;
        color: rgb(255, 255, 255);
        text-decoration: none;
        text-align: center;
        background-color: rgb(92, 92, 92);
    }

    .inq_home a:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    } */


    /* ここからmenu html */


    .m_h1 h1 {
        text-align: center;
        font-size: 1.8em;
        font-weight: 400;
        color: rgb(92, 92, 92);
        margin: 10% 0 5% 0;
    }

    .m_all {
        color: rgb(92, 92, 92);
        display: flex;
        width: 100%;
        height: 100%;
        margin-bottom: 5em;
        padding: 5em 0;
        border: solid 1px rgb(180, 179, 179);
        box-shadow: 12px 12px rgba(0, 0, 0, 0.144);
    }

    .m,
    .m2,
    .m3 {
        width: 50%;
        margin: auto auto;
    }

    .m_p_a,
    .m_p_b,
    .option {
        text-align: center;
    }

    .m_p_a h2,
    .m_p_b h2 {
        font-size: 1.4em;
        letter-spacing: 0.2rem;
        margin-bottom: 1em;
        font-weight: 400;

    }

    .m3 h2 {
        display: flex;
        justify-content: center;
        margin-bottom: 1em;
        font-size: 1.4em;
        letter-spacing: 0.2rem;
        font-weight: 400;
        color: rgb(92, 92, 92);
    }

    .m_p_a p,
    .m_p_b p {
        letter-spacing: 0.1em;
        font-size: .8em;
        line-height: 200%;
        color: rgb(92, 92, 92);
    }

    .item,
    .item2 {
        text-align: center;
        margin: 1em auto 0;
        font-size: .8em;
        color: rgb(92, 92, 92);
        letter-spacing: 0.1em;
        border: solid 1px rgb(226, 224, 224);
        padding: 2em;
        line-height: 180%;
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);
        max-width: 70%;
    }

    .item-name-price {
        border-bottom: solid 1px rgb(226, 224, 224);
        margin-bottom: .5em;
    }

    .item-desc {
        text-decoration: none;
        margin-bottom: 1em;
    }





    .photobox {
        display: flex;
        width: 50%;
        justify-content: center;
    }

    .photobox img {
        object-fit: cover;
        width: 80%;
        height: auto;
        margin-left: 10%;
        box-shadow: 12px 12px rgba(0, 0, 0, 0.144);
    }

    .photobox2 {
        width: 50%;
        justify-content: center;
        gap: 20%;
    }

    .photobox2 img {
        object-fit: cover;
        width: 55%;
        height: auto;
        box-shadow: 12px 12px rgba(0, 0, 0, 0.144);
    }

    .photobox3 {
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin: auto auto;
    }

    .photobox3 img {
        object-fit: cover;
        width: 60%;
        height: auto;
        box-shadow: 12px 12px rgba(0, 0, 0, 0.144);
    }

    .photo1 {
        margin-top: 15em;
    }

    .photo3 {
        display: flex;
        justify-content: center;
        margin-right: 5em;
        margin-bottom: 5%;
    }

    .photo4 {
        display: flex;
        justify-content: center;
        margin-left: 5em;
        margin-top: 5%;
    }

    .m_box {
        margin-bottom: 5em;
    }


    .menu_more2 {
        width: 100%;
        display: flex;
        margin: 5% auto 5% 80%;
    }

    .menu_more2 a {
        font-size: .8em;
        padding: 1em;
        color: rgb(255, 255, 255);
        text-decoration: none;
        text-align: center;
        background-color: rgb(92, 92, 92);
    }

    .menu_more2 a:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    }
}

/* ここまでPC版－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */




/* ここから携帯版－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */

@media screen and (max-width: 414px) {

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        /* outline: solid red 1px; */
    }

    body {
        font-family: "BIZ UDPGothic", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .js-fade {
        opacity: 0;
        visibility: hidden;
        transform: translateY(70px);
        transition: opacity 1s, visibility 1s, transform 1s;
    }

    .js-fade.scroll {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .container {
        width: 100%;
        height: 200%;
    }

    .aimer {
        display: flex;
        justify-content: center;
        height: 100%;
        width: 100%;
        margin: 60% auto 70%;
    }

    .aimer img {
        object-fit: cover;
        max-width: 40%;
        height: auto;
        margin: auto auto;
    }

    .imgbox {
        height: 100%;
        width: 100%;
        margin: 30% auto 30%;
    }

    .imgbox img {
        object-fit: cover;
        max-width: 83%;
        height: auto;
        display: flex;
        margin: auto auto;
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);
    }


    /* ここからnav-----------------------------------------------------------------------------*/

    .nav {
        display: flex;
        justify-content: center;
        width: 80%;
        margin: 0 auto 30%;
    }

    .nav li {
        list-style: none;
        text-align: center;
        font-size: 0.4em;
        border-bottom: solid 1px rgb(184, 184, 184);
        line-height: 160%;
        padding: 0 6%;
    }

    .nav li a {
        text-decoration: none;
        color: rgb(92, 92, 92);

    }

    .nav li :hover {
        color: rgb(243, 79, 155);
    }



    /* ここからnews-----------------------------------------------------------------------------*/


    .news {
        display: grid;
        place-items: center;
        text-align: center;
        padding: 1em;
        margin: 0 auto 30%;
        background-image: url(images2/woodwall.jpeg);
        width: 83%;
        height: 100%;
    }

    .news h1 {
        padding: .7em;
        font-size: 1.1em;
        margin-bottom: 1em;
        font-weight: 400;
        color: rgb(92, 92, 92);
        background-color: rgb(255, 255, 255);
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);
    }

    .news p {
        width: 100%;
        padding: 5em;
        font-size: 0.1em;
        letter-spacing: 0.1em;
        line-height: 200%;
        color: rgb(92, 92, 92);
        background-color: rgb(255, 255, 255);
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);
    }



    /* ここからconcept-----------------------------------------------------------------------------*/

    .concept_h1 h1 {
        text-align: center;
        font-size: 1.1em;
        font-weight: 400;
        color: rgb(92, 92, 92);
        margin: 2em auto 10%;
        padding-top: 5em;
        border-top: #acacac 1px solid;
        width: 80%;
    }

    .concept {
        width: 100%;
        height: 200%;
        margin-bottom: 5em;
    }

    .imgbox2 {
        display: flex;
        width: 100%;
        height: 100%;
    }

    .imgbox2 img {
        object-fit: cover;
        max-width: 65%;
        height: auto;
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);
    }

    .img1 img {
        margin: 0 0 0 25%;
    }

    .img2 img {
        margin: 20% 0 0 10%;
    }

    .concept_word {
        width: 80%;
        text-align: center;
        margin: 8% auto 0;
    }

    .concept_p {
        letter-spacing: 0.8em;
        font-size: 0.2em;
        line-height: 200%;
        color: rgb(92, 92, 92);
    }




    /* ここからmenu-----------------------------------------------------------------------------*/


    .menu_h1 h1 {
        text-align: center;
        font-size: 1.1em;
        font-weight: 400;
        color: rgb(92, 92, 92);
        margin: 2em auto 10%;
        padding-top: 5em;
        border-top: #acacac 1px solid;
        width: 80%;
    }

    .menu_all {
        width: 100%;
        height: 100%;
    }

    .menu {
        margin: 0 auto 0;
    }

    .menu_p {
        text-align: center;
    }

    .menu_p p {
        margin: 0 auto 0;
        width: 90%;
        letter-spacing: 0.3em;
        font-size: 0.3em;
        line-height: 200%;
        color: rgb(92, 92, 92);
    }

    .menu_p h2 {

        font-size: 1em;
        margin: 12% auto 1em;
        font-weight: 400;
        color: rgb(92, 92, 92);
    }

    .item {
        text-align: center;
        margin: 1em auto 2em;
        font-size: .4em;
        color: rgb(92, 92, 92);
        border: solid 1px rgb(226, 224, 224);
        padding: 1.5em;
        line-height: 180%;
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);
        width: 83%;
    }

    .item-name-price {
        margin-top: 1em;
        text-decoration: underline;
        text-decoration-thickness: 0.1rem;
        text-decoration-color: #dadada;
        text-underline-offset: 0.1rem;
    }

    .item-desc {
        text-decoration: none;
        margin-bottom: 1em;
    }

    .imgbox3 {
        display: flex;
        justify-content: center;
    }

    .imgbox3 img {
        object-fit: contain;
        max-width: 65%;
        height: auto;
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);
    }

    .img3 img {
        margin: 0 0 0 25%;
    }

    .img4 img {
        margin: 20% 0 0 10%;
    }


    .menu_more {
        display: flex;
    }

    .menu_more a {
        margin: 15% 0 15% auto;
        font-size: .3em;
        padding: 1em;
        color: rgb(255, 255, 255);
        text-align: center;
        text-decoration: none;
        background-color: rgb(92, 92, 92);
    }

    .menu_more a:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    }


    /* ここからcontact-----------------------------------------------------------------------------*/

    .contact_h1 h1 {
        text-align: center;
        font-size: 1.1em;
        font-weight: 400;
        line-height: 1.5em;
        color: rgb(92, 92, 92);
        margin: 0 auto 10%;
        padding-top: 5em;
        border-top: #acacac 1px solid;
        width: 80%;
    }

    .contact {
        align-items: center;
        justify-content: center;
    }

    .contactword {
        text-align: center;
        font-size: .6em;
        letter-spacing: 0.3em;
        line-height: 300%;
        color: rgb(92, 92, 92);
    }

    .contactword p {
        text-decoration: underline;
        text-decoration-thickness: 0.1em;
        text-decoration-color: #acacac;
        text-underline-offset: 50%;
    }

    .icon {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1em;
        line-height: 0%;
        margin: 2em 0;
    }

    .line img {
        object-fit: contain;
        max-width: 8em;
        height: auto;
    }

    .insta img {
        object-fit: contain;
        max-width: 70%;
        height: auto;
    }

    .googlemap {
        aspect-ratio: 16/9;
        position: relative;
        display: flex;
        justify-content: center;
        margin-bottom: 15%;
    }

    .googlemap iframe {
        display: flex;
        justify-content: center;
        position: absolute;
        width: 85%;
        height: 100%;
    }




    /* ここからservice----------------------------------------------------------------------------- */

    .service {
        text-align: center;
    }

    .service_icon {
        margin-bottom: 1.5em;
    }

    .service_icon img {
        object-fit: contain;
        max-width: 18%;
    }


    .service_icon a {
        color: rgb(92, 92, 92);
        text-decoration: none;
    }

    .service_icon p {
        font-size: .8em;


    }

    .service_icon a:hover {
        color: white;
        background-color: rgb(197, 120, 193);
    }





    /* ここからunder_top-----------------------------------------------------------------------------*/

    .under_top {
        display: flex;
    }

    .under_top a {
        margin: 15% 0 15% auto;
        font-size: .3em;
        padding: 1em;
        color: rgb(255, 255, 255);
        text-align: center;
        text-decoration: none;
        background-color: rgb(92, 92, 92);
    }

    .under_top a:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    }

    /* ここからfooter----------------------------------------------------------------------------- */

    .footer {
        background-color: rgb(92, 92, 92);
        width: 100%;
        height: 100%;

    }

    .footer small {
        display: flex;
        justify-content: center;
        padding: .8em 0;
        color: white;
        font-size: .3em;
    }

    /* ここからクーポンページ----------------------------------------------------------------------------- */

    .cp {
        width: 100%;
        height: 100%;
    }

    .cp img {
        object-fit: contain;
        max-width: 50%;
        height: auto;
        display: flex;
        margin: 0 auto;
    }

    .cp h1 {
        width: 75%;
        font-size: .8em;
        color: rgb(119, 119, 119);
        margin: 10% auto 10%;
    }

    .cp_home {
        display: flex;
    }

    .cp_home a {
        margin: 16% auto 4% 60%;
        font-size: .3em;
        padding: 1em;
        color: rgb(255, 255, 255);
        text-align: center;
        text-decoration: none;
        background-color: rgb(92, 92, 92);
    }

    .cp_home a:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    }

    /* ここから問い合わせページ */
    /* 
    .inquiry {
        width: 100%;
        height: 100%;
        color: rgb(92, 92, 92);
    }

    #main {
        width: 80%;
        margin: 2em auto;
        letter-spacing: .1em;
    }

    #main h1 {
        text-align: center;
        font-size: 1.1em;
        margin-bottom: 1em;
    }

    #main p {
        text-align: center;
        font-size: .4em;
        margin-bottom: 2em;
    }

    #main li {
        font-size: .4em;
        width: fit-content;
        margin-bottom: 1em;
        border-bottom: solid 1px rgb(139, 138, 138);
    }

    #main ul {
        display: grid;
        justify-content: center;
        align-items: center;
    }

    form {
        width: 80%;
        margin: 0 auto;
    }

    form p {
        font-size: .4em;
        letter-spacing: .1em;
        margin-bottom: 1em;
    }

    input,
    textarea {
        margin-top: 0.1em;
    }

    input[type="text"] {
        width: 70%;
        height: 2em;
    }

    input[type="email"] {
        width: 80%;
        height: 2em;
    }

    textarea {
        width: 100%;
        height: 3em;
        overflow-y: auto;
    }

    input[type="submit"] {
        display: block;
        font-size: .8em;
        padding: .8em;

    }

    input[type="submit"]:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    }

    .inq_home {
        display: flex;
    }

    .inq_home a {
        margin: 8% 0 10% auto;
        font-size: .3em;
        padding: 1em;
        color: rgb(255, 255, 255);
        text-decoration: none;
        text-align: center;
        background-color: rgb(92, 92, 92);
    }

    .inq_home a:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    } */


    /* ここからmenu html */

    .m_h1 h1 {
        text-align: center;
        font-size: 1.1em;
        font-weight: 400;
        color: rgb(92, 92, 92);
        margin: 10% 0 10% 0;
    }

    .m_all {
        color: rgb(92, 92, 92);
        width: 100%;
        height: 100%;
        margin-bottom: 2em;
        padding: 1em 0;
        border: solid 1px rgb(180, 179, 179);
        box-shadow: 12px 12px rgba(0, 0, 0, 0.144);
    }

    .m {
        margin: 0 auto 0;
    }

    .m2,
    .m3 {
        margin: auto auto;
    }

    .m_p_a {
        text-align: center;
    }

    .m_p_a p {
        margin: 0 auto 0;
        width: 90%;
        letter-spacing: 0.3em;
        font-size: 0.3em;
        line-height: 200%;
        color: rgb(92, 92, 92);
    }

    .m_p_a h2 {
        font-size: 1em;
        margin: 0 auto 1em;
        font-weight: 400;
        color: rgb(92, 92, 92);
    }



    .m_p_b {
        text-align: center;
    }

    .m_p_b p {
        margin: 0 auto 0;
        width: 90%;
        letter-spacing: 0.3em;
        font-size: 0.3em;
        line-height: 200%;
        color: rgb(92, 92, 92);
    }

    .m_p_b h2 {
        font-size: 1em;
        margin: 3em auto 1em;
        font-weight: 400;
        color: rgb(92, 92, 92);
    }

    .m3 h2 {
        display: flex;
        justify-content: center;
        margin-bottom: 1em;
        font-size: 1em;
        font-weight: 400;
        color: rgb(92, 92, 92);
    }

    .item2 {
        text-align: center;
        margin: 1em auto 2em;
        font-size: .3em;
        color: rgb(92, 92, 92);
        border: solid 1px rgb(226, 224, 224);
        padding: 1.5em;
        line-height: 180%;
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);
        width: 83%;
    }

    .photobox {
        width: 80%;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .photo1 {
        display: flex;
        justify-content: center;
        width: 50%;
        margin: 0 auto;
    }

    .photo2 {
        display: flex;
        justify-content: center;
        width: 50%;
        margin: 0 auto;
    }

    .photobox img {
        object-fit: cover;
        max-width: 65%;
        height: auto;
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);

    }



    .photobox2 {
        width: 80%;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .photo3 {
        display: flex;
        justify-content: center;
        width: 50%;
        margin: 0 auto;
    }

    .photo4 {
        display: flex;
        justify-content: center;
        width: 50%;
        margin: 0 auto;
    }

    .photobox2 img {
        object-fit: cover;
        width: 85%;
        height: auto;
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);
    }

    .photobox3 {
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin: auto auto;
    }

    .photobox3 img {
        object-fit: cover;
        width: 65%;
        height: auto;
        box-shadow: .5rem .5rem rgba(0, 0, 0, 0.144);
    }

    .m_box {
        margin-bottom: 1em;
    }

    .menu_more2 {
        margin: 8% auto 10% 70%
    }

    .menu_more2 a {
        font-size: .3em;
        padding: 1em;
        color: rgb(255, 255, 255);
        text-decoration: none;
        text-align: center;
        background-color: rgb(92, 92, 92);
    }

    .menu_more2 a:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(197, 120, 193);
    }
}