@charset "utf-8";

body {
    background-color:#004441;
    color:#333333;
    font-family: "ヒラギノ角ゴ W3 JIS2004";
    text-align: center;
    padding-top: 1px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

a { 
    text-decoration:none; 
}

.hedicon {
    text-align: center;
    float: left;
    margin-left: 50px;
}

.hedinst {
    padding-top: 50px;
    width: 35px;
    padding-left: 20px;
    padding-right: 10px;
}

.hedline {
    padding-left: 10px;
    width: 50px;
    vertical-align: bottom
}

.lato{ 
	font-family: 'Lato', sans-serif;
}

h2{ 
	font-family: 'Lato', sans-serif;
    font-size: 250%;
    letter-spacing: 0.2em;
    font-weight: normal;
    margin-bottom: 50px;
}

.background-in {
	margin-left: auto;
    margin-right: auto;
	background: #fffbf8;
}

.container_top {
    display: flex;
}

/*-----top背景-----*/
.big-bg{
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#home {
    background-image: url(top_gazou.png);
    min-height: 95vh;
    margin-left: 20px;
    margin-right: 20px;
}

#home .page-title {
    text-transform:  none;
}

.toplogo {
    width: 550px;
}

.top_logo {
    margin-top: 270px;
}

.flower {
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 50px;
    margin-bottom: -45px;
}

.margin {
    height: 300px;
}

/*----NEWS-----*/
.container_news1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    width: 520px;
    height: 350px;
    position: relative;
}

.container_news2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: ;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: 90px;
}

.news_top {
    width: 90px;
    height: 90px;
}

.news2 {
    font-size: 90%;
    text-align: center;
    width: 80px;
    height: 30px;
    background: #b72a38;
    color: #e0e0e0;
    font-weight: 300;
    padding-top: 6px;
}

.news3 {
    text-align: left;
    margin-left: 10px;
    width: 200px;
    height: 30px;
    background: ;
    font-weight: 300;
    padding-top: 6px;
    
}

.news4 {
    vertical-align: top;
    font-weight: 300;
    position:relative;
}

.more_n {
    width: 105px;
    font-weight: 300;
}

.news_naiyou {
    text-align: left;
    padding-top: 30px;
    font-size: 18q;
    font-weight: 300;
    height: 100px;
}


.container_news1-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: ;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border-bottom: 0.5px solid #333333;
    width: 520px;
    height: 105px;
    position: relative;
}

.container_news1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: ;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    border-bottom: 0.5px solid #333333;
    width: 520px;
    height: 105px;
    position: relative;
}

.container_news1-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: ;
    margin-left: auto;
    margin-right: auto;
    margin-top: 170px;
    border-bottom: 0.5px solid #333333;
    width: 520px;
    height: 105px;
}

/*----consept----*/

.mgn_con {
    height: 200px;
}

.consept_top {
    width: 780px;
    height: 70px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 40px;
    margin-left: auto;
    margin-right: auto;    
}

.consept1 {
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    font-size: 22q;
}

.consept2 {
    margin-top: 80px;
    font-weight: 200;
}

.consept_movie {
    width: 300px;
    margin-top: 20px;
}

.container_more_cm {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: ;
    margin-left: auto;
    margin-right: auto;
    width: 130px;
    font-size: 14q;
    font-weight: 100;
}




/*-----menu-----*/

.container_menutop {
    height: 960px;
    background: #004441;
    color: #e0e0e0;
}

.menu1 {
    font-family: 'Lato', sans-serif;
    font-size: 30q;
    letter-spacing: 0.3em;
    font-weight: 100;
    height: 90px;
    line-height: 140px;
    margin-bottom: 30px;
}

.menu2 {
    height: 15px;
    font-size: 16q;
    font-weight: 100;
}

.container_menu1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #004441;
    margin-left: auto;
    margin-right: auto;
    font-size: 16q;
    font-weight: 100;
    width: 1000px;
}

.container_menu2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

.menu3 {
    width: 360px;
    margin-right: 50px;
    text-align: left;
    vertical-align: top;
    color: #e0e0e0;
    font-weight: 100;
}

.totalploduce {
    width: 300px;
    margin-top: 50px;
}

.container_menu3 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  　align-items: center;
    vertical-align: middle;
    background: #fffbf8;
    color: #333333;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 720px;
    font-size: 16q;
    height: 260px;
}

.container_menu3-1 {
    display:table-cell;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 320px;
    font-size: 16q;
    height: 320px;
}

.menu4 {
    height: 25px;
    width: 330px;
    margin-top: 20px;
    margin-left: 15px;
    border-bottom: 0.5px solid #b72a38;
}


.container_menu4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

.container_menu5 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    margin-top: 30px;
}

.container_menu6 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    margin-top: 30px;
}

.menu5 {
    text-align: left;
    margin-right: 70px;
    width: 345px
}

.menu6 {
    text-align: left;
    margin-left: 70px;
    width: 345px
}



.menu6_1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 70px;
    width: 345px
}



    .menu7 {
        font-family: 'Lato', sans-serif;
        font-size: 30q;
        letter-spacing: 0.2em;
        font-weight: normal;
        margin-bottom: 50px;
        font-weight: 100;
    }

    .menu7_1 {
        font-family: 'Lato', sans-serif;
        font-size: 30q;
        letter-spacing: 0.2em;
        font-weight: normal;
        margin-bottom: 50px;
        font-weight: 100;
    }


.menu8 {
    margin-left: auto;
    margin-right: auto;
    height: 35px;
    font-weight: 100;
    border-bottom: 0.3px solid #333333; 
}


.menu8_non {
    margin-left: auto;
    margin-right: auto;
    height: 35px;
    font-weight: 100;
}



.menu9 {
    text-align: left;
    margin-right: 70px;
    width: 345px
}

.menu10 {
    font-weight: 100;
    height: 12px;
    font-size:14q;
}

.menu11 {
    margin-top: 116px;
    text-align: left;
    margin-left: 70px;
    width: 345px
}

.mgr1 {
    margin-right: 78px;
}

.mgr2 {
    margin-right: 253px;
}

.mgr3 {
    margin-right: 167px;
}

.mgr4 {
    margin-right: 218px;
}

.mgr5 {
    margin-right: 186px;
}

.mgr6 {
    margin-right: 183px;
}

.mgr7 {
    margin-right: 41px;
}

.mgr8 {
    margin-right: 152px;
}

.mgr9 {
    margin-right: 102px;
}

.mgr10 {
    margin-right: 98px;
}

.mgr11 {
    margin-right: 85px;
}

