@charset "utf-8";
/* CSS Document */
#campaing {
    padding: 80px 0;
}
            .simgcenter {
                    margin: 60px auto 20px;
                width: 50%;
            }
.sp {display: none}
            nav a:hover:before {
                height: 15px;
                background:#f49d0c;
                width: 1px;
                position: absolute;
                bottom: -25px;
                left: 50%;
                content: "";
                z-index: 2
            }
             nav span.remark a:hover:before {
                  content: "> ";
                 background: none;
                 position: relative;
                 left: 0;
                 bottom: auto;
            }
            nav li {
    position: relative;
}
nav li:nth-child(4) span.remark {
    display: none;
}
nav li:nth-child(4):hover span.remark {
    background: rgba(255,255,255,0.8);
    display: block;
    position: absolute;
    top: 15px;
    width: 340px;
    left: 50%;
    margin-left: -170px;
    padding-top: 28px;
    z-index: 1
}
    span.remark ul {        
    justify-content: space-between;
    flex-wrap: wrap;
        display: flex;
         border: 1px solid #f49d0c;
        padding: 20px;
            }
            span.remark ul li:nth-child(odd) {        
                width: 55%;
                    padding: 5px 0;
            }
            span.remark ul li:nth-child(even) {
                 width: 45%;
                    padding: 5px 0;
            }
             span.remark ul li:nth-child(n+7) {    
                 width: 100%;
            }
            span.remark ul li a:before {
                content: "> ";
            }
   body {
                margin: 0 auto;
                padding: 0;
               font-family: 'Noto Sans JP', sans-serif;
                letter-spacing: 0.1em
            }
            .dg {
             font-family: 'Didact Gothic', sans-serif;
            }
            .pf {
               font-family: 'Playfair Display', serif;
            }
            a {
                color: #000;
                text-decoration: none;
            }
            a:hover img {
                opacity: 0.5;
            }
            ul,li {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            h1,h2,h3,h4,h5,p {
                margin: 0 auto;
            }
            .wrap {
                width: 1200px;
                margin: 0 auto;
                position: relative;
            }
            header {
                padding: 20px 0 10px
            }
           header .wrap,nav ul {
                display: flex;
                justify-content: space-between;
                   align-items: center;
            }
            .logo {
                width: 21%;
                margin: 0;
            }
            nav {
                width: 73%;
                margin: 0;
                font-family: 'Didact Gothic', sans-serif;
    font-weight: bold;
    font-size: 0.85rem;
    letter-spacing: 0.1em;
            }
            nav ul a{
                display: block;
            }
.fadein {
    position: fixed;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 3px 18px -6px rgb(0 0 0 / 60%);
        background: #FFF;
    top: 0
}
           
  .floatrigt {
                position: fixed;
                right: 0;
                top: 125px;
                z-index: 99;
            }
            .floatrigt li:first-child {
                margin-right: 50px;
                margin-bottom: 15px;
            }
			.floatrigt li:nth-child(2),
            .floatrigt li:last-child {
                text-align: right;
            }
            #topfv {
                background: url("/img/common/fv.jpg") no-repeat top center;
                padding: 427px 0 215px;
            }
            .fvbtext {
                font-size: 1.8rem;
    letter-spacing: 0.3em;
    font-weight: normal;
    border-bottom: 2px solid #f49d0c;
    display: initial;
    padding-right: 10px;
    padding-bottom: 5px;
            }
            .fvbtext span {
                position: relative;
                    padding-left: 90px;
                    left: 20px;
            }
            .fvbtext span:before,.fvbtext span:after {
    width: 150px;
    height: 1px;
    background: #000;
    position: absolute;
    content: "";
    left: -40px;
    top: 25px;
            }
            .fvbtext span:before {
                transform: rotate(-45deg)
            }
            .fvbtext span:after {
                transform: rotate(45deg)
            }
            #topfv .redunderline {
                margin: 80px auto 0 0;
    width: 42%;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 1.1rem;
            }
            .redunderline {
                position: relative;
            }
            .redunderline:before {
width: 80%;
    height: 10px;
    background: #e8465a;
    content: "";
    position: absolute;
    left: 10%;
    bottom: -2px;
    opacity: 0.5;
            }
  #topnews {
                width: 1200px;
                margin: 0 auto;
                position: relative;
            }
            #topnews .wrap {
                    width: 45%;
    background: rgba(255,255,255,0.5);
    padding: 50px 30px 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -70px 0 0 -50px;
            }
             #topnews .wrap ul {
                 height: 100px;
    padding: 10px 0;
    overflow-y: scroll;
    width: 70%;
            }
            .pfttl {
                font-size: 1.4rem;
    border-bottom: 1px solid #f49d0c;
    padding-bottom: 7px;
            }
              #topnews .wrap ul li a{
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
            }
            .day {
                margin: 0;
    border-right: 1px solid #000;
    width: 32%;
    font-weight: bold;
    letter-spacing: 0.2em;
                font-family: 'Didact Gothic', sans-serif;
                font-size: 1rem;
                margin: 10px 0;
    line-height: 1em;
            }
            .newsttl {
                margin: 10px 0;
    text-align: left;
    width: 62%;
            }
            
            ::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
  background: #f1f1f1;
  border: none; 
}
::-webkit-scrollbar-thumb{
  background: #f49d0c;
  box-shadow: none;
}
 .engttl {
                    font-size: 8rem;
    font-weight: lighter;
    letter-spacing: 0.3rem;
    color: #fee1e6;
    font-family: 'Lato', sans-serif;
    text-align: center;
    line-height: 1em;
            }
            #concept {
                position: relative;
                background: url("/img/common/s1bg.jpg") no-repeat center bottom;
                    background-size: contain;
                padding-bottom: 100px;
                    
            }
            #concept:before {
                background: url("/img/common/s1img1.jpg") no-repeat;
                width: 780px;
                height: 679px;
                position: absolute;
                right: 0;
                top: 200px;
                content: "";
                z-index: -2
            }
            .conleftbox {
                width: 50%;
                margin: 80px auto 80px 0;
                text-align: left
            }
            .bttl {
                    font-weight: bold;
    font-size: 1.2rem;
    margin: 40px auto;
    line-height: 2em;
            }
            .yunderline {
                position: relative;
            }
            .yunderline:before {
                background: #fff32b;
                position: absolute;
                left: 0;
                bottom: -5px;
                width: 100%;
                height: 10px;
            content: "";
                z-index: -1
            }
            .pfttl span {
            font-family: 'Noto Sans JP', sans-serif;
    padding-left: 20px;
    font-weight: lighter;
    font-size: 0.9rem;
            }
            #concept .pfttl {
                    width: 75%;
    margin: 0;
            }
            
            p.ntext {
                font-size: 0.85rem;
    line-height: 2.2em;
    padding-bottom: 1.5rem;
            }
            #concept ul {
                display: flex;
                justify-content: space-between;
                position: relative;
            }
            #concept ul.con3:before {
                background: url("/img/common/s1img2.jpg") no-repeat;
                content: "";
                width: 220px;
                height: 220px;
                position: absolute;
                right: 0;
                top: 140px;
            }
            #concept ul.con3 li:nth-child(2){
                margin-top: 260px;
            }
            #concept ul.con3 li:last-child{
                margin-top: 460px;
            }
            #concept ul.con2 {
                 margin: -200px 0 160px -50px;
    width: 90%;
            }
            #concept ul.con2 li:last-child {
                bottom: -40px;
                position: absolute;
                right: 0
            }
            a.btn {
                padding: 20px 0;
                width: 30%;
                margin: 0 auto;
                display: block;
                text-align: center;
                border: 1px solid #f49d0c;
                position: relative;
                    font-weight: bold;
            }
            a.btn:before {
    width: 50px;
    height: 1px;
    content: "";
    background: #000;
    position: absolute;
    right: 10%;
    top: 49%;
            }
            a.btn:hover {
                background: #f49d0c;
                color: #FFF;
                border: 1px solid #f49d0c;
            }
         a.btn:hover:before {
             background: #FFF;
            }

 #menu {
                padding-top: 120px;
                text-align: center
            }
             #menu .pfttl {
                 width: 35%;
            }
            .ladymenu,.menmenu {
                position: relative;
                    padding: 90px 0;
                    margin: 100px auto;
            }
            .ladymenu:before {
                background: url("/img/common/s2bg.jpg") no-repeat;
                position: absolute;
                left: 0;
                top: 0;
                width: 1150px;
                height: 824px;
                content: "";
            }
             .menmenu:before {
                background:url("/img/common/s2bg2.jpg") no-repeat;
                position: absolute;
                right: 0;
                top: 0;
                width: 1149px;
                height: 710px;
                content: "";
            }
            .ladymenu .engttl {
                    position: absolute;
    text-align: left;
    right: 0;
    top: -150px;
                mix-blend-mode: multiply;
                z-index: 1
            }
            #menu .ladymenu .pfttl ,#menu .menmenu .pfttl {
                border: none;
    font-size: 2.2rem;
    margin: 0;
    width: 100%;
    text-align: left;
            }
            .ladymenu .pfttl span,.menmenu .pfttl span{
                vertical-align: middle;
            }
            .ladymenu ul,.menmenu ul{
            display: flex;
    justify-content: space-between;
                flex-wrap: wrap;
                width: 75%;
                    margin-top: 70px;
                position: relative;
            }
            .ladymenu ul li {
                width: 33.3333%;
                margin: 0;
                height: 420px;
                position: relative;
            }
            .menmenu ul li{
                width: 47%;
                margin: 0;
                position: relative;
                height: 421px;
            }
            .ladymenu ul li:first-child {
                background: url("/img/common/s2btn1.jpg") no-repeat;
                   
            }
            .ladymenu ul li:nth-child(2) {
                background: url("/img/common/s2btn2.jpg") no-repeat;
                margin-top: 90px;
            }
            .ladymenu ul li:nth-child(5) {
                background: url("/img/common/s2btn4.jpg") no-repeat;
                 margin-top: 100px;
            }
            .ladymenu ul li:nth-child(6) {
                background: url("/img/common/s2btn3.jpg") no-repeat;
                margin-top: 45px;
            }
            .ladymenu ul li:nth-child(7) {
                background: url("/img/common/s2btn9.jpg") no-repeat;
                margin-top: 45px;
                position: absolute;
                    right: -33%;
    top: 230px;
            }
            .ladymenu ul li:nth-child(3) {
                background: url("/img/common/s2btn7.jpg") no-repeat;
                 margin-top: 45px;
            }
            .ladymenu ul li:nth-child(4) {
                background: url("/img/common/s2btn8.jpg") no-repeat;
                margin-top: 45px;
            }
            .menmenu ul li:first-child{
                 background: url("/img/common/s2btn5.jpg") no-repeat;
            }
            .menmenu ul li:last-child{
                 background: url("/img/common/s2btn6.jpg") no-repeat;
            }
            .ladymenu ul li a,
            .menmenu ul li a{
                    position: absolute;
    top: 32%;
    border: 1px solid #fff;
    color: #FFF;
    text-align: center;
    padding-bottom: 20px;
    width: 70%;
    left: 15%;
    height: 140px;
                display: block
            }
             .menmenu ul li a{
                width: 55%;
    left: 22.5%;
            }
            .ladymenu ul li a:hover,
            .menmenu ul li a:hover{
             background: rgba(243,152,0,0.7);
            }
            .ladymenu ul li p.wlinelink,
            .menmenu ul li p.wlinelink{
                position: relative;
    top: 32%;
            }
            .ladymenu ul li:nth-child(2) p.wlinelink {
                top: 22%;
            }
            .ladymenu ul li p.wlinelink span,
            .menmenu ul li p.wlinelink span{
                font-size: 80%;
    font-weight: lighter;
    font-family: 'Didact Gothic', sans-serif;
                position: relative;
    top: 5px;
            }
            .ladymenu ul li p.wlinelinkbtn,
            .menmenu ul li p.wlinelinkbtn{
background: rgba(243,152,0,0.9);
    width: 100%;
    padding: 7px 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.8rem;
            }
                        .ladymenu ul li p.wlinelinkbtn:before,
            .menmenu ul li p.wlinelinkbtn:before{
                            background: #fff;
                            width: 30px;
                            height: 1px;
                            content: "";
                            position: absolute;
                            right: 10%;
                            top: 49%;
            }
            
            .menmenu .engttl {
                left: 0;
                top:-80px;
                position: absolute;
                text-align: left;
                mix-blend-mode: multiply;
            }
            #menu .menmenu .pfttl {
                text-align: right
            }
            .menmenu ul {
                width: 75%;
    margin: 60px 0 0 auto;
            }
 #flow {
                background: url("/img/common/s3bg.jpg") no-repeat bottom center;
                   background-size: contain;
    margin-top: 100px;
    padding-bottom: 500px;
            }
            #flow .engttl {
                text-align: left;
                width: 84%;
            }
            .flowinner {
                   width: 43%;
    margin: 50px auto 0 16%;
            }
            #flow ul {
                position: relative;
            }
            #flow ul li {
                border: 1px solid #f49d0c;
                border-radius: 50%;
                width: 300px;
                height: 300px;
                position: absolute;
                text-align: center
            }
            #flow ul li:first-child {
                left: -50px;
            }
            #flow ul li:nth-child(2) {
                top: 95px;
                left: 280px;
            }
            #flow ul li:nth-child(3) {
                top: 65px;
                right: 280px;
            }
            #flow ul li:nth-child(4) {
                top: -155px;
                right: 10px;
            }
            #flow ul li:last-child {
                top: -510px;
                right: -50px;
            }
            .flownum {
                font-size: 4rem;
    font-family: 'Playfair Display', serif;
    margin: -55px auto 20px;
    transform: scale(0.8, 1.1);
            }
            #flow ul li .bttl {
            margin: 0 auto;
    font-size: 1.1rem;
            }
            #flow ul li .ntext {
           font-size: 0.85rem;
    line-height: 1.6em;
    width: 80%;
    margin-top: 20px;
    letter-spacing: -0.1em;
            }
  #item {
                margin: 100px auto 200px;
    text-align: center;
            }
             #item .engttl{
                mix-blend-mode: multiply;
    margin-bottom: -50px;
    z-index: 99;
    position: relative;
            }
            #item .pfttl span {
                padding-left: 0;
            }
            #item .pfttl {
                width: 40%;
                margin: 0 auto 50px;
            }
            .prev-arrow {
    position: absolute;
    bottom: -55px;
    left: 30%;
}
            .next-arrow {
    position: absolute;
    bottom: -55px;
    right: 25%;
}
            .slick-dots {
                display: flex;
                justify-content: space-between;
                    width: 0;
    height: 0;
            }     
       .slick-dots:before {
    width: 110px;
    height: 1px;
    content: "";
    position: absolute;
    transform: rotate( 
-50deg);
    background: #a8a8a8;
    bottom: -35px;
    left: 47%;
}
            .slick-dots:after {
    width: 70px;
    height: 1px;
    content: "5";
    position: absolute;
    bottom: -20px;
    font-size: 3.5rem;
    left: 51%;
    font-weight: lighter;
    color: #a8a8a8;
    font-family: 'Lato', sans-serif;
}
            .slick-dots button:after {
    position: absolute;
        bottom: -30px;
    left: 1095px;
    font-weight: lighter;
    color: #f39800;
    font-family: 'Lato', sans-serif;
    z-index: 999;
    font-size: 3rem;
}
   .slick-dots button {
    width: 0;
    height: 0;
    border: none;
    background: #FFF;
    text-indent: -999px;
    position: absolute;
    margin: 0 auto;
    left: 0;
}
        .slick-dots li:first-child.slick-active button:after {
    content: "1";
} 
            .slick-dots li:nth-child(2).slick-active button:after {
    content: "2";
}   
             .slick-dots li:nth-child(3).slick-active button:after {
    content: "3";
}
             .slick-dots li:nth-child(4).slick-active button:after {
    content: "4";
}
            .slick-dots li:nth-child(5).slick-active button:after {
    content: "5";
}
            .slider li {
                text-align: center
            }
            .slider li.slick-slide img {
                    display: inline-block;
            }
            .slider li .bttl {
            margin: 10px auto;
    font-size: 0.8rem;
    line-height: 1.4em;
    width: 85%;
            }
            .slider li .ntext {
              width: 85%;
    font-size: 0.75rem;
    line-height: 1.8em;
    font-weight: lighter;
    letter-spacing: 0.1em;
            }
  #otherpage ul {
                display: flex;
                justify-content:center;
                margin: 80px auto;
				flex-wrap: wrap;
            }
			
  #otherpage ul li:last-child {
  margin-top: 20px;
  }
            #otherpage ul li{
                margin: 0;
                         }
    #voice {
                margin: 100px auto;
            }
            #voice .engttl {
                text-align: left;
                    position: relative;
    left: -15px;
            }
            #voice  .pfttl {
            display: inline-block;
    margin-top: 20px;
            }
            .voicearea {
                border: 1px solid #d9d9d9;
    width: 60%;
    padding: 160px 0;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: -100px;
            }
 #info {
                background: url("/img/common/s4bg.jpg") no-repeat top;
                background-size: cover;
                position: relative;
                margin: 250px auto 100px;
            }
              #info:before {
                  background: url("/img/common/s4img.jpg") no-repeat;
                  width: 589px;
                  height: 600px;
                  position: absolute;
                  content: "";
                  right: 0px;
                  top: 100px;
                  mix-blend-mode: multiply;
            }
            .infotebox {
                     margin: 0 auto;
    padding: 180px 0 0;
    width: 84%;
            }
            .infotebox .pfttl {
                 width: 50%;
                 margin: 0 auto 0 0
            }
             .infotebox ul {
                 display: flex;
                 justify-content: space-between;
                 flex-wrap: wrap;
                     margin: 40px auto 0 0;
    align-items: center;
                 width: 50%;
            }
            .infotebox ul li:nth-child(odd) {
                   width: 20%;
    font-family: 'Didact Gothic', sans-serif;
    font-weight: bold;
    font-size: 0.9rem;
            }
            .infotebox ul li:nth-child(even) {
                    width: 75%;
    margin: 15px auto;
    font-size: 0.9rem;
    line-height: 1.8em;
    letter-spacing: 0em;
            }
            #info .engttl {
            position: absolute;
    right: 0;
    text-align: left;
    top: -70px;
                mix-blend-mode: multiply;
            }
            .infotebox a.btn {
            margin: 30px auto 0 10%;
            }
            .access {
                    position: relative;
    text-align: center;
    margin: 200px auto 0px;
    padding-bottom: 125px;
            }
            #info .access .pfttl {
                text-align: center;
                border-bottom:none;
                position: relative;
                    margin-bottom: 30px;
                    display: inline-block;
    padding: 0 5px;
            }
            #info .access .pfttl:before {
               background: #fff32b;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: -2px;
    left: 0;
    content: "";
    mix-blend-mode: multiply;
            }
            
            .access img {
                position: absolute;
                left: 0;
                   top: -65px;
    mix-blend-mode: multiply;
            }
            .access .map {
                width: 84%;
            }
 #contact {
                text-align: center;
    margin: 100px auto;
            }
            #contact .pfttl {
                display:inline-block;
                width: 30%;
                margin: 0 auto;
            }
            #contact  .pfttl span {padding-left: 0;}
            .conttel {
    font-size: 2.2rem;
    padding-bottom: 5px;
    font-weight: bold;
    letter-spacing: 0.15em;
    margin: 30px auto 10px;
    line-height: 0.9em;
            }
    .telobox {
        border: 1px solid #f39800;
        width: 60%;
        margin: 0 auto 50px;
           padding: 20px 0 50px;
    }
    .telobox .yunderline {
        display: inline;
    }
