body {
    background-color: rgba(250,250,250,1.00);
    font-family: YakuHanJP , 'Noto Sans JP';
    box-sizing: border-box;
    }


.wap #works h1 {
    padding-top: calc(40 / 980 * 100%);
    padding-bottom: calc(16 / 980 * 100%);
}


@media (max-width:768px){
    .wap #works h1 {
font-size: calc(50 / 750 * 100vw);
    padding-top: calc(50 / 750 * 100%);
    padding-bottom: calc(20 / 750 * 100%);
}
    .wap .home02 h1::after {
        border-bottom-width: 0.1em;        
    }

}
.home02 {
    width: 100%;
}


.wap .main1,
.wap .main2 {
    width: calc(980 / 1180 * 100%);
    margin: 0 auto;
    max-width: 980px;
    text-align: center;
}

.wap .main1 h2 {
    font-family: 'Oswald', sans-serif;
    max-width: calc(600 / 980 * 100%);
    margin: calc(15 / 980 * 100%) auto;
    color:  #333333;
    font-size: 2.25em;
    font-weight: 400;
}

.wap .main2 h2 {
    margin: calc(59 / 980 * 100%) auto calc(17 / 980 * 100%);
    max-width: calc(600 / 980 * 100%);
    color:rgba(51,51,51,1.00)
}

.wap .main1 p {
    font-size: 0.938em;
    font-weight: 500;
    line-height: 2.133;
    text-align: justify;
    margin: 0 auto calc(59 / 980 * 100%);
    max-width: calc(600 / 980 * 100%);
    color:rgba(51,51,51,1.00)
}
.wap .main2 p {
    line-height: 2;
}
.wap .main1 .cont {
    width: calc(980 / 1180 * 100%);
    margin: 0 auto;
    max-width: 980px;
}
.wap .main2 {
    border-top: 1px solid rgba(238,238,238,1.00);
}
.wap .main2 h2 {
    color: rgba(153,153,153,1.00);
    font-size: 1em;
    font-weight: 700;
}

.wap .main2 .main2_h {
    color: rgba(51,51,51,1.00);
    font-size: 1.625em;
    font-weight: 500;
    margin-bottom: calc(20 / 980 * 100%);
}

.wap .main2 .imgWrap {
    width: 100%;
    margin: 0 auto;
    max-width: 980px;
    margin-top: calc(39 / 980 * 100%);
    margin-bottom: calc(39 / 980 * 100%);
}
.wap .main2 .imgWrap img {
    width: calc(480 / 980 * 100%);
    margin: 0 auto;
    max-width: 480px;
}
.wap .main2 .cont {
    width: 100%;
    margin: calc(59 / 980 * 100%) auto calc(100 / 980 * 100%);
    max-width: 980px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.wap .main2 .cont_l,
.wap .main2 .cont_r {
    position: relative;
    width: calc(480 / 980 * 100%);
    max-width: 480px;
    height: 100%;
    z-index: 0;
    display: inline-block;
    color: rgba(51,51,51,1.00);
}
 
/*.wap .main2 .cont_l:before,
.wap .main2 .cont_r:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: calc((521 / 480) * 100%);
  }*/

.wap .main2 .cont_l .in,
.wap .main2 .cont_r .in {
    margin: 0 auto;
    display: flex;
    align-content: space-between;
    flex-direction: column;
    text-align: left;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: calc(40 / 480 * 100%);
    box-sizing: border-box;
}

.wap .main2 .cont_l ul,
.wap .main2 .cont_r ul {
   list-style: none;
}
.cont_h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 2.188em;
    font-weight: 400;
    line-height: 1.143;
    margin-bottom: calc(20 / 480 * 100%);
}
.cont_h2 {
    font-size: 0.813em;
    font-weight: 400;
    line-height: 2;
    margin-bottom: calc(20 / 480 * 100%);
}

.wap .main2 .cont_l .cont_h2 {
    margin-bottom: calc(2em + 20 / 480 * 100%);
}
.wap .main2 .cont_r .cont_h2 {
    margin-bottom: calc(20 / 480 * 100%);
}

.wap .main2 .cont_l ul li,
.wap .main2 .cont_r ul li {
    padding-top: calc(20 / 480 * 100%);
    padding-bottom: calc(20 / 480 * 100%);
    border-top: 1px solid rgba(238,238,238,1.00);
    box-sizing: border-box;
}


