@charset "UTF-8";
    *{
        margin:0;
        padding: 0;
        box-sizing: border-box;
        }
    
        @import url('https://fonts.googleapis.com/css2? family= M+PLUS+Rounded+1c:wght@300 & display=swap');


    html{
        margin: 0 auto;
        }

    body{
        width: 100%;
        margin: auto;
        flex-direction: column;
        background-color:#fffdfa;
        color:rgba(34, 49, 52, 0.9);
        font-family: "Helvetica Neue",
    Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans",
    Meiryo,sans-serif;
        }
        @media screen and (min-width:481px) and (max-width:768px){
            body{
                width: 100%;
                margin: auto;
                background-color:#fffdfa;
                flex-direction: column;
                color:rgba(34, 49, 52, 0.9);
                font-family: "Helvetica Neue",
            Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans",
            Meiryo,sans-serif;
            }
            }
        @media screen and (min-width:769px) and (max-width:1024px){
            body{
                max-width:1024px;
                width:100%;
                margin: auto;
                color:rgba(34, 49, 52, 0.9);
                background-color:#fffdfa;
                flex-direction: column;
                font-family: "Helvetica Neue",
                Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans",
                Meiryo,sans-serif;
                }
                }
        @media screen and (min-width:1025px){
            body{
            width:1024px;
            margin: auto;
            font-size:18px;
            color:rgba(34, 49, 52, 0.9);
            font-family: "Helvetica Neue",
            Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans",
            Meiryo,sans-serif;
            }
            }


    header {
        height: 60px;
        width: 100%;
        padding: 0px 15px;
        /* *background-color: #223134; */
        position: fixed;
        top: 0;
        z-index: 10;
        display: flex;
        }
        @media screen and (min-width:769px){
            header{
                width:100%;
                max-width:1024px;
                height:60px;
                position: fixed;
                right:0;
                }
                }


    h1 {
        padding-top:2%;
        color:rgb(121, 83, 83);
        position: fixed;
        font-size: 20px;
        font-weight:normal;  
        font-family:'M PLUS Rounded 1c'、サンセリフ;
        }   
        @media screen and (min-width:769px) and (max-width:1024px){
            h1{
                color:rgb(121, 83, 83);
                font-size: 30px;
                font-weight:normal;  
                font-family:'M PLUS Rounded 1c'、サンセリフ;
                }
                }
        @media screen and (min-width:1025px){
            h1{
                color:rgb(121, 83, 83);
                font-size: 30px;
                font-weight:normal;  
                font-family:'M PLUS Rounded 1c'、サンセリフ;
                }
                }

    .slide {
        max-width:800px;
        margin:14% auto;
        position: relative;
        width: 100%;
        height: 370px;
        overflow: hidden;
        }
        
        
   @keyframes slideshow { 
        0%{
        opacity: 0;
        }
        10%{
        opacity: 1;
        }
        28%{
        opacity: 1
        }
        38%{
        opacity: 0;
        }
        100%{
        opacity: 0;
        }
        }
        
        .item {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 350px;
        /* **opacity: 0; */
        /* **animation :slideshow 20s linear infinite; */
        /* **object-fit:cover; */
        }

        .item img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 350px;
        /* **opacity: 0; */
        /* **animation :slideshow 20s linear infinite; */
        /* **object-fit:cover; */
        }