.telobox p.ntext {
        line-height: 2em;
    padding-bottom: 0;
}
    .conttel span {
        font-size: 1rem;
    letter-spacing: 0.2em;
    }
            a.contbtn {
                padding: 20px 0;
                width: 30%;
                margin: 0 auto;
                display: block;
                text-align: center;
                border: 1px solid #000;
                background: #000;
                position: relative;
                    font-weight: bold;
                    font-family: 'Playfair Display', serif;
                color: #FFF;
                    font-size: 1.4rem;
            }
            a.contbtn:before {
    width: 50px;
    height: 1px;
    content: "";
    background: #fff;
    position: absolute;
    right: 10%;
    top: 49%;
            }
            a.contbtn:hover {
                background: #fff;
                color: #000;
                border: 1px solid #000;
            }
         a.contbtn:hover:before {
             background: #000;
            }
  footer {
                  background: url("/img/common/footbg.jpg") no-repeat bottom;
                  background-size: cover;
                  padding: 50px 0 0;
                  position: relative
              }
              footer .copy {
                  font-size: 0.9rem;
                  text-align: center;
                  padding-bottom: 5px;
                  margin-top: 60px;
              }
              footer .topjump a {
                  position: absolute;
                  right:0;
                  bottom: 0;
                  background: #f2a320;
                  padding: 15px 10px;
                  display: block;
              }
              .footinner,.footinner ul {
                  display: flex;
                  justify-content: space-between;
              }
              .footlogo {
                  width: 22%;
    margin: 0;
              }
              .footnav {
                  width: 73%;
                  font-weight: bold;
                      font-size: 0.9rem;
              }
              .footnav li {
                  width: 20%;
              }
              .footnav li:nth-child(4) {
                  width: 28%;
              }
               .footnav li:last-child {
                   width: 12%;
              }
              .footnav li:before {
                  content: "> ";
              }
              .footinner ul.fnav2 {
                  justify-content: flex-end;
                  margin-bottom: 60px;
                  margin-top: -1.5rem;
              }
              .footnav li ul{
                  flex-wrap: wrap;
                      font-size: 0.7rem;
              }
              .footnav li ul li:nth-child(odd),
              .footnav li ul li:nth-child(4) {
                  width: 58%;
                  font-weight: normal;
                      padding: 5px 0;
              }
              .footnav li ul li:nth-child(even) {
                  width: 42%;
                  font-weight: normal;
                      padding: 5px 0;
              }
           .footnav li ul li:nth-child(n+5) {
                   width: 100%;
              }
              .footnav li ul li:before {
                  display: none;
              }