.mgr12 {
    margin-right: 208px;
}

.mgr13 {
    margin-right: 196px;
}

.mgr14 {
    margin-right: 211px;
}

.mgr15 {
    margin-right: 163px;
}

.mgr16 {
    margin-right: 163px;
}

.mgr17 {
    margin-right: 177px;
}

.mgr18 {
    margin-right: 175px;
}

.mgr19 {
    margin-right: 206px;
}


.menu12 {
    margin-left: auto;
    margin-right: auto;
    font-size:22q;
    font-weight: 400;
    border-bottom: 1px solid #e0e0e0;
    width: 360px;
    margin-bottom: 0px;
}


.menu13 {
    margin-left: auto;
    margin-right: auto;
    font-size:18q;
    font-weight: 300;
    width: 340px;
    margin-top: 0px;
}

.more_m {
    margin-top:40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    font-size: 14q;
    font-weight: 200;
}

.moremenu {
    color: #e0e0e0;
}

.menumargin {
    height: 40px;
}

    .menumargin2 {
    height: 30px;
}

/*----inst-----*/
.container_inst1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: ;
    margin-left: auto;
    margin-right: auto;
    width: 650px;
}

.container_inst2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: ;
    margin-top: 50px;
    margin-right: 35px;
    border-left: 9px solid #b72a38;
    width: 160px;
    height: 188px;
    font-size: 14q;
}

.inst_top {
    width: 130px;
}

.inst1 {
    height: 130px;
    margin-left: 25px;
}

.inst2 {
    margin-left: 25px;
    font-size: 18q;
    font-weight: 100;
}

.inst3 {
    margin-left: 25px;
    background: ;
    height: 20px;
    margin-top: 10px;
    font-weight: 100;
}


/*-----ACCESS-----*/

.logo {
    width: 200px;
    margin-top: 30px;
}

.address {
    font-size: 16q;
    font-weight: 100;
    margin-top: 5px;
}

.container_acc1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  　align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.acc1 {
    width: 120px;
}

.acc2 {
    width: 120px;
    margin-left: 100px;
    margin-right: 100px;
}

.acc3 {
    width: 120px;
}

.acc4 {
    justify-content: center;
  　align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 320px;
}

.acc_top {
    font-family: 'Noto Sans JP',sans-serif;
    height: 40px;
    font-size: 22q;
    font-weight: 400;
    letter-spacing: 0.1em;
    border-bottom: 3px solid #b72a38;
    vertical-align: top;
}

.acc_2 {
    margin-top: 15px;
    font-weight: 200;
}

.acc_3 {
    font-size: 14q;
    margin-top: 3px;
    font-weight: 200;
}

.acc_4 {
    margin-top: 3px;
    margin-bottom: 10px;
    font-weight: 200;
}

.container_acc2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  　align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.map {
    width: 800px;
    height: 400px;
}


.more_a {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    width: 115px;
    font-size: 14q;
    font-weight: 100;
    margin-bottom: 150px;
    margin-top: 20px;
}

.map1 {
    margin-top: 100px;
    width: 600px;
}

.map2 {
    margin-top: 100px;
    width: 400px;
}



/*------footer-----*/
.container_footer {
    justify-content: center;
  　align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    width: 280px;
}

.copy {
    height: 40px;
    margin-top: 100px;
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    font-size: 14q;
    vertical-align: top;
}


.footer_top {
    font-family: 'Noto Sans JP',sans-serif;
    height: 40px;
    font-size: 22q;
    font-weight:400;
    border-bottom: 3px solid #b72a38;
    vertical-align: top;
    width: px;
}

.footer_gazou1 {
    width: 30px;
    margin-right: 3px;
    vertical-align: -8px;;
}

.footer_gazou2 {
    width: 30px;
    margin-right: 8px;
    vertical-align: -2px;;
}

.footer_1 {
    margin-top: 15px;
    font-weight: 100;
    font-size: 18q;
    letter-spacing: 0.05em;
}

.footer_2 {
    font-size: 14q;
    margin-top: 3px;
    font-weight: 200;
}

.tenpojyouhou {
    font-size: 22q;
    letter-spacing: 0.1em;
    margin-bottom: 50px;
}


.tenposyousai1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 10px;
    vertical-align: middle;
    height: 60px;
    width: 800px;
    font-weight: 300;
    border-bottom: 1px solid #b72a38;
}

.tenposyousai1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 10px;
    vertical-align: middle;
    height: 70px;
    width: 800px;
    font-weight: 300;
    border-bottom: 1px solid #b72a38;
}

.tenposyousai1-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 10px;
    vertical-align: middle;
    height: 115px;
    width: 800px;
    font-weight: 300;
    border-bottom: 1px solid #b72a38;
}

.tenposyousai1-4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 10px;
    vertical-align: middle;
    height: 90px;
    width: 800px;
    font-weight: 300;
    border-bottom: 1px solid #b72a38;
}

.tenposyousai2 {
    font-weight: 400;
    width: 200px;
}

.tenposyousai3 {
    width: 600px;
}

.tenposyousai4 {
    font-size: 12px;
}

.tenposyousai5 {
    width: 600px;
    margin-top: 3px;   
}

.reserve_top {
    height: 50px;
    font-weight: 400;
}

/*========= STAFF ===============*/



.staff1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: left;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 170px;
    background: ;
    width: 650px;
    font-weight: 300;
}

.staff_ashita_1 {
    margin-top: 85px;
    background: ;
    width: 280px;
    border-left: 2mm solid #b72a38;
    height: 110px;
    margin-right: px;
}

.katagaki1 {
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 65px;
}

.namae1 {
    margin-top: 0px;
    font-weight: 400;
    font-size: 26q;
    letter-spacing: 0.10em;
    margin-bottom: 0px;
    margin-left: 30px;
}

.namaeeigo1 {
    margin-top: 0px;
    font-weight: 400;
    font-size: 14q;
    letter-spacing: 0.05em;
    margin-left: 50px;
}

.ashitagazou {
    width: 250px;
    margin-left: 0px;
}

.ashita {
    width: 300px;
}



.staff_rui_1 {
    margin-top: 85px;
    background: ;
    width: 250px;
    border-left: 2mm solid #b72a38;
    height: 110px;
    margin-left: 0px;
}

.katagaki2 {
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 70px;
}

.namae2 {
    margin-top: 0px;
    font-weight: 400;
    font-size: 26q;
    letter-spacing: 0.10em;
    margin-bottom: 0px;
    margin-left: 30px;
}

