@charset "utf-8";
@media all and (max-width: 768px){

/*================*/
html{
    font-size: 4vw;
    color: rgba(0,0,0,1);
    opacity: 0;
}
body{
    font-family: "Noto Sans JP",sans-serif;
    font-feature-settings: "palt" 1;
}
#wrap{
    position: relative;
}
main{
    position: relative;
}
section{
    position: relative;
}
section>.inner{
    position: relative;
}

/*================*/
br.pc{
    display: none;
}
a,
label{
    width: 100%;
    height: 100%;
    color: rgba(0,0,0,1);
}
figure,
.figelm{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-backface-visibility: hidden;
}

/*================*/
#svgdef{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}
svg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: rgba(0,0,0,0);
    stroke: rgba(0,0,0,0);
    stroke-width: 0;
    stroke-opacity: 1;
    stroke-linecap: round;
    stroke-linejoin: miter;
}

/*================*/
.scrollbardeco{
}

/*================*/
header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(255,255,255,1);
    z-index: 3;
}
header>.inner{
    position: relative;
    width: 100%;
    height: 100%;
}
/*--------*/
header .logobox{
    position: absolute;
    left: 0;
    top: 0;
    width: 190px;
    height: 100%;
}
header .logobox .myself{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
header .logobox .myself a{
}
header .logobox .myself span{
    position: absolute;
    left: 5px;
    top: 7px;
    width: 180px;
    height: 27px;
    background-image: url(../images/common/logo_site_01.svg);
}

/*================*/
.navigationbox{
    position: fixed;
    right: 0;
    top: 0;
    width: 70px;
    height: 40px;
    z-index: 4;
}
.navigationbox .navibtn{
    position: absolute;
    left: 15px;
    top: 10px;
    width: 40px;
    height: 20px;
}
.navigationbox .navibtn label{
}
.navigationbox .navibtn i{
    position: absolute;
    right: 0;
    height: 2px;
    background-color: rgba(0,0,0,1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-property: right,top,width,transform;
    transition-property: right,top,width,transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.navigationbox .navibtn i.n1{
    top: 5px;
    width: 100%;
}
.navigationbox .navibtn i.n2{
    top: 13px;
    width: 70%;
}
.navigationbox .navibtn label.open i.n1{
    top: 0;
    width: 70%;
    -webkit-transform: rotate(-36deg);
    transform: rotate(-36deg);
}
.navigationbox .navibtn label.open i.n2{
    top: 17px;
    width: 70%;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
}

/*================*/
footer{
    position: relative;
    width: 100%;
    text-align: center;
    background-color: rgba(245,245,245,1);
}
footer>.inner{
    position: relative;
    width: 88vw;
    margin: 0 auto 0 auto;
}
/*--------*/
footer .logobox{
    padding: 6vw 0 4vw 0;
}
footer .logobox p{
    display: inline-block;
    vertical-align: top;
    width: 20vw;
    height: 12.4vw;
}
footer .logobox p a{
}
footer .logobox p span{
    background-image: url(//www.jeki.co.jp/common/img/logo.png);
}
/*--------*/
footer .crbox{
    padding: 0 0 2vw 0;
}
footer .crbox p{
    display: inline-block;
    vertical-align: top;
    width: 44vw;
    height: 4vw;
}
footer .crbox p span{
    background-image: url(../images/common/txt_copyright.svg);
}
/*--------*/
footer .menubox{
    padding: 0 0 7vw 0;
}
footer .menubox ul{
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto 0 auto;
}
footer .menubox ul>li{
    padding: 0 3vw 0 3vw;
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: rgba(0,0,0,1);
    margin: 3vw 0 0 0;
}
footer .menubox ul>li:nth-of-type(2),
footer .menubox ul>li:nth-of-type(5){
    border-width: 0 0 0 1px;
}
footer .menubox ul>li p{
    display: inline-block;
    vertical-align: top;
    padding: 0 0 1vw 0;
}
footer .menubox ul>li p a{
    text-decoration: underline;
}
footer .menubox ul>li p span{
    font-size: 0.8rem;
}
/*--------*/
footer .inqbox{
    padding: 0 0 18vw 0;
}
footer .inqbox .frame{
    width: 100%;
    padding: 3vw 3vw 5vw 3vw;
    text-align: left;
    background-color: rgba(255,255,255,1);
}
footer .inqbox .term{
    padding: 0 0 1vw 0;
}
footer .inqbox .term p{
    line-height: 1.4;
    font-size: 1.1rem;
    font-weight: 700;
}
footer .inqbox .caption{
}
footer .inqbox .caption p{
    display: inline-block;
    vertical-align: top;
    font-size: 0.74rem;
    padding: 0 0 0 1em;
    text-indent: -1em;
}
footer .inqbox .caption p:nth-of-type(1){
    margin: 0 0 1vw 0;
}

/*================*/
nav.machi{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 112vw;
}
nav.machi>.inner{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 88vw;
    height: 108vw;
    margin: calc(108vw / -2) 0 0 calc(88vw / -2);
}
/*--------*/
nav.machi .frame{
    width: 100%;
    height: 100%;
    letter-spacing: 0.11em;
}
/*--------*/
nav.machi .listbox{
    padding: 0 0 5vw 0;
}
nav.machi .listbox ul{
}
nav.machi .listbox ul>li{
    text-align: center;
}
nav.machi .listbox ul>li a{
}
nav.machi .listbox ul>li p{
    padding: 4vw 0 4vw 0;
    font-size: 1.6rem;
    font-weight: 700;
}
/*--------*/
nav.machi .inqbox{
    text-align: center;
}
nav.machi .inqbox .btnblock{
    display: inline-block;
    vertical-align: top;
    width: 84vw;
    height: 17vw;
}
nav.machi .inqbox .btnblock a{
}
nav.machi .inqbox .btnblock p{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 2vw 0 0 0;
    color: rgb(0,0,0,1);
    text-align: left;
    background-color: rgb(255,255,255,1);
    border-radius: 22vw;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
nav.machi .inqbox .btnblock p .icon{
    position: absolute;
    left: 6vw;
    top: 3vw;
    width: 11vw;
    height: 11vw;
}
nav.machi .inqbox .btnblock p .icon b{
    background-image: url(../images/common/icon_mail_01.svg);
}
nav.machi .inqbox .btnblock p .mark{
    position: absolute;
    right: 3vw;
    top: 7vw;
    width: 3vw;
    height: 3vw;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
nav.machi .inqbox .btnblock p .mark>svg{
    stroke: rgba(0,0,0,1);
    stroke-width: 3;
}
nav.machi .inqbox .btnblock p span{
    display: block;
    font-weight: 700;
    padding: 0 0 0 20vw;
}
nav.machi .inqbox .btnblock p span.n1{
    line-height: 1.2;
    font-size: 0.8rem;
    letter-spacing: -0.03em;
}
nav.machi .inqbox .btnblock p span.n2{
    font-size: 1.2rem;
}
/*--------*/
nav.machi .inqbox .noteblock{
    padding: 3vw 0 6vw 0;
}
nav.machi .inqbox .noteblock .term{
    padding: 0 0 2vw 0;
}
nav.machi .inqbox .noteblock .term p{
    line-height: 1.4;
    font-size: 1.0rem;
    font-weight: 700;
}
nav.machi .inqbox .noteblock .caption{
    text-align: left;
}
nav.machi .inqbox .noteblock .caption p{
    display: inline-block;
    vertical-align: top;
    line-height: 1.3;
    font-size: 0.74rem;
    padding: 0 0 0 1em;
    text-indent: -1em;
}
nav.machi .inqbox .noteblock .caption p:nth-of-type(1){
    padding: 0 0 2vw 1em;
}

/*================*/
.mybreadcrumb{
    border-style: solid;
    border-width: 0.3vw 0 0 0;
    border-color: rgba(220,220,220,1);
}
.mybreadcrumb>.inner{
    width: 88vw;
    margin: 0 auto 0 auto;
}
/*--------*/
.mybreadcrumb .linkbox{
    line-height: 1.5;
    padding: 5vw 0 5vw 0;
    font-size: 1.0rem;
}
.mybreadcrumb .linkbox a{
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    text-decoration: underline;
}
.mybreadcrumb .linkbox span{
    display: inline-block;
    vertical-align: top;
}
.mybreadcrumb .linkbox i{
    display: inline-block;
    vertical-align: top;
    margin: 0 1vw 0 1vw;
}

/*================*/
.pagetopscroller{
    position: fixed;
    right: 10px;
    bottom: -100px;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    background-color: rgba(0,0,0,1);
    z-index: 1;
    -webkit-transition-property: bottom;
    transition-property: bottom;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.pagetopscroller.appear{
    bottom: 10px;
}
.pagetopscroller i{
    position: absolute;
    left: 8px;
    top: 11px;
    width: 28px;
    height: 19px;
}
.pagetopscroller i>svg{
    stroke: rgba(255,255,255,1);
    stroke-width: 1.5;
}


} /* End of media query */