.wap .main2 .cont_l ul li p:first-of-type,
.wap .main2 .cont_r ul li p:first-of-type {
    color:rgba(51,51,51,1.00);
    font-size: 0.938em;
    font-weight: 700;
    line-height: 1.667;
}
.wap .main2 .cont_l ul li p,
.wap .main2 .cont_r ul li p {
    color: rgba(153,153,153,1.00);
    font-size: 0.813em;
    font-weight: 500;
    line-height: 1.923;
}


.access {
    width: 100%;
    margin: 0 auto;
    background-color: rgba(255,255,255,1.00);
    }

.aboutBotmWap {
    width: 100%;
    margin: 0 auto;
    background-color: rgba(255,255,255,1.00);
    }

.accessInfo,
.accessInfo2 {
    width: calc(760 / 1180 * 100%);
    max-width: 760px;
    margin: 0 auto;
    }

.aboutBotm {
    width: calc(760 / 1180 * 100%);
    margin: 0 auto;
    max-width: 760px;
}
.aboutBotm h1 {
    font-size: 1.625em;
    font-weight: 700;
    line-height: 1.538;
    margin-bottom: calc(20 / 480 * 100%);
    padding-top: calc(100 / 980 * 100%);
}
.aboutBotm_wap2 {
    display: flex;
    align-content: space-between;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    border-top: 1px solid rgba(238,238,238,1.00);
    border-bottom: 1px solid rgba(238,238,238,1.00);
}

.aboutBotm_l {
    width: calc(180 / 760 * 100%);
    max-width: 140px;
    padding-right: calc(40 / 760 * 100%);
    color: rgba(153,153,153,1.00);
}
.aboutBotm_r {
    width: calc(582 / 760 * 100%);
    max-width: 582px;
}

.aboutBotm_r ul,
.aboutBotm_l ul {
   list-style: none;
}
.aboutBotm_r ul li,
.aboutBotm_l ul li {
    border-bottom: 1px solid rgba(238,238,238,1.00);
    padding: 1.25em 0;
    /*padding: calc(20 / 582 * 100%) 0;*/
}
.aboutBotm_l ul li {
   /* padding: calc(20 / 140 * 100%) 0;*/
}

.aboutBotm_r ul li:last-of-type ,
.aboutBotm_l ul li:last-of-type {
    border-bottom: 1px solid rgba(238,238,238,0.00);
}

.aboutBotm_r ul li ul li {
    position: relative;
    margin-left:  1.5em;
    border-bottom: 1px solid rgba(238,238,238,0.00);
    padding: 0 0 0.5em 0;
    
}
.aboutBotm_r ul li ul li::before {
    content: "ー ";
    position: absolute;
    left: -1.5em;
    color:  #999999;

}

.access h1 {
    font-size: 1.625em;
    font-weight: 700;
    line-height: 1.538;
    padding-top: calc(80 / 760 * 100%);
    margin-bottom: calc(20 / 760 * 100%);
}
.access .accessInfo p {
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.857;
    margin-bottom: calc(20 / 760 * 100%);
}
.access .accessInfo2 p {
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.857;
    margin: calc(20 / 760 * 100%) 0;
}
.fotGmap.blankmap:hover {
    text-decoration: underline;
}


.fotGmap span {
    font-size: 0.813em;
    font-weight: 500;
    line-height: 1.538;
}

.fotGmap img {
    margin-right: calc(10 / 760 * 100%);
    width: calc(20 / 760 * 100%);
    vertical-align: middle;
}
.access .accessInfo2 div {
    padding-bottom: calc(100 / 760 * 100%);
}

.gmap,
.gmap iframe {
    width: 100vw;
}

