@media screen and (min-width: 320px) and (max-width: 768px) {
/*slider*/
.display-area2 {
    width: 100%;
}
.cards-wrapper2 {
    justify-content: center;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    display: flex;
    width: 150%;
}
.card2 {
    width: calc(50% - 20px);
    margin: 10px;
    box-sizing: border-box;
    scroll-snap-align: center;
}
/*top video*/
.myVideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
/*header*/
#header-nav {
    padding: 10px 10px 10px;
}
#header-nav {
    background-color: unset;
}
/*nav*/
.stellarnav li a {
    font-size: 12px;
}
.stellarnav>ul {
    height: auto!important;
}
.stellarnav.mobile>ul>li>a {
    padding: 10px;
}
hr {
    margin-top: 15px;
    margin-bottom: 20px;
}
.c2>div {
    width: 100%;
    display: block;
    margin: auto;
    text-align: center;
}
.c2 div:first-child {
    width: 170px;
}
.sns a img {
    padding: 0 2px;
}
.c3-r>div {
    width: 30%!important;
}
.c3-r>div:nth-child(2n), .c3-r>div:nth-child(3n) {
    padding: 5px 0 5px 10px;
    font-size: 11px;
}
.c3>div {
    margin-right: 0;
    }
.c3>div:nth-child(3n) {
    margin-right: auto;
    margin-bottom: 0;
}

.button-top input.present {
    width: 100%;
    margin: 0 auto !important;
    margin-bottom: 10px!important;
    display: block;
    height: 51px;
    padding: 15px;
    font-size: 16px;
}
.p10 {
    padding: 5px !important;
}
.p20 {
    padding: 10px !important;
}
.p30 {
    padding: 15px !important;
}
.p40 {
    padding: 20px !important;
}
.pt15 {
    padding-top: 8px !important;
}
.pt20 {
    padding-top: 10px !important;
}
.pt25 {
    padding-top: 10px !important;
}
.pt30 {
    padding-top: 15px !important;
}
.pt40 {
    padding-top: 20px !important;
}
.pt60 {
    padding-top: 30px !important;
}
.pt50 {
    padding-top: 25px !important;
}
.pb10 {
    padding-bottom: 5px !important;
}
.pb15 {
    padding-bottom: 7px !important;
}
.pb20 {
    padding-bottom: 10px !important;
}
.pb30 {
    padding-bottom: 15px !important;
}
.pb40 {
    padding-bottom: 20px !important;
}
.pb50 {
    padding-bottom: 25px !important;
}
.pb60 {
        padding-bottom: 30px !important;
}
.pl5 {
    padding-left: 0px !important;
}
.pl30 {
    padding-left: 15px !important;
}
.pl15 {
    padding-left: 8px !important;
}
.pr30 {
    padding-right: 15px !important;
}
.pb25 {
    padding-bottom: 18px !important;
}
.ptb30 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.ptb60 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

.mt5 {
    margin-top: 0px !important;
}

.mb20 {
    margin-bottom: 10px !important;
}

.mt50 {
    margin-top: 30px !important;
}
.mt20 {
    margin-top: 10px !important;
}
.mt25 {
    margin-top: 10px !important;
}
.mt30 {
    margin-top: 15px !important;
}
.mt40 {
    margin-top: 20px !important;
}
.mt60 {
    margin-top: 30px !important;
}
.mb30 {
    margin-bottom: 15px !important;
}
.mb40 {
    margin-bottom: 20px !important;
}
.mb50 {
    margin-bottom: 25px !important;
}
.mb60 {
    margin-bottom: 30px !important;
}
.mb80 {
    margin-bottom: 40px !important;
}
.mr30 {
    margin-right: 10px !important;
}
.mr60 {
    margin-right: 10px !important;
}
.ml20 {
    margin-left: 10px !important;
}
.ml30 {
    margin-left: 10px !important;
}
.ml60 {
    margin-left: 10px !important;
}

