/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1150px) {

    /* title style 1 */
    .tit-box h2{
        font-size:36px;
    }

}


/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {

    h1{font-size:20px;}
    h2{font-size:18px;}
    h2.s{font-size:16px;}
    h3{font-size:16px;}
    h4{font-size:14px;}
    h5{font-size:14px;}
    h6{font-size:14px;}


    h2.en{font-size:24px;}
    h3.en{font-size:22px;}
    h4.en{font-size:20px;}
    h5.en{font-size:18px;}
    h6.en{font-size:16px;}

    /* title style 1 */
    .tit-box h2{
        font-size:30px;
    }

    .tit-box div:nth-child(1),
    .tit-box div:nth-child(3){
        height:25px;
    }


    /** TOP 
    ---------------------**/
    /* main visual */
    .main-visual{
        height:600px;
        background-size:cover;
    }

    /* main visual h1 */
    .tit-main-visual h1 {
      padding: 30px 0;
      font-size:22px;
      margin-top:180px;
    }

    .tit-main-visual h1 span{
        font-size:43px;
    }

    .tit-ja {
        font-size:12px !important;
        letter-spacing:1.5px;
    }

}


/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

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

    h1{font-size:20px;}
    h2{font-size:18px;}
    h2.s{font-size:16px;}
    h3{font-size:15px;}
    h4{font-size:14px;}
    h5{font-size:14px;}
    h6{font-size:14px;}

    h2.en{font-size:22px;}
    h3.en{font-size:20px;}
    h4.en{font-size:18px;}
    h5.en{font-size:16px;}
    h6.en{font-size:14px;}


    .section-def {
        padding: 40px 0;
    }

    a[href^="tel:"] { cursor: pointer; }

    /* page top */
    #back-top {
        bottom:50px;
    }

    /* title style 1 */
    .tit-box h2{
        font-size:24px;
    }

    .tit-box div:nth-child(2){
        width:56%;
        margin:0 2%;
    }

    .tit-box div:nth-child(1),
    .tit-box div:nth-child(3){
        border-bottom:1px solid #333;
        width:20%;
        height:20px;
    }


    /** TOP 
    ---------------------**/
    /* main visual */
    .main-visual{
        height:500px;
        background-size:cover;
    }

    /* main visual h1 */
    .tit-main-visual h1 {
      padding: 20px 0;
      font-size:18px;
      margin-top:50px;
    }

    .tit-main-visual h1 span{
        font-size:32px;
        margin-top:10px;
    }

    .tit-ja {
        font-size:11px !important;
        letter-spacing:1px;
    }
    

    /** LP dinner
    ---------------------**/
    .wrap-menu{
        padding:50px 15px;
    }

    .access{
        margin-top:40px;
    }

    .access {
        background:none;
        background-color:#101437;
    }


}