@media (max-width:768px){
    .wap .main1{
    width: calc(600 / 750 * 100vw); 
}
    .wap .main2 {
    width: calc(670 / 750 * 100vw);  
}
.wap .main1 h2 {
    max-width: calc(670 / 750 * 100vw);
   /*  margin: calc(48 / 750 * 100vw) auto;*/
   margin: calc(38 / 750 * 100vw) auto;
    font-size: calc(50 / 750 * 100vw);
    
}
.wap .main1 p {
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.923;
    margin: 0 auto calc(59 / 750 * 100vw);
    max-width: calc(600 / 750 * 100vw);
    }
.wap .main2 h2 {
     font-size: calc(30 / 750 * 100vw);
    max-width: calc(600 / 750 * 100vw);
    
}
        .wap .main2 p {
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.923;
text-align: justify;
    max-width: calc(600 / 750 * 100vw);
margin: 0 auto;
    }

    
    .wap .main2 .main2_h {
    font-size: calc(44 / 750 * 100vw);
        margin-bottom: calc(41 / 750 * 100vw);
    line-height: 1.923;
    text-align: center;
    }

.wap .main2 .imgWrap {
    width: 100%;
    margin: 0 auto;
    max-width: 670px;
    margin-top: calc(49 / 750 * 100vw);
    margin-bottom: calc(49 / 750 * 100vw);
    }

.wap .main2 .imgWrap img {
    width: calc(670 / 750 * 100vw);
    margin: 0 auto;
    max-width: 670px;
}
.wap .main2 .cont {
    margin: calc(59 / 750 * 100vw) auto calc(100 / 750 * 100vw);
    flex-direction: column;
}

.wap .main2 .cont_l, .wap .main2 .cont_r {
    position: relative;
    width: calc(670 / 750 * 100vw);
    max-width: 670px;
    height: 100%;
    z-index: 0;
    display: block;
}

.wap .main2 .cont_l .in, .wap .main2 .cont_r .in {
    padding: calc(59 / 750 * 100vw) calc(35 / 750 * 100vw);
    }

.wap .main2 .cont_h1 {
    text-align: left;
    font-size: calc(60 / 750 * 100vw);
    line-height: 0.667;
    margin: 0 0 calc(37 / 750 * 100vw) 0;
}
.wap .main2 .cont_l .cont_h2 {
    font-size: calc(24 / 750 * 100vw);
line-height: calc(40 / 750 * 100vw);
text-align: justify;
    margin: 0 0 calc(47 / 750 * 100vw) 0;
}

.wap .main2 .cont_l ul li, .wap .main2 .cont_r ul li {
    padding :  calc(37 / 750 * 100vw) 0;
    border-top: 1px solid rgba(238,238,238,1.00);
    box-sizing: border-box;
}
.wap .main2 .cont_l ul li p:first-of-type, .wap .main2 .cont_r ul li p:first-of-type {
    font-size: calc(30 / 750 * 100vw);
    line-height: calc(50 / 750 * 100vw);
    
    
    }
.wap .main2 .cont_l ul li p, .wap .main2 .cont_r ul li p {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(40 / 750 * 100vw);
} 
    
.aboutBotm {
    width:100vw;
    margin: 0 auto;
    max-width: calc(600 / 750 * 100vw);
}
.aboutBotm h1 {
    font-size: calc(46 / 750 * 100vw);
    line-height: calc(40 / 750 * 100vw);
    margin-bottom: calc(30 / 750 * 100vw);
    padding-top: calc(100 / 750 * 100vw);
    }
 .aboutBotm_r {
    width: calc(600 / 750 * 100vw);
    max-width: calc(600 / 750 * 100vw);
}   
  .aboutBotm_r ul li {
    padding: calc(18 / 750 * 100vw) 0;
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(44 / 750 * 100vw);

}  
  .aboutBotm_r ul li .sp_aboutBotm_l {
      color:  #999999;
    }

.accessInfo, .accessInfo2 {
    width: 100vw;
    max-width: 600px;
    margin: 0 auto;
}
.access h1 {
    font-size: calc(46 / 750 * 100vw);
    line-height: calc(40 / 750 * 100vw);
    padding-top: calc(100 / 750 * 100vw);
    margin: 0 auto calc(28 / 750 * 100vw);
        max-width: calc(600 / 750 * 100vw);
}    
  .access .accessInfo p {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(40 / 750 * 100vw);
    margin-bottom: calc(50 / 750 * 100vw);
    max-width: calc(600 / 750 * 100vw);
    margin: 0 auto;
}  
.access .accessInfo2 div {
    padding-bottom: calc(100 / 750 * 100vw);
    max-width: calc(600 / 750 * 100vw);
    margin: 0 auto;
} 
.access .accessInfo2 p {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(40 / 750 * 100vw);
    margin: calc(48 / 750 * 100vw) 0 calc(40 / 750 * 100vw);
}
.access .fotGmap span {
    font-size: calc(22 / 750 * 100vw);
    line-height: 1.728;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(250,250,250,1.00);
} 
.access .fotGmap img {
    width: calc(40 / 750 * 100vw);
    margin-right: calc(10 / 750 * 100vw);
    vertical-align: middle;
} 
}