/*--------------------------------menu-----------------*/
            .menu #underfv ul li:first-child {
                width: 38%;
            }
            .menu #underfv ul li:first-child img {
                left: 0px;
                bottom: -200px;
            }
#menu .wrap{
    width: 1300px
            }
            

          .ladywrap .engttl {
                position: relative;
    top: -90px;
    margin-bottom: -90px;
            }
           .menwrap .engttl {
                 color: #d2e6ec;
                 position: relative;
    top: -90px;
    margin-bottom: -90px;
            }

        .mrboxall ul.menurltext {
            width: 93%;
                align-items: end;
        }
        .mrboxall ul.menurltext li:before {
    content: "";
}
        .mrboxall ul.menurltext.softpeeltext {
            width: 93%;
                align-items: flex-start;
        }
/**************************
 タブ切り替え
***************************/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
margin:5px 0;
}
#campaing .tab-wrap {
  display: block;
}

.tab-wrap:after {
  content: '';
  width: 100%;
 height: 1px;
  display: block;
  order: -1;
}



.tab-label {
    border-bottom: 1px solid #000;
  text-align: center;
  padding: .5em 1em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
}
               .tab-label img {
                   opacity: 0.5;
               }


.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    border: 1px solid #f39800;
    border-bottom:0;
}
                .tab-switch:checked+.tab-label img {
                   opacity: 1;
               }

