/* ↓幅が768pxより大きい場合 */
/* .header-flex,.header-list,list-ul に 1 を追加するjavaを実装 */
@media not screen and (max-width:768px) {


    body {
        margin: 0;
    }

    ul {
        padding-left: 0px;
    }

    li {
        text-decoration: none;
        list-style: none;
    }

    .header-flex {
        background: #46B830 none repeat scroll 0% 0%;
        top: 0px;
        height: 80px;
        margin-top: -80px;
        display: flex;
        -moz-box-pack: center;
        justify-content: center;
        z-index: 10;
        position: sticky;
        align-self: baseline;
    }

    .overlay{
        display:none;
      }
      .over-menu{
        display:none;
      }

    .header-list {
        min-width: 75%;
        height: 100%;
        display: flex;
    }

    .list-ul {
        flex-basis: 70%;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;
        list-style: none;
    }

    .list-li {

        flex-basis: 20%;
        font-size: 0.95vw;
        text-align: center;
    }

    .list-li a {
        color: white;
        text-decoration: none;
    }

    .header-buttun {
        display: flex;
        flex-basis: 15%;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: end;
        justify-content: flex-end;
    }

    .ot-buttun {
        border-radius: 50px;
        background: rgb(1, 191, 113) none repeat scroll 0% 0%;
        white-space: nowrap;
        padding: 12px 30px;
        color: rgb(255, 255, 255);
        text-decoration: underline;
        font-size: 0.95vw;
        outline: currentcolor none medium;
        border: medium none;
        cursor: pointer;
        display: flex;
        -moz-box-pack: center;
        justify-content: center;
        -moz-box-align: center;
        align-items: center;
        transition: all 0.2s ease-in-out 0s;
    }

    .header-buttun a {
        color: white !important;
        text-decoration: none;
    }


    .top {
        display: flex;
        height: 100vh;
        -moz-box-pack: center;
        justify-content: center;
        -moz-box-align: center;
        align-items: center;
        position: relative;
    }

    /* 動画を囲う親要素 */
    .video-container {
        width: 100%;
        height: 100vh;
        position: relative;
    }

    /* 動画の上に乗せる文字 */
    .video-container>p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }

    .video-container {
        position: relative;
        height: 100vh;
        width: 100%;
    }



    .top-title-desktop {
        flex-direction: column;
        align-items: center;
        -moz-box-align: center;
        position: absolute;
        display: flex;
        padding: 10vw;
    }

    .top-title-mobile{
        display:none;
    }
    .top-title-desktop h1 {
        color: white;
        text-align: center;
        padding-bottom: 24px;
    }


    .title-buttun {
        border-radius: 50px;
        background: rgb(1, 191, 113) none repeat scroll 0% 0%;
        white-space: nowrap;
        padding: 4px 18px;
        color: white;
        font-size: 0.95vw;
        outline: currentcolor none medium;
        border: medium none;
        cursor: pointer;
        display: flex;
        -moz-box-pack: center;
        justify-content: center;
        -moz-box-align: center;
        align-items: center;
        text-decoration: none;
        transition: all 0.2s ease-in-out 0s;
    }


    .title-buttun1 {
        border-radius: 50px;
        background: rgb(1, 191, 113) none repeat scroll 0% 0%;
        white-space: nowrap;
        padding: 18px 30px;
        color: white;
        font-size: 0.95vw;
        outline: currentcolor none medium;
        border: medium none;
        cursor: pointer;
        display: flex;
        -moz-box-pack: center;
        justify-content: center;
        -moz-box-align: center;
        align-items: center;
        text-decoration: none;
        transition: all 0.2s ease-in-out 0s;
    }

    .title-buttun a {
        color: white;
        text-decoration: none;
    }

    .title-buttun1 a {
        color: white;
        text-decoration: none;
    }

    .content1 {
        background: #f4f0e6;
        display: flex;
        padding-bottom: 5vw;
        /*display: grid;
    grid-template: ".     aboutHeading    aboutImage   ." 1fr ".     aboutContent    aboutContent ." 2fr / 1fr 3fr 3fr 1fr;*/
        justify-content: space-evenly;
        padding-top: 68px;
    }

    .sub-title1 {
        line-height: 50px;
    }

    .sub-title1 h1 {
        color: green;
        margin: 2vw;
        grid-row: 1 / 2;
        align-items: center;
    }

    .sub-title1 h4 {
        color: green;
        padding-left: 2vw;
        grid-row: 2 / 3;
        font-size: 34px;
        display: flex;
        -moz-box-align: center;
        align-items: center;
    }

    .content1-img {
        grid-area: aboutImage;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;
    }


    .content1-img img {
        max-width: 15vw;
    }

    .content1-li {
        background: #f4f0e6;
        grid-area: aboutContent;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;
    }

    .content1-li ul {
        line-height: 350%;
        list-style: none;
    }

    .content1-li li {
        line-height: 350%;
        list-style: none;
    }

    .content2 {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: "Noto Serif JP", serif;
    }

    .content2-main {
        background-color: #A8E96A;
        color: white;
    }

    .content2-flex {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
    }

    .content2-title {
        display: flex;
        -moz-box-pack: center;
        width: 70%;
    }

    .content2-title h1 {
        font-weight: bold;
        padding-top: 2vw;
        font-size: 24px;
    }

    .content2-img {
        display: inline-block;
        width: 30%;
        height: 8vw;
    }

    .content2-img img {
        max-width: 100%;
    }

    .content2-contflex {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .content2-cont {
        width: 60%;
    }

    .content2-cont ul {
        list-style: none;
        line-height: 250%;
        margin: 0;
        padding: 0;
    }

    .content2-cont li {
        list-style: none;
        line-height: 250%;
        color: white;
    }

    .content2-cont li:last-child a {
        width: 150px;
    }

    .content3 {
        background: #f4f0e6;
        color: black;
    }

    .content3-flex {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
    }

    .content3 h1 {
        font-weight: bold;
        color: green;
    }

    .content3 img {
        width: 100%;
    }


    .content4 {
        background-color: #A8E96A;
        color: white;
    }


    .content4-flex {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
    }

    .con4-h1 {
        margin-top: 0;
        font-weight: bold;
        color: white;
        margin-left: 180px;
        padding-top: 50px;
    }

    .content4-img {
        width: 40%;
    }

    .content4-img img {
        width: 90%;
    }

    .content4-tb {
        width: 60%;
    }

    .content4-table {
        line-height: 200%;
    }

    .co4-th1 {
        background-color: rgb(4, 170, 109);
        border-color: white;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-image: none 100% / 1 / 0 stretch;
        top: 0px;
    }

    .co4-td2 {
        border-color: white;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-image: none 100% / 1 / 0 stretch;
        text-align: left;
        padding-left: 5px;
    }

    .content4 ul li {
        list-style: none;
    }

    .content4 ul {
        padding-left: 0;
    }

    .kitei {
        width: 100%;
        padding-top: 68px;
        background: #f4f0e6;
    }

    .kitei div {
        /* width:80%; */
        margin: 0 180px 0 180px;
        /* padding-top:100px; */
        padding-bottom: 100px;
    }

    .kitei h1 {
        margin-top: 0;
        font-weight: bold;
        color: green;
        margin-left: 180px;
        padding-top: 30px;
    }




    .content6 {
        background-color: #f4f0e6;
        color: black;
    }

    .content6-flex {
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        width: 75%;
    }

    .content6 h1 {
        font-weight: bold;
        color: green;
    }

    .content6-img {
        margin-top: 40px;
    }

    .content6-img img {
        width: 100%;
    }

    .content7 {
        background-color: #A8E96A;
        font-weight: bold;
        color: white;
    }

    .content8 {
        background-color: #f4f0e6;
        color: black;
    }

    .content8 h1 {
        padding-top: 50px;
        color: green;
        margin-top: 0;
    }

    .content8-flow {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }

    .con8-table {
        width: 100%;
        margin-top: 20px;
        color: black;
        border: 1px solid;
        border-spacing: 0px;
    }


    .con8-td1 {
        text-align: center;
        border-color: currentcolor;
        border-style: solid;
        border-image: none 100% / 1 / 0 stretch;
        border-width: 0px 1px 1px 0px;
    }

    .con8-td2 {
        text-align: center;
        border-color: currentcolor;
        border-style: solid;
        border-image: none 100% / 1 / 0 stretch;
        border-width: 0px 0px 1px;
    }

    .con8-td3 {
        text-align: center;
        border-color: currentcolor;
        border-style: solid;
        border-image: none 100% / 1 / 0 stretch;
        border-width: 0px 1px 0px 0px;
    }

    .conu-td4 {
        text-align: center;
        border: 0px solid;
    }


    .content9 {
        background-color: #A8E96A;
        color: white;
    }

    .content9-flow {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }

    .content9-flow h1 {
        padding-top: 50px;
        color: white;
        margin-top: 0;
    }

    .con9-table {
        width: 100%;
        margin-top: 20px;
        color: white;
        border-spacing: 0px;
        border-collapse: collapse;
    }

    .con9-tr {
        line-height: 2vw;
    }

    .con9-td1 {
        text-align: center;
        border-color: currentcolor;
        border-style: solid;
        border-image: none 100% / 1 / 0 stretch;
        border-width: 1px 1px 1px 1px;
    }

    .con9-td2 {
        text-align: center;
        border-color: currentcolor;
        border-style: solid;
        border-image: none 100% / 1 / 0 stretch;
        border-width: 1px 1px 1px;
        padding-right: 0;

    }

    .content9 img {
        margin-top: 1vw;
    }


    .map {
        background-color: #f4f0e6;
    }

    .map-flow {
        height: 8%;
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    .map h1 {
        font-weight: bold;
        color: green;
        padding-top: 20px;
        margin-top: 0;
    }

    .access-link {
        margin-top: 36px;
        border-top: solid 1px black;
        border-bottom: solid 1px black;
    }

    .content11 {
        background-color: #A8E96A;
        padding-bottom: 1vw;
        padding-top: 1vw;
        display: grid;
        grid-template: ". title title . ." 2fr ". . form.  ." 1fr / 1fr 1fr 4fr 1fr 1fr;
    }

    .content11-flow {
        grid-area: title;
        -moz-box-align: center;
        align-items: center;
    }

    .content11 h1 {
        color: white;
        padding-left: 1vw;
        font-size: 34px;
    }


    .contact-form {
        grid-area: form;
        border: 1px solid green;
        height: 100%;
        display: grid;
        grid-template: " label label " 1fr " labelName inputName " 1fr " labelEmail inputEmail " 1fr " labelPhone inputPhone " 1fr " labelContent inputContent " 2fr " submit submit " 1fr / 1fr 2fr;
    }

    .form1 {
        grid-area: label;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form1 h1 {
        color: red;
        font-size: 21px;
        text-decoration: underline double;
    }

    .form-name1 {
        grid-area: labelName;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-emall1 {
        grid-area: labelEmail;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-tell1 {
        grid-area: labelPhone;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-main1 {
        grid-area: labelContent;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-name2 {
        grid-area: inputName;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-emall2 {
        grid-area: inputEmail;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-tell2 {
        grid-area: inputPhone;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-main2 {
        grid-area: inputContent;
        padding-top: 10px;
        padding-left: 10px;
    }

    .form-buttun {
        grid-area: submit;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;
    }

    .input-form {
        display: block;
        width: 95%;
        height: 60%;
        padding-left: 10px;
    }

    .input-form2 {
        display: block;
        width: 95%;
        padding: 10px;
        resize: none;
    }



    .buttun4 {
        border: 0px none;
        color: white;
        background: rgb(1, 191, 113) none repeat scroll 0% 0%;
        padding: 10px 30px;
        border-radius: 30px;
        margin-bottom: 10px;
    }

    .footer {
        background: #46B830 none repeat scroll 0% 0%;
        color: white;
        min-height: 30vh;
        display: grid;
        grid-template: ". logo privacy ." 1fr ". address copyright ." 2fr / 1fr 3fr 3fr 1fr;
    }

    .footer-flex {
        grid-area: logo;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        margin-left: 1vw;
    }

    .footer img {
        max-width: 20vw;
    }

    .footer2-desk {
        margin-left: 2vw;
        margin-right: 2vw;
        grid-area: privacy;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;

    }
    .footer2-mobile{
        display:none;
    }

    .footer3 {
        grid-area: address;

    }

    .footer4 {
        grid-area: copyright;
        display: block;
        text-align: center;
        padding-top: 2vw;

    }
}

/* --------------------windodwsize-------------------- */

/* ↓幅が768px以下の場合 */
/* .header-flex,.header-list,list-ul に 2 を追加するjavaを実装 */
@media screen and (max-width: 768px) {
    /* 768pxまでの幅の場合に適応される */


    body {
        margin: 0;
        /* min-width:400px; */
    }

    ul {
        padding-left: 0px;
    }

    li {
        text-decoration: none;
    }

    .over-menu{
        position:fixed;
        display:flex;
        flex-flow:column;
        width:50%;
        height:100%;
        margin-left:-50%;
        background-color:#f4f0e6;
        z-index:1000;
        opacity:0;
        transition:all 0.5s;
    }
    .over-menu.active{
        position:fixed;
        display:flex;
        flex-flow:column;
        width:50%;
        height:100%;
        margin-left:0;
        background-color:#f4f0e6;
        z-index:1000;
        opacity:1;
        transition:all 0.5s;
    }

    .over-menu nav{
        width:100%;
        height:100%;
        /* background-color:pink; */
        margin:auto;
        justify-content:center;
    }
    .over-menu>nav>ul{
        display:flex;
        height:100%;
        flex-flow:column;
        width:100%;
        list-style:none;
        margin-top:0;
    }
    .list-li {
        /* flex-basis: 20%; */
        width:calc(100%);
        font-size: 16px;
        text-align:center;
        /* background-color:red; */
        /* border-top: 2px solid #46B830; */
        /* border-right:2px solid #46B830; */
    }
    .over-menu>nav>ul .list-li:nth-of-type(5) {
        /* flex-basis: 20%; */
        width:calc(100%);
        font-size: 16px;
        text-align:center;
        /* background-color:red; */
        /* border-bottom: 2px solid #46B830; */
        /* border-right:2px solid #46B830; */
    }

    .list-li a {
        display: inline-block;
        width:100%;
        color: green;
        /* background-color:yellow; */
        cursor:pointer;
        text-decoration:none;
        padding:2vw 0 2vw 0;
    }
    .overlay{
        display:none;
        position:fixed;
        content:'';
        width:100%;
        height:100%;
        background-color:black;
        opacity:0.5;
        z-index:50;
    }
    .overlay.active{
        display:block;
        /* display:none; */
        position:fixed;
        content:'';
        width:100%;
        height:100%;
        background-color:black;
        opacity:0.5;
        z-index:50;
    }
    .header-flex {
        background: #46B830;
        width:100%;
        height: 60px;
        position:fixed;
        /* display: flex; */
        z-index: 10;
    }

    .header-flex.active {
        width: 100%;
        height: 100%;
        background-color: #46B830;
        display: flex;
        position: fixed;
        z-index: 10;
    }


    .header-list {
        display: none;
        /* display:flex; */
        width: 100%;
        height: 100%;
        background-color: blue;
    }

    .header-list.active {
        width: 75%;
        margin: auto;
        height: 80%;
        display: flex;
        flex-flow: column;
        font-size: 20px;
        /* background-color: blue; */
    }

    .list-ul {
        flex-basis: 70%;
        display: none;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;
        list-style: none;
    }

    .list-ul.active {
        flex-basis: 70%;
        display: flex;
        flex-flow: column;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;
        list-style: none;
        /* background-color: red; */
        margin: auto;
    }



    

    .listul .header-buttun{
        /* display: none; */
        flex-basis: 15%;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: end;
        justify-content: flex-end;
    }
    .header-buttun.active {
        display: flex;
        /* display:none; */
        flex-basis: 15%;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: end;
        justify-content: flex-end;
    }

    .ot-buttun {
        /* display:none; */
        display:inline-block;
        width:70%;
        border-radius: 50px;
        background: rgb(1, 191, 113) ;
        padding:3vw 1vw 3vw 1vw;
        text-align:center;
        font-size:16px;
        color: rgb(255, 255, 255);
        text-decoration:none;
        margin:0 auto 50vw auto;
    }
    

    .header-buttun a {
        display:inline-block;
        margin:auto;
        color: white !important;
        text-decoration: none;
    }

    .hamburger{
        position:fixed;
        display:flex;
        /* background-color:green; */
        left:calc(100% - 60px);
        height:60px;
        width:60px;
        cursor:pointer;
        z-index:100;
    }
    /* ↑ハンバーガーボタンのクリック範囲 60px*60px */

    .ham-line{
        position:relative;
        width:30px;
        height:25px;
        margin:1rem auto;
        /* background-color:pink; */
        z-index:100;
    }
    .ham-line span:nth-of-type(1){
        content:'';
        position:absolute;
        width:100%;
        height:3px;
        border-radius:50px;
        background-color:white;
        top:0;
        left:0;
        transition:all .4s;
        transform:translateY(0) rotate(0);
        z-index:100;
    }
    .ham-line span:nth-of-type(1).active{
        content:'';
        position:absolute;
        width:100%;
        height:3px;
        border-radius:50px;
        background-color:white;
        top:41%;
        left:0;
        transition:all .4s;
        transform:translateY(0) rotate(585deg);
        z-index:100;
    }
    .ham-line span:nth-of-type(2){
        content:'';
        position:absolute;
        width:100%;
        height:3px;
        border-radius:50px;
        background-color:white;
        top:calc(50% - 1.5px);
        left:0;
        transition:all .4s;
        opacity:1;
        z-index:100;
    }
    .ham-line span:nth-of-type(2).active{
        content:'';
        position:absolute;
        width:100%;
        height:3px;
        border-radius:50px;
        background-color:white;
        top:calc(50% - 1.5px);
        left:0;
        transition:all .4s;
        opacity:0;
        z-index:100;
    }
    .ham-line span:nth-of-type(3){
        position:absolute;
        content:'';
        width:100%;
        height:3px;
        border-radius:50px;
        background-color:white;
        bottom:0;
        left:0;
        transition:all .4s;
        transform:translateY(0) rotate(0);
        z-index:100;
    }
    .ham-line span:nth-of-type(3).active{
        position:absolute;
        content:'';
        width:100%;
        height:3px;
        border-radius:50px;
        background-color:white;
        bottom:50%;
        left:0;
        transition:all .4s;
        transform:translateY(0) rotate(-585deg);
        z-index:100;
    }
    .top {
        display: flex;
        height: 100vh;
        -moz-box-pack: center;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    /* 動画を囲う親要素 */
    .video-container {
        width: 100%;
        height: 100vh;
        position: relative;
    }

    /* 動画の上に乗せる文字 */
    .video-container>p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }

    .video-container {
        position: relative;
        height: 100vh;
        width: 100%;
    }



    .top-title-desktop {
        display:none;
    }
    .top-title-mobile {
        flex-direction: column;
        align-items: center;
        /* -moz-box-align: center; */
        position: absolute;
        display: flex;
        padding: 10vw;
        padding-top:60px;
        /* background-color:skyblue; */
    }

    .top-title-mobile h1:nth-child(1) {
        color: white;
        font-size:30px;
        text-align: center;
        margin-top: 10vw;
        margin-bottom:0;
    }
    .top-title-mobile h1:nth-child(2) {
        color: white;
        font-size:30px;
        text-align: center;
        margin-top: 0px;
        margin-bottom:0;
    }
    .top-title-mobile h1:nth-child(3) {
        color: white;
        font-size:30px;
        text-align: center;
        margin-top: 0px;
        margin-bottom:10px;
    }


    .title-buttun {
        border-radius: 50px;
        background: rgb(1, 191, 113) none repeat scroll 0% 0%;
        white-space: nowrap;
        padding: 4px 18px;
        color: white;
        font-size: 0.95vw;
        outline: currentcolor none medium;
        border: medium none;
        cursor: pointer;
        display: flex;
        -moz-box-pack: center;
        justify-content: center;
        -moz-box-align: center;
        align-items: center;
        text-decoration: none;
        transition: all 0.2s ease-in-out 0s;
    }


    .title-buttun1 {
        border-radius: 50px;
        /* background: rgb(1, 191, 113) none repeat scroll 0% 0%; */
        white-space: nowrap;
        /* padding: 15px 60px; */
        color: white;
        font-size: 0.95vw;
        outline: currentcolor none medium;
        border: medium none;
        cursor: pointer;
        display: flex;
        -moz-box-pack: center;
        justify-content: center;
        -moz-box-align: center;
        align-items: center;
        text-decoration: none;
        transition: all 0.2s ease-in-out 0s;
    }

    .title-buttun a {
        color: white;
        text-decoration: none;
    }

    .title-buttun1 a {
        color: white;
        background: rgb(1, 191, 113) none repeat scroll 0% 0%;
        border-radius: 50px;
        padding: 15px 40px;
        font-size:15px;
        text-decoration: none;
    }

    .content1 {
        background: #f4f0e6;
        /* display: flex; */
        padding-bottom: 5vw;
        /*display: grid;
    grid-template: ".     aboutHeading    aboutImage   ." 1fr ".     aboutContent    aboutContent ." 2fr / 1fr 3fr 3fr 1fr;*/
        justify-content: space-evenly;
        padding-top: 68px;
    }

    .sub-title1 {
        line-height: 50px;
        text-align:center;
    }

    .sub-title1 h1 {
        color: green;
        font-size:35px;
        /* background-color:blue; */
    }

    .sub-title1 h4 {
        color: green;
        margin-top:0;
        /* font-size: 34px; */
    }

    .content1-img {
        display: flex;
        width:100%;
        justify-content: center;
    }


    .content1-img img {
        width:80%;
    }

    .content1-li {
        background: #f4f0e6;
        grid-area: aboutContent;
        display: flex;
        padding-bottom:50px;
        /* color:red; */
    }

    .content1-li ul {
        width:90%;
        margin:auto;
        line-height: 350%;
        list-style:none;
    }

    .content1-li li {
        line-height: 350%;
    }

    .content2 {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: "Noto Serif JP", serif;
    }

    .content2-main {
        background-color: #A8E96A;
        color: white;
    }

    .content2-flex {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        /* display: flex; */
        flex-wrap: wrap;
    }

    .content2-title {
        display: flex;
        -moz-box-pack: center;
        width: 100%;
    }

    .content2-title h1 {
        display:inline-block;
        width:100%;
        font-weight: bold;
        padding-top: 2vw;
        font-size: 35px;
        /* background-color:blue; */
        text-align:center;
    }

    .content2-img {
        display: flex;
        width: 100%;
        justify-content:center;
    }

    .content2-img img {
        max-width: 80%;
    }

    .content2-contflex {
        width: 100%;
        /* display: flex; */
        /* flex-wrap: wrap; */
    }

    .content2-cont {
        width: 90%;
        margin:auto;
    }

    .content2-cont ul {
        list-style: none;
        line-height: 250%;
    }

    .content2-cont li {
        list-style: none;
        line-height: 350%;
        color: white;
        /* color:red; */
    }

    .content2-cont li:last-child a {
        width: 50%;
        margin:20px auto;
        font-size:13px;
    }

    .content3 {
        background: #f4f0e6;
        color: black;
    }

    .content3-flex {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        /* display: flex; */
        flex-wrap: wrap;
    }

    .content3 h1 {
        width:100%;
        font-weight: bold;
        color: green;
        text-align:center;
        font-size:30px;
    }

    .content3 img {
        width: 100%;
    }


    .content4 {
        background-color: #A8E96A;
        color: white;
        padding-top:50px;
    }


    .content4-flex {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
        /* display: flex; */
        flex-wrap: wrap;
        /* background-color:pink; */
    }

    .con4-h1 {
        width:90%;
        font-weight: bold;
        color: white;
        /* background-color:green; */
        text-align:center;
        margin:0 auto 20px auto;
        font-size:28px;
    }

    .content4-img {
        width: 90%;
        margin:auto;
    }

    .content4-img img {
        width: 100%;
    }

    .content4-tb {
        width: 90%;
        margin:auto;
    }

    .content4-table {
        line-height: 200%;
    }

    .co4-th1 {
        background-color: rgb(4, 170, 109);
        border-color: white;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-image: none 100% / 1 / 0 stretch;
        top: 0px;
    }

    .co4-td2 {
        border-color: white;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-image: none 100% / 1 / 0 stretch;
        text-align: left;
        padding-left: 5px;
    }

    .content4 ul li {
        list-style: none;
    }

    .content4 ul {
        padding-left: 0;
    }

    .kitei {
        width: 100%;
        padding-top: 68px;
        background: #f4f0e6;
    }

    .kitei div {
        width:90%;
        margin: 0 auto 0 auto;
        /* padding-top:100px; */
        padding-bottom: 100px;
    }

    .kitei h1 {
        width:100%;
        margin-top: 0;
        font-weight: bold;
        color: green;
        margin-left:auto;
        margin-right:auto;
        padding-top: 30px;
        /* background-color:red; */
        text-align:center;
    }




    .content6 {
        background-color: #f4f0e6;
        color: black;
    }

    .content6-flex {
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .content6-flex h1 {
        width:90%;
        font-weight: bold;
        color: white;
        margin:20px auto 0 auto;
        text-align:center;
    }
    .content6 h1 {
        width:90%;
        font-weight: bold;
        color: green;
        margin:20px auto 0 auto;
        text-align:center;
    }

    .content6-img {
        width:90%;
        margin-top: 40px;
        margin-right:auto;
        margin-left:auto;
    }

    .content6-img img {
        width: 100%;
    }

    .content7 {
        background-color: #A8E96A;
        font-weight: bold;
        color: white;
    }
    .content7 h1{
        width:90%;
        font-weight: bold;
        color: white;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        font-size:28px;
    }

    .content8 {
        background-color: #f4f0e6;
        color: black;
    }

    .content8 h1 {
        width:90%;
        padding-top: 50px;
        color: green;
        font-size:28px;
        text-align:center;
        margin:0 auto 50px;

    }

    .content8-flow {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }
    .content8-flow ul{
        list-style:none;
    }

    .con8-table {
        width: 100%;
        margin-top: 20px;
        color: black;
        border: 1px solid;
        border-spacing: 0px;
    }


    .con8-td1 {
        text-align: center;
        border-color: currentcolor;
        border-style: solid;
        border-image: none 100% / 1 / 0 stretch;
        border-width: 0px 1px 1px 0px;
    }

    .con8-td2 {
        text-align: center;
        border-color: currentcolor;
        border-style: solid;
        border-image: none 100% / 1 / 0 stretch;
        border-width: 0px 0px 1px;
    }

    .con8-td3 {
        text-align: center;
        border-color: currentcolor;
        border-style: solid;
        border-image: none 100% / 1 / 0 stretch;
        border-width: 0px 1px 0px 0px;
    }

    .conu-td4 {
        text-align: center;
        border: 0px solid;
    }


    .content9 {
        background-color: #A8E96A;
        color: white;
    }

    .content9-flow {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }

    .content9-flow h1 {
        width:100%;
        padding-top: 50px;
        color: white;
        margin-top: 0;
        font-size:28px;
        text-align:center;
    }

    .con9-table {
        width: 100%;
        margin-top: 20px;
        color: white;
        border-spacing: 0px;
        border-collapse: collapse;
    }

    /* .con9-tr {
        line-height: 22px;
    } */

    .con9-td1 {
        text-align: center;
        border-color: currentcolor;
        border-style: solid;
        border-image: none 100% / 1 / 0 stretch;
        border-width: 1px 1px 1px 1px;
    }

    .con9-td2 {
        text-align: center;
        border-color: currentcolor;
        border-style: solid;
        border-image: none 100% / 1 / 0 stretch;
        border-width: 1px 1px 1px;
        padding-right: 0;

    }

    .content9 img {
        margin-top: 1vw;
    }


    .map {
        background-color: #f4f0e6;
    }

    .map-flow {
        height: 8%;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .map h1 {
        width:100%;
        text-align:center;
        font-weight: bold;
        color: green;
        padding-top: 20px;
        margin-top: 0;
        font-size:28px;
    }

    .access-link {
        width:100%;
        margin-top: 36px;
        margin-left:auto;
        margin-right:auto;
        border-top: solid 1px black;
        border-bottom: solid 1px black;
    }

    .content11 {
        background-color: #A8E96A;
        padding-bottom: 20px;
        padding-top: 1vw;
        /* display: grid; */
        grid-template: ". title title . ." 2fr ". . form.  ." 1fr / 1fr 1fr 4fr 1fr 1fr;
    }

    .content11-flow {
        width:90%;
        grid-area: title;
        -moz-box-align: center;
        align-items: center;
        margin-left:auto;
        margin-right:auto;
    }

    .content11 h1 {
        width:100%;
        color: white;
        padding-left: 1vw;
        font-size: 28px;
        text-align:center;
    }


    .contact-form {
        grid-area: form;
        border: 1px solid green;
        height: 100%;
        display: grid;
        grid-template: " label label " 1fr " labelName inputName " 1fr " labelEmail inputEmail " 1fr " labelPhone inputPhone " 1fr " labelContent inputContent " 2fr " submit submit " 1fr / 1fr 2fr;
    }

    .form1 {
        grid-area: label;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form1 h1 {
        color: red;
        font-size: 21px;
        text-decoration: underline double;
    }

    .form-name1 {
        grid-area: labelName;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-emall1 {
        grid-area: labelEmail;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-tell1 {
        grid-area: labelPhone;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-main1 {
        grid-area: labelContent;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-name2 {
        grid-area: inputName;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-emall2 {
        grid-area: inputEmail;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-tell2 {
        grid-area: inputPhone;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .form-main2 {
        grid-area: inputContent;
        padding-top: 10px;
        padding-left: 10px;
    }

    .contact-form input{
        width:85%;
    }
    .contact-form .input-form2{
        width:85%;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        padding:1px 2px 1px 10px;
    }
    /* textarea{
        vertical-align:top;
    } */

    .form-buttun {
        grid-area: submit;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;
    }

    .input-form {
        display: block;
        width: 95%;
        height: 60%;
        padding-left: 10px;
    }

    .input-form2 {
        display: block;
        width: 95%;
        padding: 10px;
        resize: none;
    }



    .buttun4 {
        border: 0px none;
        color: white;
        background: rgb(1, 191, 113) none repeat scroll 0% 0%;
        padding: 10px 30px;
        border-radius: 30px;
        margin-bottom: 10px;
    }

    .footer {
        background: #46B830 none repeat scroll 0% 0%;
        color: white;
        min-height: 30vh;
        /* display: grid; */
        grid-template: ". logo privacy ." 1fr ". address copyright ." 2fr / 1fr 3fr 3fr 1fr;
        padding-top:60px;
    }

    .footer-flex {
        grid-area: logo;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        margin-left: 1vw;
    }

    .footer img {
        max-width: 20vw;
    }

    .footer2-desk{
        display:none;
    }
    .footer2-mobile {
        margin-left: 2vw;
        margin-right: 2vw;
        grid-area: privacy;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;

    }

    .footer3 {
        width:80%;
        margin-left:auto;
        margin-right:auto;
        grid-area: address;
        line-height:40px;
    }
    .footer3 ul{
        list-style:none;
    }

    .footer4 {
        grid-area: copyright;
        display: block;
        text-align: center;
        padding-top: 2vw;

    }
    .footer4 h1:nth-of-type(2){
        grid-area: copyright;
        /* background-color:yellow; */
        display: block;
        text-align: center;
        padding-top: 2vw;
        margin-bottom:0;
        padding-bottom:40px;
    }
}

/* (幅768px以下のcss内容は、幅768pxより大きい場合の内容をコピペしただけの状態) */