.



        
        .item:nth-child(2){ 
        animation-delay: 4s;
        }
        
        .item:last-child{
        animation-delay: 8s;
        }
            
        




  header  nav {
        margin: 0 0 0 auto;
        background-color: rgba(34, 49, 52, 0.657);
        }
        @media screen and (min-width:769px) and (max-width:1024px){
         .headr  nav{
                margin: 50px 0 0 auto;
                background-color: rgba(34, 49, 52, 0.657);
                }
                }


   header ul {
        display: flex;
        list-style: none;
        padding: 0;
        }
    

 header a {
        color: #ffffff;
        text-decoration: none;
        display: block;
        line-height: 60px;
        padding: 0 20px;
        }
        @media screen and (min-width:769px) and (max-width:1024px){
            .headr a{
                color:rgb(241, 240, 240);
                text-decoration: none;
                display: block;
                line-height: 60px;
                padding: 0 20px;
                }
                }
        @media screen and (min-width:1025px){
            .headr a{
                color:rgb(241, 240, 240);
                text-decoration: none;
                display: block;
                line-height: 160px;
                padding: 0 20px;
                }
                }
            


    .sm {
        display: none;
        }
    
    
    
    @media (max-width: 768px) {
    .pc {
        display: none;
        }





    #hamburger {
        background-color:#223134;
        position: relative;
        cursor: pointer;
        margin: 0 0 0 auto;
        height: 60px;
        width: 60px;
        }
    
    .icon span {
        position: absolute;
        left: 15px;
        width: 30px;
        height: 4px;
        background-color: white;
        border-radius: 8px;
        transition: ease 0.75s;
        }
    
    .icon span:nth-of-type(1) {
        top: 16px;
        }

    .icon span:nth-of-type(2) {
        top: 28px;
        }

    .icon span:nth-of-type(3) {
        bottom: 16px;
        }
    
    .close span:nth-of-type(1) {
        transform: rotate(45deg);
        top: 28px;
        }
    
    .close span:nth-of-type(2) {
        opacity: 0;
        }
    
    .close span:nth-of-type(3) {
        transform: rotate(-45deg);
        top: 28px;
        }
    
    .sm {
        top: 60px;
        left: 0px;
        position: absolute;
        z-index: 10;
        width: 100%;
        background-color: rgba(34, 49, 52, 0.9);
        }
    
    .sm ul {
        flex-direction: column;
        }
    
    .sm a {
        text-align: center; 
        border-top: solid 0.5px rgba(255, 255, 255, 0.6);
        }
        }
    .sm a :hover{
        color: floralwhite;
        }


    .world_heritage{
        max-width: 450px;
        width:100%;
        height: 350px;
        margin:0px auto 50px auto;    
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .world_heritage{
                max-width:450px;
                width:100%;
                height:350px;
                margin:100px auto 50px auto;    
                }
                }
        @media screen and (min-width:769px) and (max-width:1024px){
            .world_heritage{
                max-width:450px;
                width:100%;
                height:350px;
                margin:150px auto 50px auto;    
                }
                }
        @media screen and (min-width:1025px){
            .world_heritage{
                max-width:450px;
                width:100%;
                height:350px;
                margin:150px auto 50px auto;    
                }
                }



    .world_heritage img{ 
        object-fit:cover;
        max-width:450px;
        width:100%;
        height: 350px;
        }
        @media screen and (min-width:481px) {
            .world_heritage img{
                object-fit:cover;
                max-width:450px;
                width:100%;
                height: 350px;
                }
                }
    
    .explanation{
        width:80%;
        height:500px;
        margin:70px auto 100px auto;
        font-size:18px;
        padding:3%;
        }
        
        @media screen and (min-width:481px)  and (max-width:560px){
            .explanation{
                width:70%;
                height:550px;
                margin:100px auto 50px;
                font-size:18px;
                }
                }
        @media screen and (min-width:561px) {
            .explanation{
                width:70%;
                height:550px;
                margin:100px auto 50px;
                font-size:18px;
                }
                }




    .explanation  p{
        margin:20% auto;
    }       

    .wrapper{
        width:100%;
        height:8400px;
        /* **background-color: #19d1e9;  */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .wrapper{
                width:100%;
                height:8600px;
                /* **background-color: #19d1e9;  */
                } 
                }
        @media screen and (min-width:769px) {
            .wrapper{
                max-width:1024px;
                width:100%;
                height:4200px;
                /* **background-color: #19d1e9;  */
                }
                }
        

    main{
    width:100%;
    height:6750px;
    /* **background-color: rgb(187, 207, 37); */
    }
    @media screen and (min-width:481px) and (max-width:768px){
        main{
            width:100%;
            height:6900px;
            /* *background-color: rgb(187, 207, 37); */
            }
            }
    @media screen and (min-width:769px){
        main{
            width:100%;
            height:3000px;
            padding:2%;
            /* **background-color: rgb(187, 207, 37); */
            }
            }


            .Services{
                position: relative;
                /* **padding-bottom: 0.5rem; */
                border-bottom: 1px solid #333;
                background-color: white;
                color: #333;
                font-size: 20px;
                text-align: center;
                margin:auto;
                background-color:#fffdfa;
                }
            
            .Services:before {
                position: absolute;
                top: 100%;
                left: 50%;
                transform: translateX(-50%) skew(-25deg);
                height: 20px;
                width: 10px;
                border-right: 3px solid #333;
                background-color:#fffdfa;
                content: "";
                }

        

    .middle{
        width:100%;
        height: 230px;
        margin-top:90px;
        /* **background-color:#6f6a6a;  */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .middle{
                width:100%;
                height:230px;
                /* **background-color:#6f6a6a;  */
                }
                }
        @media screen and (min-width:769px) and (max-width:1024px){
            .middle{
                width:100%;
                height:60px;
                /* **background-color:#6f6a6a;  */
                }
                }
        @media screen and (min-width:1025px) {
        .middle{
            width:100%;
            height:60px;
            /* **background-color:#6f6a6a;  */
            }
            }

            .middle li a {
                color:rgba(34, 49, 52, 0.9);
                }





    .middle_guidance{
        width:100%;
        height: 220px;
        }
        @media screen and (min-width:769px) {
        .middle_guidance{
            width:100%;
            display:flex;
            height: 55px;
            }
            }



    .navigato{
        width:100%;
        border-top: 1px solid rgba(34, 49, 52, 0.9);
        border-bottom: 1px solid rgba(34, 49, 52, 0.9);
    }
        @media screen and (min-width:769px) {
        .navigato{
            display: flex;
            justify-content: space-around;
            width:100%;
            height:55px;
            text-decoration:none;
            }
            }


    .navigato li{
        padding: 1.1em;
        text-align:center;
        list-style:none;
        }



    .navigato a{
        text-decoration:none;
        color:#fffdfa;
        }
        @media screen and (min-width:769px){
            .navigato a{            
            text-decoration:none;
            color:#fffdfa;
            }
            }



    .under{
        width:100%;
        height:1250px;
        /* background-color:red; */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .under{
                width:100%;
                height:1250px;
                /* background-color:red; */
                }
                }
        @media screen and (min-width:769px) and (max-width:1024px){
            .under{
                width:100%;
                height: 950px;
                /* background-color:red;  */
                }            
                }
        @media screen and (min-width:1024px) {
            .under{
                width:100%;
                height: 950px;
                /* background-color:red; */
                }            
                }
    

    .basyo{
        width:100%;
        height:920px;
        /* background-color: aqua; */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .basyo{
                width:100%;
                height:900px;
                /* background-color: aqua; */
                }
                }
        @media screen and (min-width:769px) and (max-width:1024px){
        .basyo{
            display: flex;
            width: 100%;
            height: 550px;
            padding: 4%; 
            border-bottom: 1px solid rgba(34, 49, 52, 0.9);
            /* background-color: aqua; */
            }
            }
        @media screen and (min-width:1025px){
            .basyo{
                display: flex;
                width: 100%;
                height:550px;
                padding: 4%;
                /* background-color: aqua; */
                }
                }
            
    .location{
        width: 100%;
        height: 500px;
        display: block;
        text-align:center;
        padding-top:10%;
        /* **background-color:brown;  */
        /* color:#fffdfa; */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .location{
                display: block;
                text-align:center;
                padding-top:10%;
                /* **background-color:brown;  */
                /* color:#fffdfa;  */
                }
                }
        @media screen and (min-width:769px) and (max-width:1024px){
            .location{
                display: block;
                width:100% ;
                text-align:center;
                padding-top:6%;
                /* **background-color:brown;  */
                /* color:#fffdfa;  */
                }
                }
        @media screen and (min-width:1025px){
            .location{
                display: block;
                width:100% ;
                text-align:center;
                padding-top:6%;
                /* background-color:brown;  */
                /* color:#fffdfa; */
                }
                }
        

    .location ul{
        margin-top: 15px;
        padding-left: 0;
        list-style: none;
        display: inline-block;
        }


    .location li{
        text-align:left;
        line-height: 1.8em;
        margin-bottom:35px;
        }
        @media screen and (min-width:769px) and (max-width:1024px){
            .location li{
                text-align:left;
                line-height: 1.8em;
                margin-bottom:35px;
                }
                }
        @media screen and (min-width:1024px){
            .location li{
                text-align:left;
                line-height: 1.8em;
                margin-bottom:35px;
                }
                }


    .store_location{
        max-width:350px;
        width:100%;
        max-height:300px;
        height: 100%;
        margin:60px auto 15px auto;
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .store_location{
                max-width:450px;
                width:100%;
                max-height:400px;
                height:100%;
                margin:60px auto 15px auto;
                }
                }
        @media screen and (min-width:769px) and (max-width:1024px){
            .store_location{
                margin:45px auto; 
                }
                }

    .consultationtime{
        max-width:350px;
        width:100%;
        height:300px;
        text-align:center;
        margin:50px auto;
        /* background-color: #95979c; */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .consultationtime{
                width:100%;
                height:280px;
                text-align: center;
                margin:50px auto 0;
                /* background-color: #95979c; */
                }
                }
                @media screen and (min-width:769px){
                .consultationtime{
                    max-width:600px;
                    width:100%;
                    height:300px;
                    text-align: center;
                    margin:70px auto 0;
                    /* background-color: #95979c; */
                    }
                    }
                    .consultationtime p{
                        font-size: 15px;
                        color: rgb(169, 26, 26);
                        }



    .biz-hour {
        border-collapse: collapse;
        text-align:center;
        margin:15px auto 15px;
        font-size:100%;
        /* background-color: #e2750d; */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .biz-hour{
                width:100%;
                border-collapse: collapse;
                text-align:center;
                margin:15px auto 15px;
                font-size:100%;
                }
                }
        @media screen and (min-width:769px){
            .biz-hour{
                width:100%;
                max-width:600px;
                border-collapse: collapse;
                text-align:center;
                margin:15px auto 15px;
                font-size:100%;
                }
                }


    .biz-hour tbody{
        text-align:center;
        font-size:100%;
        }



    .biz-hour th, .biz-hour td {
        padding:3.7px;
        text-align: center;
        border-bottom: 1px solid #A28C63;
        }
    

    .biz-hour th {
        font-weight: normal;
        border-top: 1px solid #A28C63;
        }
    

    .biz-hour th.sat {
        color: #3db2da;
        }
    

    .biz-hour th.sun {
        color: #e66a6a;
        }
            

        h2{
            max-width:350px;
            margin: 5% auto;
            position: relative;
            padding: 10px 20px;
            font-size:25px;
            font-weight: normal;
            text-align:center;
            border-top: solid 1px hwb(210 55% 44% / 0.694);
            border-bottom: solid 1px hwb(210 55% 44% / 0.694);
            font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo,sans-serif;        }
        h2::before{
            content: '';
            position: absolute;
            top: -10px;
            width: 30px;
            height: calc(100% + -20px);
            background-color: hwb(210 55% 44% / 0.694);
            }
            h2::before{left: 10px;}

        
    .applicable{
        text-align:center;
        margin-left: 20%;           /* デフォルトCSS打ち消し */
        font-size:  24px;           /* 文字サイズ指定 */
        position:  relative;        /* 位置調整 */
        font-weight:  normal;       /* 文字の太さ調整 */
        display:  inline-block;     /* インラインブロックにする */
        padding-top: 40px;          /* 余白指定 */
        padding-left: 40px;         /* 余白指定 */
        padding-bottom: 20px;       /* 余白指定 */
        }   
        @media screen and (min-width:769px) and (max-width:1024px){
            .applicable{
                text-align:center;
                margin-left: 20%;           /* デフォルトCSS打ち消し */
                font-size:  24px;           /* 文字サイズ指定 */
                position:  relative;        /* 位置調整 */
                font-weight:  normal;       /* 文字の太さ調整 */
                display:  inline-block;     /* インラインブロックにする */
                padding-top: 100px;          /* 余白指定 */
                padding-left: 40px;         /* 余白指定 */
                padding-bottom: 20px;       /* 余白指定 */
                }
                }
        @media screen and (min-width:1024px) {
            .applicable{
                text-align:center;
                margin-left: 25%;           /* デフォルトCSS打ち消し */
                font-size:  24px;           /* 文字サイズ指定 */
                position:  relative;        /* 位置調整 */
                font-weight:  normal;       /* 文字の太さ調整 */
                display:  inline-block;     /* インラインブロックにする */
                padding-top: 100px;          /* 余白指定 */
                padding-left: 40px;         /* 余白指定 */
                padding-bottom: 20px;       /* 余白指定 */
                }
                }


    h3{
        width:100%;
        height: 40px;
        padding-top: 8px;
        text-align:center;
        font-weight: normal;
        font-size: 16px;
        color:#fffffa;
        background-color: #33636f;
        border-bottom :1px solid hwb(190deg 57% 38%);
        }
        @media screen and (min-width:769px) and (max-width:1024px){
            h3{
                width:95%;
                height: 40px;
                padding-top: 8px;
                margin-left:3%;
                text-align:center;
                font-weight: normal;
                color:#fffffa;
                background-color: #33636f;
                border-bottom :1px solid hwb(190deg 57% 38%) ;
                }
                }
        @media screen and (min-width:1024px){
            h3{
                width:95%;
                height: 40px;
                padding-top: 8px;
                margin-left:3%;
                text-align:center;
                font-weight: normal;
                color:#fffffa;
                background-color: #33636f;
                border-bottom :1px solid hwb(190deg 57% 38%) ;
                }
                }
        
     .disease{
        width:100% ;
        height:780px;
        margin-top:50px;
        /* **background-color: rgb(115, 229, 239);   */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .disease{
                width:100% ;
                height:800px;
                /* **background-color: rgb(115, 229, 239);   */
                }
                }
        @media screen and (min-width:769px) {
            .disease{
                width:50%;
                height:650px;
                margin-top:70px;
                /* **background-color: rgb(115, 229, 239);   */
                }
                }
             


    .business_lineup{
        width:100%;
        height:680px;
        margin-top:25px;
        padding:2%;
        /* **background-color: #4921b7; */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .business_lineup{
                width:100%;
                height:720px;
                margin-top: 25px;
                padding:2%;
                /* **background-color: #4921b7; */
                }
                }
        @media screen and (min-width:769px) {
            .business_lineup{
                width:95%;
                height:580px;
                margin: 25px auto;
                padding:2%;
                /* *background-color: #e2750d; */
                }
                }


    .business_lineup p{
        word-wrap:break-word;
        }


    .efforts{
        width: 100%;
        height: 250px;
        font-size: 14px;
        /* **background-color: rgb(223, 156, 131);   */
        padding:2%;
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .efforts{
                width: 100%;
                height: 250px;
                /* **background-color: rgb(223, 156, 131);   */
                }
                }

    .material{
            width:100%;
            height:100px;
            margin:10px auto 50px;
            overflow:auto;
            border-top: solid 1px hwb(210 55% 44% / 0.694);
            border-bottom:solid 1px hwb(210 55% 44% / 0.694);
            text-align:center;
            font-size:14px;
            }



    .material a{
            width:100%;
            height: 90%;
            color: #323231;
            font-size: 12px;
            padding:2%;
            }

    .gazo{
        width: 100%;
        height: 45%;
        margin-top:5%;
        padding-left: 19%;
        /* **background-color: #67e41a;  */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .gazo{
                width: 100%;
                height: 45%;
                padding-left: 28%;
                /* **background-color: #67e41a;  */
                }
                }
        @media screen and (min-width:769px){
            .gazo{
                display:flex;
                justify-content: space-around;
                width: 100%;
                height: 51%;
                margin-top:15px;
                padding:5%;
                }
                }
        

    .gazo img{
        object-fit:cover;
        width: 260px;
        height:260px;
        padding:2%;
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .gazo img{
                object-fit:cover;
                padding:2%;
                }
                }
        




    .photo{
        display:flex;
        justify-content: space-around;
        width: 100%;
        height: 330px;
        margin-top:15px;
        padding:2%;
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .photo{
                display:flex;
                justify-content: space-around;
                width: 100%;
                height: 400px;
                margin-top:15px;
                padding:5%;
            }
                }
        @media screen and (min-width:1025px){
            .photo{
                display:flex;
                justify-content: space-around;
                width: 100%;
                height: 460px;
                margin-top:15px;
                padding:5%;
                }
                }
        

    .photo img{
        object-fit:cover;
        width: 45%;
        height:90%;
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .photo img{
                object-fit:cover;
                width: 60%;
                height:90%;
                padding:5%;
                }
                }


    .kari{
        width:100%;
        height:3290px;
        /* **background-color: rgb(228, 21, 183);  */
        }
        @media screen and (min-width:478px) and (max-width:768px){
            .kari{
                width:100%;
                height:3360px;
                /* **background-color: rgb(228, 21, 183);  */
                }
                }
        @media screen and (min-width:769px) {
            .kari{
                height:1450px;
                /* **background-color: rgb(228, 21, 183);  */
                flex-wrap: wrap;
                display: flex;
                }
                }


    .indications{
        width: 230px;
        height:250px;
        margin-top: 35px;
        margin-left:2%;
        line-height:1.8em;
        text-align:center;
        /* *background-color: aqua; */
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .indications{
                max-width:250px;
                width:100%;
                height:270px;
                margin:20px auto 0 auto;
                margin-left:1%;
                padding:1% auto 1% auto;
                line-height:2.2em;
                text-align:center;
                }   
                }

    .indications ul{
        display: inline-block;
        padding-left: 0;
        }
    @media screen and (min-width:481px) and (max-width:768px){
        .indications ul{
            display: inline-block;
            padding-left: 0;
            }
            }


    .indications li{
        text-align:left;
        font-size:100%;
        background-image:url(img/underbar.JPG);
        background-size:cover;
        background-position:20% 40%;
        }

        @media screen and (min-width:481px) and (max-width:768px){
            .indications li {
                text-align:left;
                font-size:110%;
                }
                }


    .table01{
        width:100%;
        }