.namaeeigo2 {
    margin-top: 0px;
    font-weight: 400;
    font-size: 14q;
    letter-spacing: 0.05em;
    margin-left: 60px;
}

.ruigazou {
    width: 300px;
    margin-right: 90px;
}

.rui {
    width: 300px;
}

.staffprof {
    margin-top: 70px;
    margin-bottom: 40px;
}

.staffprof2 {
    font-size:15q;
    width: 650px;
    border-left: 9px solid #b72a38;
    border-bottom:  0.75mm solid #b72a38;
}

.staffprof3 {
    margin-top: 50px;
    font-size:15q;
    padding-left: 0px;
    list-style: none;
    width: 650px;
}


/*========= MENU ===============*/


.container_menutop2 {
    height: 2300px;
    background: #004441;
    color: #e0e0e0;
}


.menu-1 {
    width: 1500px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.menu-2 {
    height: 16px;
    font-size: 16q;
    font-weight: 300;
}

.menu-3 {
    font-family: 'Lato', sans-serif;
    font-size: 26q;
    letter-spacing: 0.3em;
    font-weight: 400;
    height: 0px;
    line-height: 0px;
    margin-top: 0px;
}

.menu-4 {
    height: 20px;
    font-size: 16q;
    font-weight: 400;
}

.container_menu3-1 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 720px;
    font-size: 16q;
    height: 200px;
}




    .container_menu3-2 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 720px;
    font-size: 16q;
    height: 170px;
}

.container_menu3-3 {
    font-weight: 300;
    display:table-cell;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 320px;
    font-size: 18q;
    height: 150px;
}

.container_menu3-3-2 {
    font-weight: 300;
    display:table-cell;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 320px;
    font-size: 18q;
    height: 150px;
}

   .container_menu3-4 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 720px;
    font-size: 16q;
    height: 70px;
}

.container_menu3-4-2 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 720px;
    font-size: 16q;
    height: 70px;
}



.menu3-4 {
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    width: 720px;
}




.menu4-1 {
    height: 30px;
    width: 300px;
    margin-top: 20px;
    margin-left: 40px;
    border-bottom: 0.5px solid #b72a38;
}

.menu4-2 {
    height: 80px;
    width: 300px;
    margin-top: 0px;
    margin-left: 40px;
    border-bottom: 0.5px solid #b72a38;
}

.menunidan {
    height: 6px;
    
}

.menu3-5 {
    flex-direction: row;
    flex-wrap: wrap;
    background: #fffbf8;
    color: #333333;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    height: 490px;
    width: 720px;
}


.menu3-6 {
    margin-top: 100px;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fffbf8;
    color: #333333;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    height: 490px;
    width: 720px;
}

.menu3-7 {
    margin-top: 100px;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fffbf8;
    color: #333333;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    height: 380px;
    width: 720px;
}



.menu12-1 {
    margin-left: auto;
    margin-right: auto;
    font-size:22q;
    font-weight: 400;
    border-bottom: 3px solid #b72a38;
    height: 35px;
    width: 200px;
    margin-bottom: 0px;
}

.menu12-2 {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-size: 14q;
    width: 360px;
    height: 50px;
}

.ploduce {
    width: 720px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


/*========= MENU SERVCE===============*/

.ser1 {
    justify-content: center;
  　align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 350px;
}

.ser1_con1 {
    height: 40px;
    font-size: 24q;
    font-weight: 400;
    letter-spacing: 0.1em;
    border-bottom: 3px solid #b72a38;
    vertical-align: top;
}

.ser1_con2 {
    font-size: 18q;
    margin-top: 15px;
    font-weight: 300;
}


.ser2 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 350px;
}


.ser2_con1 {
    display: flex;
    width: 350px;
    font-size: 18q;
    margin-top: 20px;
    margin-left: 0px;
    font-weight: 300;
    border-bottom: 1px solid #b72a38;
}

.ser2_con2 {
    width: 175px;
}

.ser2_con3 {
    margin-top: 10px;
    font-weight: 300;
    font-size: 15q;
}


.ser3_title{
    font-family: "ヒラギノ角ゴ W3 JIS2004";
    font-size: 24q;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-top: 80px;
    margin-bottom: 50px;
}

.ser3_list{
    font-family: "ヒラギノ角ゴ W3 JIS2004";
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
  　align-items: center;
    font-size: 16q;
    font-weight: 300;
    width: 600px;
}



.ser3_con1{
    width: 130px;
}

.ser3_con1_1{
    width: 130px;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 18q;
    height: 27px;
}

.ser3_con1_2{
    width: 130px;
    border-bottom: 1px solid #b72a38;
    height: 30px;
    margin-bottom: 20px
}

.ser3_con1_3{
    width: 130px;
    border-bottom: 1px solid #b72a38;
    height: 30px;
    margin-bottom: 20px;
}




.ser3_con2{
    width: 180px;
    background: #ececec;
}

.ser3_con2_1{
    width: 180px;
    background: #004441;
    color: #e0e0e0;
    margin-bottom: 30px;
    font-size: 18q;
    height: 27px;
}

.ser3_con2_2{
    width: 180px;
    border-bottom: 1px solid #b72a38;
    height: 30px;
    margin-bottom: 20px;
    height: 30px;
}

.ser3_con2_3{
    width: 180px;
    border-bottom: 1px solid #b72a38;
    height: 30px;
    margin-bottom: 20px;
    height: 30px;
}




.ser3_con3{
    width: 90px;
    background: #ececec;
    color: #b72a38;
}

.ser3_con3_1{
    width: 90px;
    background: #004441;
    color: #e0e0e0;
    margin-bottom: 30px;
    height: 27px;
    font-size: 18q;
}

.ser3_con3_2{
     width: 90px;
    border-bottom: 1px solid #b72a38;
    height: 30px;
    margin-bottom: 20px;
}

.ser3_con3_3{
     width: 90px;
    border-bottom: 1px solid #b72a38;
    height: 30px;
    margin-bottom: 20px;
}




.ser3_con4{
    width: 130px;
    background: #ececec;
    
}

.ser3_con4_1{
    width: 130px;
    background: #004441;
    color: #e0e0e0;
    margin-bottom: 30px;
    height: 27px;
    font-size: 18q;
}

.ser3_con4_2{
    width: 130px;
    border-bottom: 1px solid #b72a38;
    margin-bottom: 20px;
    height: 30px;
}

.ser3_con4_3{
    width: 130px;
    border-bottom: 1px solid #b72a38;
    margin-bottom: 20px;
    height: 30px;
}



.margin_point{
    width: 15px;
}