.button-simple, .button-top .button-simple, .button-simple2 {
    width: 70% !important;
    padding: 20px 0;
    line-height: 1.3;
    font-size: 4vw;
    margin: 30px auto 0 !important;
}
button {
    width: 100%;
}
body { 
    font-size: 16px;
}
.wrap {
    width: auto;
    margin: auto;
    padding: 0 15px;
}
.w50,
.w70,
.w80 {
    width: 100%;
}
.footer {
    padding: 10px;
}
.parallax {
    height: 250px;
    background-size: contain;
}
.design_title01,
.design_title02,
.design_title03,
.design_title04,
.design_title05,
.design_title06,
.design_title07,
.design_title08,
.design_title09,
.design_title10 {
    font-size: 1.3em;
    padding: 15px;
}
.design_title07:before,
.design_title07:after,
.design_title10:before,
.design_title10:after{
    height: 2px;
}
section{overflow: hidden;}
br.sp_br {display: inline !important;}
input.present {
    width: 100%;
    margin: 0 auto !important;
    margin-bottom: 10px!important;
    display: block;
    height: 60px;
    padding: 15px;
    font-size: 16px;
}

form { padding: 10px 0; width: 96%; }
.c3>div {
    width: 100%;
    margin: auto;
    margin-bottom: 3%;
}
.t60, .t70 {
    font-size: 45px;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
    img.fllpic,
    img.flrpic {
        width: 100%;
    }
    img.flrpic.picflr,
    img.fllpic.picflr {
        width: 100%;
        margin: 0 0 9% 0 !important;
    }
    .dblock_sp {
        display: block !important
    }
    .dnone_sp { display: none;}
    .dnone_pc { display: block;}
    .overflow_h_pc { overflow: inherit;}
    .inner-wrap {
        padding: 15px 10px;
    }
    
    .design_title01,
    .design_title02,
    .design_title03,
    .design_title04,
    .design_title05,
    .design_title06,
    .design_title07,
    .design_title08,
    .design_title09,
    .design_title10 {
        font-size: 4.8vw;
        padding: 15px 0;
    }
    .t12, .t14, .t16 {
        font-size: 11px
    }
    .t15 {
        font-size: 13px
    }
    .t18 {
        font-size: 3.9vw
    }
    .t20 {
        font-size: 4.0vw
    }
    .t22 {
        font-size: 4.1vw
    }
    .t24{
        font-size: 4.2vw
    }
    .t26{
        font-size: 4.3vw
    }
    .t28 {
        font-size: 4.4vw
    }
    .t30 {
        font-size: 4.5vw
    }
    .t32{
        font-size: 4.6vw
    }
    .t34{
        font-size: 4.7vw
    }
    .t36{
        font-size: 4.8vw
    }
    .t38 {
        font-size: 4.9vw;
    }
    .t40 {
        font-size: 5vw;
    }
    .t42{
        font-size: 5.1vw;
    }
    .t44{
        font-size: 5.2vw;
    }
    .t46{
        font-size: 5.3vw;
    }
    .t48{
        font-size: 5.4vw;
    }
    .t50 {
        font-size: 5.5vw;
    }
    .t54 {
        font-size: 5.7vw;
    }
    .footer {
        float: left!important;
        line-height: 1em;
    }
    .parallax {
        height: 150px;
        background-size: contain;
    }

/*-------------------------------------------*/
/*  Footer
/*-------------------------------------------*/
.footer div:first-child { margin-bottom: 10px; }

/*-------------------------------------------*/
/*  Page-top
/*-------------------------------------------*/
#page-top a {
    text-decoration: none;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 0px;
}

#page-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 67%;
    z-index: 9;
}

.signiture { 
    width: 120px;
 }

}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .content-head {
    margin: -7vh auto;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1280px) {
    .wrap {
        width: 100%;
        padding: 0 50px;
    }
  
}