.table01 tr {
    border-bottom: solid 1px hwb(210 55% 44% / 0.694);
    }
  
  .table01 td {
    font-size:15px;
    text-align: left;
    padding:24px 0 0 18%;
    border-bottom: solid 1px hwb(210 55% 44% / 0.694);
  }
  
  .table01 th {
    text-align: left;
    padding-left:15px;
    border-bottom: solid 1px hwb(210 55% 44% / 0.694);
    }
  
.sunday{
    font-size: 15px;
    color: red;
    }


    footer{
        width:100%;
        height: 450px;
        margin:auto;
        /* background-color: blueviolet; */
        }        
        @media screen and (min-width:769px){
            footer{
                width:100%;
                height: 450px;
                /* background-color: blueviolet;        */
                }
                }
    .info{
        max-width:480px;
        width:100%;
        height:300px;
        margin:60px auto 15px;
        /* background-color: chartreuse; */
        }
        @media screen and (min-width:769px){
            .info{
                max-width:650px;
                width:100%;
                height:300px;
                margin:50px auto 15px;
                /* background-color: chartreuse; */
                }
                }


    .info dl{
        width:100%;
        height: 140px;
        padding:5%;
        border-bottom: solid 1px hwb(210 55% 44% / 0.694);
        }
        @media screen and (min-width:769px) {
            .info dl{
                width:100%;
                height: 160px;
                padding:2%;
                border-bottom: solid 1px hwb(210 55% 44% / 0.694);
                }
                }

    .info dd{
        margin-top:5%;
        }

    h4{
        width:100%;
        height: 30px;
        text-align:center;
        margin:0 auto 30px;
        font-size: 20px;
        justify-content: center;
        font-family: "Helvetica Neue",
    Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans",
    Meiryo,sans-serif;
        }


    .copyright{
        width:100%;
        height:30px;
        margin-top:100px;
        text-align:center;
    }
    

    .indications{
        width: 230px;
        height:250px;
        margin-top: 35px;
        margin-left:10%;
        line-height:1.8em;
        text-align:center;
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .indications{
                max-width:250px;
                width:100%;
                height:270px;
                margin:20px auto 0 auto;
                margin-left:1%;
                padding:1% auto 1% auto;
                line-height:2.2em;
                text-align:center;
                }   
                }

    .indications ul{
        display: inline-block;
        padding-left: 0;
        }
    @media screen and (min-width:481px) and (max-width:768px){
        .indications ul{
            display: inline-block;
            padding-left: 0;
            }
            }


    .indications li{
        text-align:left;
        font-size:100%;
        padding-top:5%;
        list-style:none;
        }
        @media screen and (min-width:481px) and (max-width:768px){
            .indications li {
                text-align:left;
                font-size:110%;
                padding-top:5%;
                list-style:none;
                }
                }

                .brain{
                    display:flex;
                    width:100%;
                    height: 300px;
                    margin-top:25px;
                    }
                    @media screen and (min-width:481px) and (max-width:768px){
                        .brain{
                            display:flex;
                            justify-content: space-around;
                            width:100%;
                            height: 300px;
                            margin-top: 25px;
                            }
                            }
            
                .brain img{
                    width:50%;
                    height:70%;
                    margin-top:40px;
                    margin-left:2%;
                    }
                    @media screen and (min-width:481px) and (max-width:768px){
                        .brain img{
                            max-width:300px;
                            width:100%;
                            max-height:280px;
                            height: 100%;
                            margin:auto;
                            }
                            }
            

    .modal-wrapper {
        z-index: 999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 40px 10px;
        text-align: center;
        }
        
        .modal-button {
            color: #e2750d;
            font-weight: bold;
            text-align: center;
            cursor :pointer;
            transition: all 0.3s;
            display: block;
            margin:10px auto;
            max-width:200px;
            height:50px;
            text-decoration: none;
            }
        

        .modal-button:active {
        /*ボタンを押したとき*/
        -webkit-transform: translateY(2px);
        transform: translateY(2px);/*下に動く*/
        
        }
        
        /*アイコンを表示*/
        .modal-button:after {
        font-family: "Font Awesome 5 Free";
        content: "\f2d0";
            padding-left: 8px;
        }
        
        /*ラベルホバー時*/
        .modal-button:hover {
        color: #FFFFFF;
        background-color: #4f96f6;
        transition: .6s;
        }
        
        .modal-wrapper:not(:target) {
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s, visibility .3s;
        }
        
        .modal-wrapper:target {
        opacity: 1;
        visibility: visible;
        transition: opacity .4s, visibility .4s;
        }
        
        .modal-wrapper::after {
        display: inline-block;
        height: 100%;
        margin-left: -.05em;
        vertical-align: middle;
        content: ""
        }
        
        .modal-wrapper .modal-window {
        box-sizing: border-box;
        display: inline-block;
        z-index: 20;
        position: relative;
        width: 100%;
        max-width: 600px;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 0 30px rgba(0, 0, 0, .6);
        vertical-align: middle
        }
        
        .modal-wrapper .modal-window .modal-content {
        max-height: 80vh;
        overflow-y: auto;
        text-align: center;
        }
        
        .modal_title {
        font-size: 1.5em;
            position: relative;
            /* *overflow: hidden; */
        padding: 0;
        }
        
        .modal_title img{
        width: 100%;
        height: auto;
        }




        .modal_title::before,
        .modal_title::after{
            content: "";
            position: absolute;
            bottom: 0;
        }
        
        /* h2 プライマリカラー*/
        .modal_title:before{
            border-bottom: 4px solid #6bb6ff;
            width: 100%;
        }
        /* h2 セカンダリカラー*/
        .modal_title:after{
            border-bottom: 4px solid #c8e4ff;
            width: 100%;
        }
        
        .modal-content p {
        margin: 10px 0 0 0;
        }
        
        .modal-overlay {
        z-index: 10;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .8)
        }
        
        .modal-wrapper .modal-close {
        z-index: 20;
        position: absolute;
        top: 5px;
        right: 5px;
        width: 35px;
        color: #95979c !important;
        font-size: 30px;
        font-weight: 700;
        line-height: 35px;
        text-align: center;
        text-decoration: none;
        text-indent: 0
        }
        
        .modal-wrapper .modal-close:hover {
        color: #2b2e38 !important
        }

        .modal-button a{
        text-align:center;
        padding:0 auto;
        background-color:red;
                            }