.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px 0 0 0;
  opacity: 1;
  transition: .5s opacity;
}

/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}
    .tab-content .tab-switch:checked+.tab-label {
        background: #f39800;
        color: #FFF;
    border: 2px solid #fff;
        box-shadow: 0px 8px 8px -7px rgba(0,0,0,0.4);
}   
    .tab-content .tab-label {
    border: 2px solid #fff;
        background: #cfcccd;
  text-align: center;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
        border-radius: 50px;
        color: #FFF;
            font-size: 0.9em;
    padding:14px 0 5px;
    margin: 0 0.3%;
}
               .tab-switch:checked+.tab-label+.ladywrap,
               .tab-switch:checked+.tab-label+.menwrap{
    display: inline-table;
    margin-top: 100px;
               }
               
               .ladywrap {
               background: #fff9fa;
               }
             .menwrap {
               background: #f3fafd;
               }
               
               .blady {
                       margin-left: 11%;
               }
               .bmen {
                   margin-right: 11%;
               }
               .tab-content .tab-label.lsl {
                   margin-left: 4%;
               }
               .tab-content .tab-label.lsr {
                   margin-right: 4%;
                   line-height: 1rem;
                       padding: 7px 0 10px;
               }
               .tab-content .bttl {
               margin: 40px auto 10px;
               }
               .tab-content .ntext span {
                   font-weight: bold;
                   border-bottom: 1px solid #f39800
               }
               .menuinnerbox {
                       width: 1200px;
    margin: 20px auto 50px;
    display: flex;
    justify-content: space-between;
    background: #fdf0f2;
    border: 4px solid #FFF;
               }
               .menmenuinnerbox {
                   background: #e7f0f4
               }
               .menuleft {
                   margin: 40px 0 40px 40px;
    text-align: left;
               }
               .mlttl {
                       font-size: 2.2em;
    margin: 20px auto 10px;
    letter-spacing: 0.2em;
    font-weight: lighter;
    line-height: 1em;
               }
               .mlttl span{
                   color: #f39800;
               }
               .menmenuinnerbox .mlttl span {
                   color: #99b8c2;
               }
               .mlttlunder {
                   color: #a8a8a8;
    font-size: 0.85rem;
    margin-bottom: 20px;
               }
               .menuright {
               margin: 30px 40px;
    width: 65%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
                   }
               .mrbox {
                   background: #FFF;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 25px 0;
    align-items: center;
    width: 49%;
    margin: 10px 0;
               }
               .mrttl {
              width: 42%;
    margin-left: 8%;
    text-align: left;
    font-weight: bold;
    font-size: 1.2rem;
               }
               .mrp {
               width: 42%;
    margin-right: 8%;
    text-align: right;
                   color: #f39800;
                       font-family: 'Lato', sans-serif;
                   font-weight: bold;
                       font-size: 1.6rem;
               }
               .mrp span {
                       font-size: 70%;
               }
               .mrp span.mrpb {
               font-size: 65%;
    color: #000;
    padding-right: 6px;
               }
               .mrtext {
                   width: 85%;
    text-align: left;
    font-size: 0.85rem;
    margin: 10px auto 0;
    line-height: 1.7rem;
               }
               .mrboxall {
                   width: 100%;
               }
               .mrsttl {
               margin: 30px auto 5px;
    width: 85%;
    border-bottom: 1px solid #f39800;
    text-align: left;
    padding-bottom: 5px;
    font-size: 0.9rem;
    font-weight: 700;
               }
               .mrboxall ul{
               width: 84%;
    margin: 15px auto 10px;
    display: flex;
    justify-content: flex-start;
    font-size: 0.9rem;
               }
               .mrboxall ul li {
                   padding-right: 20px;
               }
               .mrboxall ul li:before{
                   content: "●";
                   color: #f39800;
               }
               .tab-content .tab-label.mrl {
                   margin-left: 35%;
    margin-right: 1%;
               }
               .tab-content .tab-label.msr {
                   margin-right: 35%;
    margin-left: 1%;
               }

            #campaing .wrap {
                width: 1300px;
            }
            #campaing .tab-switch:checked+.tab-label+.ladywrap,
            #campaing .tab-switch:checked+.tab-label+.menwrap {
                text-align: center;
                    padding-bottom: 80px;
            }
            #campaing .camttl {
                position: relative;
    top: -60px;
    margin-bottom: -60px;
            }
            #campaing ul {
    width: 70%;
    margin: 0 auto; 
            }

  #campaing ul li{
      margin:  0 10px 0;
}
#campaing ul li img{
    width: 100%;
}
            .camdrop {
                    position: absolute;
    left: -50px;
    top: 110px;
    mix-blend-mode: multiply;
                z-index: 1
            }
            #campaing p span.ntext {
                font-size: 70%;
    font-weight: normal;                
    padding-left: 10px;
            }
            
            #modalcampaing {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px 10px;
  text-align: center
}

#modalcampaing:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

#modalcampaing:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

#modalcampaing::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

#modalcampaing .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  max-width: 1310px;
  padding: 30px 0 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}
                #campaing .blady {
                          width: 60%;
    margin: 0 auto;
    display: block;
               }
#campaing .tab-content .bttl {margin: 0 auto;
display: none}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, .8)
}

.modal-wrapper .modal-close {
    z-index: 20;
    position: absolute;
    top: -20px;
    right: 10px;
    color: #000;
    font-size: 5rem;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    font-weight: lighter;
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38!important
}