.margin_point_1{
    margin-bottom: 30px;
    height: 27px;
}

.margin_point_2{
    border-bottom: 1px solid #b72a38;
    margin-bottom: 20px;
    height: 30px;
}

.margin_point_3{
    
    border-bottom: 1px solid #b72a38;
    margin-bottom: 20px;
    height: 30px;
}





.ser4_title{
    height: 40px;
    font-size: 24q;
    font-weight: 400;
    letter-spacing: 0.1em;
    border-bottom: 3px solid #b72a38;
    vertical-align: top;
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    margin-bottom: 0px;
}

.ser4{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
  　align-items: center;
    font-size: 14q;
    font-weight: 300;
    width: 900px;
}

.ser4_con1{
    width: 125px;
}

.ser4_con1_-1{
    height: 22px;
}

.ser4_con1_1{
    margin-top: 10px;
    height: 70px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con1_2{
    margin-top: 10px;
    height: 55px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con1_3{
    margin-top: 10px;
    height: 50px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con1_4{
    margin-top: 10px;
    height: 50px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con1_5{
    margin-top: 10px;
    height: 30px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con1_6{
    margin-top: 10px;
    height: 105px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con1_7{
    margin-top: 10px;
    height: 105px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con1_8{
    margin-top: 10px;
    height: 130px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con1_9{
    margin-top: 10px;
    height: 60px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con1_sub1{
    height: 50px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.ser4_con1_sub2{
    height: 25px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.ser4_con1_sub3{
    height: 65px;
    margin-top: 1px;
    margin-bottom: 1px;
}



.ser4_con2{
    width: 100px;
    background: #ececec;
}


.ser4_con2_2{
    margin-top: 10px;
    height: 51px;
    border-bottom: 1px solid #b72a38;
    padding-top: 20px;
}

.ser4_con2_3{
    margin-top: 10px;
    padding-top: 15px;
    height: 40px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_4{
    margin-top: 10px;
    padding-top: 10px;
    height: 40px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_5{
    margin-top: 10px;
    padding-top: 10px;
    height: 40px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_5-1{
    margin-top: 10px;
    height: 30px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_6{
    margin-top: 10px;
    padding-top: 35px;
    height: 70px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_7{
    margin-top: 10px;
    padding-top: 35px;
    height: 70px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_8{
    margin-top: 10px;
    padding-top: 50px;
    height: 80px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_9{
    margin-top: 10px;
    padding-top: 15px;
    height: 45px;
    border-bottom: 1px solid #b72a38;
}



.ser4_con2_1{
    height: 20px;
    background: #004441;
    color: #e0e0e0;
    border: 0.5px solid #fffbf8;
}

.ser4_con2_1-2{
    height: 20px;
    background: #ba8538;
    color: #e0e0e0;
    border: 0.5px solid #fffbf8;
}

.ser4_con2_1-3{
    height: 20px;
    background: #bababa;
    border: 0.5px solid #fffbf8;
    color: #333333;
}

.ser4_con2_1-4{
    height: 20px;
    background: #fce790;
    border: 0.5px solid #fffbf8;
    color: #333333;
}

.ser4_con2_1-5{
    height: 20px;
    background: #f7f7f7;
    border: 0.5px solid #333333;
    color: #333333;
}

.ser4_con2_1-6{
    height: 20px;
    background: #ffffff;
    color: #808080;
    border: 0.5px solid #808080;
}

.ser4_con2_1-7{
    height: 20px;
    background: #b72a38;
    color: #fce68d;
    border: 0.5px solid #fce68d;
}



.ser4_con2_mar{
    width:  15px;
}

.ser4_con2_mar1{
    height: 22px;
}

.ser4_con2_mar2{
    margin-top: 10px;
    height: 70px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_mar3{
    margin-top: 10px;
    height: 55px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_mar4{
    margin-top: 10px;
    height: 50px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_mar5{
    margin-top: 10px;
    height: 50px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_mar6{
    margin-top: 10px;
    height: 30px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_mar7{
    margin-top: 10px;
    height: 105px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_mar8{
    margin-top: 10px;
    height: 105px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_mar9{
    margin-top: 10px;
    height: 130px;
    border-bottom: 1px solid #b72a38;
}

.ser4_con2_mar10{
    margin-top: 10px;
    height: 60px;
    border-bottom: 1px solid #b72a38;
}
.ser5 {
    font-size: 14q;
    font-weight: 300;
    margin-bottom: 50px;
}



/*========= CONSEPT===============*/


.con_sec2 {
    background: #004441;
    color: #e0e0e0;
    margin-left: auto;
    margin-right: auto;
    height: 560px;
    width: auto;
}


.con_sec2_1{
    margin-top:100px;
    height: 180px;
    align-items: baseline;
    line-height: 220px;
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 26q;
}

.con_sec2_2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    text-align: left;
    vertical-align: top;
}

.con_sec2_2-1{
    width: 360px;
    font-weight: 300;
    margin-right: 30px;
        
}


.con_sec2_2-2{
    width: 380px;
    margin-left: 30px;
}

/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#tomowl {
    /*fixedで全面に固定*/
  position: fixed;
  width: 105%;
  height: 100%;
  z-index: 999;
    right: 5px;
  background:#004441;
  text-align:center;
  color:#fff;
}

/* Loading画像中央配置　*/
#tomowl_logo {
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#tomowl_logo img {
  width:260px;
}

/* fadeUpをするアイコンの動き */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/*------- その場でフワッと --------*/

/* fadeUp */


.fadeUp2{
animation-name:fadeUpAnime2;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime2{
  from {
    opacity: 0;
  transform: translateY(60px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger2{
    opacity: 0;
}


/*------- その場でフワッと --------*/

/* fadeUp */


.fadeUp3{
animation-name:fadeUpAnime3;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime3{
  from {
    opacity: 0;
  transform: translateY(30px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger3{
    opacity: 0;
}



/*==================================================
　5-3-3 左から右に線が伸びる（下部）
===================================*/
.more_n,.more_c,.inst3,.more_a,.more_m{
    /*線の基点とするためrelativeを指定*/
	position: relative;
}
.more_a:hover,
.more_c:hover,
.more_n:hover,
.more_m:hover,
.inst3:hover {
	color:#b72a38;
}

.more_a::after,
.more_c::after,
.more_n::after, 
.more_m::after,
.inst3::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 0%;
    /*線の形状*/
    width: 100%;
    height: 2px;
    background:#b72a38;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}

/*現在地とhoverの設定*/
.more_a:hover::after,
.more_c:hover::after,
.more_n:hover::after,
.more_m:hover::after,
.inst3:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}



/*========= ナビゲーションバーを変化させるレイアウトのためのCSS ===============*/

#container{
    width:100%;
    height: 100vh;
    background: #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

a{
    color: #333;
}

a:hover{
     text-decoration: none;   
}

/*========= ナビゲーションのためのCSS ===============*/

#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
	top:-120%;
    left:0;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background:#004441;
    /*動き*/
	transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
    top: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:47%;
    left:50%;
    transform: translate(-50%,-50%);
}

/*リストのレイアウト設定*/

#g-nav li{
	list-style: none;
    text-align: center; 
}

#g-nav li a{
	color: #e0e0e0;
    font-size: 27px;
	text-decoration: none;
	padding:30px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-weight: normal;
}

/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:13px;
	right: 16px;
	cursor: pointer;
    width: 80px;
    height:70px;
    background-image:url(hang_bg.png);
    background-size: 100%;
    background-position: bottom;
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .6s;
    position: absolute;
    left: 12px;
    height: 2px;
    border-radius: 2px;
	background-color: #e0e0e0;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:12px;	
    width: 50%;
    margin-left: 28px;
}

.openbtn span:nth-of-type(2) {
	top:21px;
    width: 35%;
    margin-left: 39px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
    width: 18%;
    margin-left: 52px;
}

.openbtn.active span:nth-of-type(1) {
    top: 13px;
    left: 20px;
    transform: translateY(6px) rotate(-45deg);
    width: 40%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 25px;
    left: -4px;
    transform: translateY(-6px) rotate(45deg);
    width: 40%;
}





/*========= ナビゲーションバーを上部固定させるためのCSS ===============*/
#header{
  height: 20px;/*高さ指定*/
  width:100%;/*横幅指定*/
  /*以下はレイアウトのためのCSS*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  background:#004441;
  color:#fff;
  text-align: center;
  padding: 1px;
}

/*JSを使いfixedクラスが付与された際の設定*/
#header.fixed{
  position: fixed;/*fixedを設定して固定*/
    z-index: 999;/*最前面へ*/
    top:0;/*位置指定*/
    left:0;/*位置指定*/
}





/*--------top戻るリンクの形状-----------*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#ececec;
	border-radius: 100px;
	width: 50px;
	height: 50px;
	color: #333333;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.8rem;
	transition:all 0.3s;
    opacity: 0.7;
}

#page-top a:hover{
	background: #fbe380;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 30px;
	bottom:10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}



/*--------予約リンクの形状-----------*/
#yoyaku a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#004441;
	border-radius: 17px;
	width: 150px;
	height: 50px;
	color: #e0e0e0;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.9rem;
	transition:all 0.3s;
    opacity: 1;
}

#yoyaku a:hover{
	background: #fbe380;
}

/*リンクを左下に固定*/
#yoyaku {
	position: fixed;
	left: 4px;
	bottom:10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/
#yoyaku.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}


/*　下に下がる動き　*/

#yoyaku.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}





/*==================================================
ギャラリーのためのcss
===================================*/
.gallery{
columns: 4;/*段組みの数*/
padding:0 15px;/*ギャラリー左右に余白をつける*/
margin: 10px;
margin-top: 30px;
}

.gallery li {
    margin-bottom: 20px;/*各画像下に余白をつける*/
list-style:none;
}

/*ギャラリー内のイメージは横幅100%にする*/
.gallery img{
	width:100%;
	height:auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/}

/*　横幅900px以下の段組み設定　*/
@media only screen and (max-width: 900px) {
	.gallery{
	columns:3;
	}	
}

@media only screen and (max-width: 768px) {
	.gallery{
	columns: 2;
	}	
}








/*-------モバイル版------*/
@media (max-width:600px) {
    
    #header{
        height: 20px;/*高さ指定*/
        width:100%;/*横幅指定*/
        /*以下はレイアウトのためのCSS*/
        display: flex;
        justify-content: space-between;
        align-items: center;
        background:#004441;
        text-align: center;
    }
    
    /* Loading画像中央配置　*/
    #tomowl_logo {
        position: absolute;
        top: 50%;
        left: 55%;
        transform: translate(-50%, -50%);
    }
    /* Loading アイコンの大きさ設定　*/
    #tomowl_logo img {
        width:200px;
    }
    
    /*========= ボタンのためのCSS ===============*/
    .openbtn{
	   position:fixed;
        z-index: 9999;/*ボタンを最前面に*/
	   top:15px;
	   right: 16px;
	   cursor: pointer;
        width: 84px;
        height:71px;
        background-image:url(hang_bg.png);
        background-size: 101%;
        background-position: bottom;
    }
	
    /*×に変化*/	
    .openbtn span{
        display: inline-block;
        transition: all .6s;
        position: absolute;
        left: 12px;
        height: 2px;
        border-radius: 2px;
        background-color: #e0e0e0;
        width: 45%;
    }
    /*JSを使いfixedクラスが付与された際の設定*/
    #header.fixed{
        position: fixed;/*fixedを設定して固定*/
        z-index: 999;/*最前面へ*/
        top:0;/*位置指定*/
        left:0;/*位置指定*/
}
 
    /*==================================================
ギャラリーのためのcss
===================================*/
.gallery{
    margin: 0px;
    margin-top: 15px;
}
        
    

    body {
        font-family: "ヒラギノ角ゴ W3 JIS2004";
    }
    .background-in {
	   margin-left: auto;
        margin-right: auto;
	   background: #fffbf8;
        font-weight: 400;
    }
    #g-nav li a{
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 20q;
	   text-decoration: none;
	   padding: 25px;
	   display: block;
	   text-transform: uppercase;
        padding-right: 55px;
    }
    .hedinst {
        width: 15%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .hedline {
        width: 22%;
        padding-left: 15px;
    }
    .hedicon {
        margin-left: 0px;
    }
    #home {
        min-height: 70vh;
    }
    
    .big-bg{
    background-size: cover;
    background-position: left ;
    background-repeat: no-repeat;
}
    
    .toplogo {
        width: 80%;
    }
    .top_logo {
        text-align: left;
        margin-top: 160px;
    }
    .flower {
        margin-top: 100px;
        width: 36px;
        height: 36px;
    }
    h2 {
        font-size: 28q;
        margin-top: 30px;
    }
    .container_news1{
        max-width: 280px;
        max-height: 200px;
    }
    .container_news2 {
        text-align: left;
        max-width: 190px;
        height: 70px;
    }
    .news_top {
        max-width: 60px;
        max-height: 60px;
    }
    .news1 {
        width: 50px;
        height: 70px;
    }
    .news2 {
        font-size: 10q;
        max-width: 45px;
        max-height: 20px;
    }
    .news3 {
        font-size: 12q;
        max-width:100px;
        max-height: 20px
    }
    .news4 {
        max-width: 230px;
        height: 30px;
        font-size: 10q;
    }
    .news_naiyou {
        text-align: left;
        padding-top: 10px;
        font-size: 10q;
        height: 55px;
    }
    .more_n {
        width: 80px;
        font-size: 10q;
    }
    
    .container_news1-1 {
    max-width: 280px;
    max-height: 70px;
        margin-top: 0px;
}

    .container_news1-2 {
    max-width: 280px;
    max-height: 70px;
        margin-top: 20px;
}

.container_news1-3 {
    max-width: 280px;
    height: 70px;
    margin-top: 90px;
}
    

    .consept_top {
        width: 80%;
        height: 80%;
        margin-top: 10px;
    }
    .consept1 {
        font-size: 14q;
    }
    .consept2 {
        margin-top: 60px;
        font-size: 10q;
        font-weight: 300;
    }
    .more_c {
        width: 100px;
        font-size: 10q;
    }
    .container_more_cm {
        width: 100px;
        margin-right: auto;
        margin-left: auto;
    }
    .consept_movie {
        width: 50%;
        margin-bottom: 0px;
    }

    .container_menutop {
    height: 980px;
    background: #004441;
    color: #e0e0e0;
}
    
    
    .menu1 {
        height: 60px;
        line-height: 100px;
        font-size: 24q;
    }
    .menu2 {
        font-size: 14q;
        font-weight: 400;
    }
    .menu3 {
        margin-top: 18px;
        font-size: 10q;
        width: 300px;
        margin-right: 0px;
    }
    .totalploduce {
        max-width: 600px;
        margin-top: 10px;
    }
    
    .container_menu1 {

    width: 300px;
}

.container_menu2 {
    width: 300px;
}
    .container_menu3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  　align-items: center;
    vertical-align: middle;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 300px;
    font-size: 12q;
    height: 320px;
}

.container_menu3-1 {
    justify-content: center;
  　align-items: center;
    display:table-cell;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 300px;
    font-size: 10q;
    font-weight: 400;
    height: 0px;
}

.menu4 {
    height: 20px;
    width: 190px;
    margin-top: 10px;
    margin-left: 56px;
    border-bottom: 1px solid #b72a38;
}
        
    
    
    .container_menu4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 330px;
}

.container_menu5 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 330px;
    margin-top: 10px;
}

.container_menu6 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 330px;
    margin-top: 10px;
}

.menu5 {
    text-align: left;
    margin-right: 5px;
    max-width: 150px;
}

.menu6 {
    text-align: left;
    margin-left: 5px;
    max-width: 150px;
}

.menu7 {
    font-family: 'Lato', sans-serif;
    font-size: 12q;
    letter-spacing: 0.2em;
    font-weight: normal;
    margin-bottom: 0px;
    font-weight: 400;
}
    
.menu7_1 {
        font-family: 'Lato', sans-serif;
        font-size: 12q;
        letter-spacing: 0.2em;
        font-weight: normal;
        margin-bottom: 0px;
        margin-top: 40px;
        font-weight: 400;
}

.menu8 {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 10px;
    height: 16px;
    font-weight: 400;
    border-bottom: 0.1px solid #333333; 
    width: 206px;
    transform:scale(0.7);
    transform-origin: left top;
}

.menu9 {
    text-align: left;
    margin-right: 5px;
    max-width: 150px
}

.menu10 {
    width: 205px;
    font-weight: 400;
    height: 7px;
    font-size:10px;
    transform:scale(0.7);
    transform-origin: left
}

.menu11 {
    font-size:10px;
    margin-top: 42px;
    text-align: left;
    margin-left: 5px;
    max-width: 150px;
}
    
.mgr1 {
    margin-right: 36px;
}

.mgr2 {
    margin-right: 145px;
}

.mgr3 {
    margin-right: 91px;
}

.mgr4 {
    margin-right: 123px;
}

.mgr5 {
    margin-right: 103px;
}

.mgr6 {
    margin-right: 100px;
}

.mgr7 {
    margin-right: 13px;
}

.mgr8 {
    margin-right: 83px;
}

.mgr9 {
    margin-right: 53px;
}

.mgr10 {
    margin-right: 47px;
}

.mgr11 {
    margin-right: 40px;
}

.mgr12 {
    margin-right: 123px;
}

.mgr13 {
    margin-right: 114px;
}

.mgr14 {
    margin-right: 124px;
}

.mgr15 {
    margin-right: 94px;
}

.mgr16 {
    margin-right: 92px;
}

.mgr17 {
    margin-right: 96px;
}

.mgr18 {
    margin-right: 94px;
}

.mgr19 {
    margin-right: 114px;
}
    
    .menu12 {
    margin-left: auto;
    margin-right: auto;
    font-size:14q;
    font-weight: 400;
    border-bottom: 1px solid #e0e0e0;
    width: 250px;
    margin-bottom: 0px;
    margin-top: 0px;
}


.menu13 {
    margin-left: auto;
    margin-right: auto;
    font-size:10q;
    font-weight: 300;
    width: 200px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.more_m {
    margin-top:0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    font-size: 10px;
}

.moremenu {
    color: #e0e0e0;
}
    
    
    
.container_inst1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: ;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 150px;
}

.container_inst2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: ;
    margin-top: 0px;
    border-left: 6px solid #b72a38;
    width: 130px;
    height: 136px;
    font-size: 10q;
    margin-right: 0px;
}

.inst_top {
    width: 90px;
}

.inst1 {
    height: 90px;
    margin-left: 2px;
}

.inst2 {
    margin-left: 0px;
    font-size: 14q;
}

.inst3 {
    font-size: 10q;
    margin-left: 0px;
    background: ;
    height: 20px;
    margin-top: 10px;
}

        
.logo {
    width: 150px;
    margin-top: 0px;
}

.address {
    font-size: 10q;
    font-weight: 400;
    margin-top: 5px;
}

.container_acc1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  　align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 320px;
}

.acc1 {
    width: 90px;
}

.acc2 {
    width: 90px;
    margin-left: 20px;
    margin-right: 20px;
}

.acc3 {
    width: 90px;
}

.acc4 {
    justify-content: center;
  　align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    width: 230px;
}

.acc_top {
    height: 32px;
    font-size: 18q;
    font-weight:400;
    border-bottom: 3px solid #b72a38;
    vertical-align: top;
}

.acc_2 {
    margin-top: 8px;
    font-weight: 400;
    font-size: 12q;
}

.acc_3 {
    font-size: 10q;
    margin-top: 0px;
    font-weight: 400;
    transform:scale(0.7);
    transform-origin: left top;
    width: 90px;
    margin-left: 15px
}

.acc_4 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: 400;
    font-size:  12q;
}

.container_acc2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  　align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}


.map {
    margin-top: 10px;
    width: 300px;
    height: 200px;
}

.acc_map {
    margin-left: 0px;
}

.more_a {
    font-size:10q;
    width: 89px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 100px;
}


.map1 {
    margin-top: 50px;
    width: 300px;
}

.map2 {
    margin-top: 50px;
    width: 300px;
    }
    
    
    
    
    .container_footer {
    justify-content: center;
  　align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 250px;
}

.copy {
    height: 30px;
    margin-top: 50px;
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    font-size: 10q;
    vertical-align: top;
}


.footer_top {
    height: 25px;
    font-size: 18q;
    font-weight:400;
    border-bottom: 3px solid #b72a38;
    vertical-align: top;
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 200px;
}

.footer_gazou1 {
    width: 22px;
    margin-right: 2px;
    vertical-align: -5px;;
}

.footer_gazou2 {
    width: 20px;
    margin-right: 4px;
    vertical-align: 0px;
}

.footer_1 {
    margin-top: 5px;
    font-size: 14q;
    letter-spacing: 0.05em;
}

.footer_2 {
    margin-right: auto;
    margin-left: auto;
    width: 320px;
    font-size: 10q;
    margin-top: 3px;
    transform:scale(0.8);
    transform-origin: left top;
    
}
    
    
    
    .tenpojyouhou {
    font-size: 14q;
    letter-spacing: 0.1em;
    margin-bottom: 0px;
    font-weight: 500;
        width: 320px;
        margin-left: auto;
        margin-right: auto;
        height: 60px;
    border-bottom: 1px solid #b72a38;
}


.tenposyousai1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 10px;
    vertical-align: middle;
    height: 58px;
    width: 320px;
    border-bottom: 1px solid #b72a38;
}

.tenposyousai1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 10px;
    vertical-align: middle;
    height: 100px;
    width: 320px;
    border-bottom: 1px solid #b72a38;
}

.tenposyousai1-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 10px;
    vertical-align: middle;
    height: 110px;
    width: 320px;
    border-bottom: 1px solid #b72a38;
}

.tenposyousai1-4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 10px;
    vertical-align: middle;
    height: 105px;
    width: 320px;
    border-bottom: 1px solid #b72a38;
}

.tenposyousai2 {
    font-weight: 500;
    width: 100px;
    font-size: 10q;
}

.tenposyousai3 {
    margin-left: 10px;
    width: 210px;
    font-size: 10q;
}

.tenposyousai4 {
    width: 210px;
    font-size: 8px;
}

.tenposyousai5 {
    width: 210px;
    margin-top: 3px;   
}

.reserve_top {
    margin-left: auto;
    margin-right: auto;
    font-size:10q;
    width: 250px;
    height: 50px;
    font-weight: 400;
}   
    
    
    
/*========= STAFF ===============*/



.staff1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: left;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    background: ;
    width: 300px;
    font-weight: 500;
}

.staff_ashita_1 {
    text-align: center;
    margin-top: 22px;
    background: ;
    width: 170px;
    border-left: 1.5mm solid #b72a38;
    height: 90px;
    margin-bottom: 10px;
}

.katagaki1 {
    font-size: 14q;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.namae1 {
    margin-top: 0px;
    font-weight: 400;
    font-size: 22q;
    letter-spacing: 0.10em;
    margin-bottom: 0px;
    margin-left: 0px;
}

.namaeeigo1 {
    margin-top: 0px;
    font-weight: 400;
    font-size: 10q;
    letter-spacing: 0.05em;
    margin-left: 0px;
}

.ashitagazou {
    margin-top: 30px;
    justify-content: center;
    width: 300px;
    margin-left: 50px;
    margin-bottom: 20px;
}

.ashita {
    width: 200px;
}



.staff_rui_1 {
    text-align: center;
    margin-top: 30px;
    width: 170px;
    border-left: 1.5mm solid #b72a38;
    height: 90px;
    margin-bottom: 20px;
}

.katagaki2 {
    font-size:14q;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.namae2 {
    margin-top: 0px;
    font-weight: 400;
    font-size: 22q;
    letter-spacing: 0.10em;
    margin-bottom: 0px;
    margin-left: 0px;
}

.namaeeigo2 {
    margin-top: 0px;
    font-size: 10q;
    letter-spacing: 0.05em;
    margin-left: 0px;
}

.ruigazou {
    margin-top: 30px;
    justify-content: center;
    width: 300px;
    margin-left: 90px;
    margin-bottom: 10px;
}

.rui {
    width: 200px;
}

.staffprof {
    font-size: 12q;
    margin-top: 30px;
    margin-bottom: 30px;
}

.staffprof2 {
    font-weight: 300;
    font-size:10q;
    width: 300px;
    border-left: 6px solid #b72a38;
    border-bottom:  0.55mm solid #b72a38;
}

.staffprof3 {
    margin-top: 30px;
    font-size:12q;
    padding-left: 0px;
    list-style: none;
    width: 300px;
    font-weight: 300;
}

    
    .margin {
        height: 10px;
    }
    
    .air {
        height: 500px;
    }

    
    
    /*========= MENU===============*/
    
    
    .container_menutop2 {
    height: 2200px;
    background: #004441;
    color: #e0e0e0;
}
    .menu2{
        
    }
    
    .menu-1 {
        width: 300px;
        margin-top: 40px;
        margin-bottom: 30px;
}

.menu-2 {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    width: 300px;
    height: 30px;
    font-size: 10q;
    font-weight: 400;
}

.menu-3 {
    font-family: 'Lato', sans-serif;
    font-size: 20q;
    letter-spacing: 0.3em;
    font-weight: 400;
    height: 0px;
    line-height: 0px;
    margin-top: 10px;
}

.menu-4 {
    margin-top: 0px;
    height: 10px;
    font-size: 12q;
    font-weight: 400;
}


    .container_menu3-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    width: 300px;
    font-size: 12q;
    height: 250px;
}

.container_menu3-3 {
    font-weight: 400;
    display:table-cell;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 300px;
    font-size: 12q;
    height: 90px;
}
    
.container_menu3-3-2 {
    font-weight: 400;
    display:table-cell;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 300px;
    font-size: 12q;
    height: 0px;
}
    
    

   .container_menu3-4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    width: 300px;
    height: 120px;
}

     .container_menu3-4-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    width: 300px;
    height: 70px;
}


.menu3-4 {
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 300px;
}


.menu4-1 {
    height: 20px;
    width: 155px;
    margin-top: 15px;
    margin-left: 70px;
    border-bottom: 1px solid #b72a38;
}

.menu4-2 {
    height: 56px;
    width: 155px;
    margin-top: 0px;
    margin-left: 70px;
    border-bottom: 1px solid #b72a38;
}

.menunidan {
    height: 6px;
    
}

.menu3-5 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    height: 500px;
    width: 300px;
    background: #fffbf8;
    color: #333333;
}


.menu3-6 {
    background: #f7f8f8;
    margin-top: 50px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    height: 480px;
    width: 300px;
    background: #fffbf8;
    color: #333333;
}

.menu3-7 {
    background: #f7f8f8;
    margin-top: 50px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    height: 330px;
    width: 300px;
    background: #fffbf8;
    color: #333333;
}


.menu12-1 {
    margin-left: auto;
    margin-right: auto;
    font-size:16q;
    font-weight: 400;
    border-bottom: 3px solid #b72a38;
    height: 24px;
    width: 150px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.menu12-2 {
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-size: 10q;
    width: 250px;
    height: 30px;
}

.ploduce {
    width: 300px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/*========= MENU SERVCE===============*/

.ser1 {
    justify-content: center;
  　align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    width: 240px;
}

.ser1_con1 {
    height: 30px;
    font-size: 18q;
    font-weight: 400;
    letter-spacing: 0.1em;
    border-bottom: 3px solid #b72a38;
    vertical-align: top;
}

.ser1_con2 {
    font-size: 10q;
    margin-top: 10px;
    font-weight: 300;
}


.ser2 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    width: 240px;
}


.ser2_con1 {
    display: flex;
    width: 230px;
    font-size: 10q;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    border-bottom: 1px solid #b72a38;
}

.ser2_con2 {
    width: 115px;
}

.ser2_con3 {
    margin-top: 5px;
    font-weight: 300;
    font-size: 10q;
}
    
    
    
    .ser3_title{
    font-family: "ヒラギノ角ゴ W3 JIS2004";
    font-size: 18q;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-top: 40px;
    margin-bottom: 20px;
}

.ser3_list{
    font-family: "ヒラギノ角ゴ W3 JIS2004";
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
  　align-items: center;
    font-size: 10q;
    font-weight: 300;
    width: 330px;
}



.ser3_con1{
    width: 80px;
}

.ser3_con1_1{
    width: 80px;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 12q;
    height: 20px;
}

.ser3_con1_2{
    width: 80px;
    border-bottom: 1px solid #b72a38;
    height: 20px;
    margin-bottom: 20px
}

.ser3_con1_3{
    width: 80px;
    border-bottom: 1px solid #b72a38;
    height: 20px;
    margin-bottom: 20px;
}




.ser3_con2{
    width: 120px;
    background: #ececec;
}

.ser3_con2_1{
    width: 120px;
    background: #004441;
    color: #e0e0e0;
    margin-bottom: 20px;
    font-size: 12q;
    height: 20px;
}

.ser3_con2_2{
    width: 120px;
    border-bottom: 1px solid #b72a38;
    height: 20px;
    margin-bottom: 20px;
}

.ser3_con2_3{
    width: 120px;
    border-bottom: 1px solid #b72a38;
    height: 20px;
    margin-bottom: 20px;
}




.ser3_con3{
    width: 50px;
    background: #ececec;
    color: #b72a38;
}

.ser3_con3_1{
    width: 50px;
    background: #004441;
    color: #e0e0e0;
    margin-bottom: 20px;
    height: 20px;
    font-size: 12q;
}

.ser3_con3_2{
     width: 50px;
    border-bottom: 1px solid #b72a38;
    height: 20px;
    margin-bottom: 20px;
}

.ser3_con3_3{
     width: 50px;
    border-bottom: 1px solid #b72a38;
    height: 20px;
    margin-bottom: 20px;
}




.ser3_con4{
    width: 70px;
    background: #ececec;
    
}

.ser3_con4_1{
    width: 70px;
    background: #004441;
    color: #e0e0e0;
    margin-bottom: 20px;
    height: 20px;
    font-size: 12q;
}

.ser3_con4_2{
    width: 70px;
    border-bottom: 1px solid #b72a38;
    margin-bottom: 20px;
    height: 20px;
}

.ser3_con4_3{
    width: 70px;
    border-bottom: 1px solid #b72a38;
    margin-bottom: 20px;
    height: 20px;
}



.margin_point{
    width: 5px;
}

.margin_point_1{
    margin-bottom: 20px;
    height: 20px;
}

.margin_point_2{
    border-bottom: 1px solid #b72a38;
    margin-bottom: 20px;
    height: 20px;
}

.margin_point_3{
    
    border-bottom: 1px solid #b72a38;
    margin-bottom: 20px;
    height: 20px;
}

    
    
    
    

    
    /*========= CONSEPT===============*/


.con_sec2 {
    background: #004441;
    color: #e0e0e0;
    margin-left: auto;
    margin-right: auto;
    height: 530px;
    width: auto;
}


.con_sec2_1{
    margin-top:50px;
    height: 100px;
    align-items: baseline;
    line-height: 140px;
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 16q;
}

.con_sec2_2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    text-align: left;
    vertical-align: top;
}

.con_sec2_2-1{
    width: 300px;
    font-weight: 300;
    margin-right: 0px;
    font-size: 10q;
    margin-top: 10px;
}


.con_sec2_2-2{
    width: 300px;
    margin-left: 0px;
    margin-top: 10px;
}

    
    .ser4_title{
    font-family: "ヒラギノ角ゴ W3 JIS2004";
    font-size: 18q;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-top: 70px;
    margin-bottom: 30px;
    width: 240px;
    height: 30px;
    border-bottom: 3px solid #b72a38;
    vertical-align: top;
    margin-bottom: 0px;
}
    
    
    .ser4{
    margin-left: 20px;
    display: flex;
    justify-content: center;
  　align-items: center;
    font-size: 14q;
    font-weight: 300;
    width: 900px;
    transform:scale(0.37);
    transform-origin: left top;
}

    .ser5 {
    font-size: 10q;
    font-weight: 300;
    margin-bottom: 30px;
}

    
    
}