@charset"utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* "*"
-------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}

/* "html"
-------------------------------------------------- */
html{
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 62.5%;
  box-sizing: border-box;
}

/* "body"
-------------------------------------------------- */
body {
/*  font-family: "noto-sans-cjk-jp", "Noto Sans JP", sans-serif;*/
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: -0.01rem;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 1.5rem;
  color: #141414;
}
body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}

/* "p"tag
-------------------------------------------------- */
p{
  font-size: 1.5rem;
  margin-bottom: 0;
}
p.p-txt{
  line-height: 2.0;
}

/* "a"tag
-------------------------------------------------- */
a{
  color: #000;
  text-decoration: none;
}

/* "li/ol/ul" Tag
-------------------------------------------------- */
ol li{
  font-size: 1.5rem;
  line-height: 1.8;
  margin-left: 2.0rem;
}
ul li{
  font-size: 1.5rem;
  list-style-type: none;
  line-height: 1.8;
}

/* "dt dd" Tag
-------------------------------------------------- */
dl dt,
dl dd{
  font-size: 1.5rem;
  line-height: 1.6;
}

/* decoration
-------------------------------------------------- */
.bold{
  font-weight: bold;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}

/* color
-------------------------------------------------- */
.white {
  color: #FFFFFF;
}
.red {
  color: #DE4830;
}
.blue {
  color: #156CA3;
}
.orange {
  color: #E9872E;
}
.green {
  color: #26AE90;
}
.brown {
  color: #AD8141;
}

/* margin
-------------------------------------------------- */
.mb0 {
  margin-bottom: 0;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb100 {
  margin-bottom: 100px;
}

/* forPC,forSP
-------------------------------------------------- */
.forPC{
  display: inline;
}
.forOnlyPC{
  display: inline;
}
.forPCTB{
  display: inline;
}
.forSP{
  display: none;
}
@media screen and (max-width: 960px) {
  .forOnlyPC{
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .forPC{
    display: none;
  }
  .forPCTB{
    display: inline;
  }
  .forSP{
    display: inline;
  }
}
@media screen and (max-width: 560px) {
  .forPCTB{
    display: none;
  }
}

/* wrapper
-------------------------------------------------- */
#wrapper{
  width: 100%;
  display: none;
}

/* inner
-------------------------------------------------- */
div.inner{
  max-width: 1030px;
  margin: 0 auto;
}

/* content
-------------------------------------------------- */
div.content{
  width: 97%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  div.content{
    width: 90%;
  } 
}

/* img
-------------------------------------------------- */
img{
  width: 100%;
  height: auto;
}

/* "h" tag
-------------------------------------------------- */
h3.h3-top-cmn{
  font-size: 2.8rem;
  line-height: 1.4;
  margin-bottom: 3.5rem;
  text-align: center;
  color: #104019;
}
h3.h3-top-cmn.wh{
  color: #fff;
  text-shadow: 1px 1px 3px #999;
}
h3.h3-top-cmn.icon{
  position: relative;
}
h3.h3-top-cmn.icon::before {
  background-image: url(../img/common/pazzle.svg);
  content: '';
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  background-size: contain;
  vertical-align: sub;
  margin-right: 0.5rem;
}
h3.h3-top-cmn.icon.wh::before {
  background-image: url(../img/common/pazzle_wh.svg);
}
h4.h4-top-cmn{
  font-size: 2.0rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
@media print, screen and (max-width: 767px) {
  h3.h3-top-cmn{
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
  h3.h3-top-cmn.icon::before {
    width: 3.0rem;
    height: 3.0rem;
  }
  h4.h4-top-cmn{
    font-size: 1.8rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
}

span.marker{
  background: linear-gradient(transparent 55%, #FFF25F 0%);
}

/* header
-------------------------------------------------- */
header.top-head{
  z-index: 10;
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  background-color: rgba(253,253,253,0);
  height: 9rem;  
  -webkit-box-shadow: 0 0 0.4rem 0.2rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0.4rem 0.2rem rgba(0, 0, 0, 0.15);
}
header.top-head div.header-upper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header div.logo-area{
  margin-top: 1.8rem;
}
header div.logo-area a{
  display: block;
  width: 18.6rem;
  height: 2.9rem;
  font-size: 0;
  background: url(../img/common/logo.svg) no-repeat;
}
header div.logo-area a:hover{
  opacity: 0.4;
  transition: 0.6s;
}
/* nav */
header div.nav-area{
  margin-top: 1.5rem;
}
header div.nav-area nav.nav-wrap a.nav-button {
  display: none;
}
header div.nav-area nav.nav-wrap div.nav-screen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper{
  margin-bottom: 1.6rem;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li{
  margin-right: 3rem;
  position: relative;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li:last-child{
  margin-right: 0;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li span {
  position: relative;
  line-height: 1.8;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li a{
  color: #fff;
  padding: 0.3rem 3.5rem 0.6rem 1.5rem;
  border-radius: 5rem;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.contact a,
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.admission a{
  background: linear-gradient(90deg, rgba(34,201,248,1) 0%, rgba(34,201,248,1) 22%, rgba(96,87,230,1) 50%, rgba(15,13,203,1) 95%, rgba(15,13,203,1) 100%);
  transition: all 0.4s ease-out;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.contact a::before,
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.admission a::before{
  background: linear-gradient(90deg, rgba(25, 3, 196,1) 0%, rgba(25, 3, 196,1) 100%);
  border-radius: 5rem;
  content: "";
  height: 3rem;
  line-height: 1.8;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out;
  width: 100%;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.contact a:hover::before,
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.admission a:hover::before {
  opacity: 0;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.member a{
  background: #141414;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.member a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.contact a::after,
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.admission a::after{
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/common/button_icon01.svg);
  right: 0.6rem;
  top: 0.65rem;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.member a::after{
  position: absolute;
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/common/button_icon02.svg);
  right: 0.5rem;
  top: 0.26rem;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper div.fb{
  margin: 0.3rem 0 0 2rem;
}
header div.nav-area nav.nav-wrap div.nav-screen div.upper div.fb i{
  font-size: 2.6rem;
}
header ul.nav.sp{
  display: none;
}
header div.mainmenu{
  display: block;
}
header ul.nav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 2rem;
}
header ul.nav li{
  margin-right: 4rem;
  line-height: 1;
  font-weight: normal;
}
header ul.nav li.project,
header ul.nav li.event{
  margin-right: 5.5rem;
}
header ul.nav li.project a.parent-menu,
header ul.nav li.event a.parent-menu,
header ul.nav li.about a.parent-menu{
  position: relative;
  cursor: pointer;
}
header ul.nav li.project a.parent-menu::after,
header ul.nav li.event a.parent-menu::after,
header ul.nav li.about a.parent-menu::after{
  position: absolute;
  content: '';
  width: 1rem;
  height: 0.487rem;
  background-image: url(../img/common/menu_arrow.svg);
  top: 1rem;
  right: -1.8rem;
}
header ul.nav li a{
  font-size: 1.5rem;
  color: #000;
}
header ul.nav li a:hover{
  opacity: 0.4;
  transition: 0.6s;
}
header ul.nav li:last-child{
  margin-right: 0;
}
/* children-menu */
.children-menu {
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  justify-content: center;
  opacity: 0;
  top: 9rem;
  visibility: hidden;
  transition: 0.4s;
  padding: 3rem 0;
  -webkit-box-shadow: 0 0 0.4rem 0.1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0.4rem 0.1rem rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.active {
  opacity: 1;
  visibility: visible;
}
.children-menu .cm-inner{
  max-width: 960px;
  margin: 0 auto;
}
.children-menu .cm-content{
  width: 97%;
  margin: 0 auto;
}
/*.children-menu div.pj1000_logo{
  width: 25rem;
  margin-bottom: 2.5rem;
}*/
.children-menu ul{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: left;
}
.children-menu ul.about{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.children-menu ul li{
  width: 32%;
}
header ul.nav li .children-menu ul li{
  margin-right: 2%;  
}
header ul.nav li .children-menu ul.about li:nth-child(3){
  margin-right: 0;
}
header ul.nav li .children-menu ul.about li:nth-child(4),
header ul.nav li .children-menu ul.about li:nth-child(5){
  margin-top: 1.5rem;
}
.children-menu ul li a{
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #BCBCBC;
  line-height: 2;
  padding-bottom: 0.5rem;
  position: relative;
}
.children-menu ul li a::after{
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/common/button_icon04_off.svg);
  right: 1rem;
  top: 0.75rem;
}
.children-menu ul li a:hover{
  opacity: 1!important;
}
.children-menu ul li a:hover::after{
  background-image: url(../img/common/button_icon04_on.svg);
  transition: 0.3s;
  right: 0.5rem;
}
header div.nav-area nav.nav-wrap.open{
  display: block;
}
header div.nav-area nav.nav-wrap.close{
  display: none;
  margin-top: 0.3rem;
  opacity: 1;
  cursor: auto;
}
/* Fixed */
header.top-head.fixed {
  top: 0;
  width: 100%;
  position: fixed;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.4rem 0.2rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0.4rem 0.2rem rgba(0, 0, 0, 0.15);
  height: 9rem;
}
@media print, screen and (min-width: 961px) {
  header div.nav-area nav.nav-wrap {
    display: block !important;
  }
}
@media print, screen and (max-width: 960px){
  header div.nav-area{
    display: block;
    -webkit-box-align: none;
    -ms-flex-align: none;
    align-items: none;
  }
  header div.nav-area nav.nav-wrap{
    top: 0;
    left: 0;
    display: none;
    z-index: -1;
    background: rgba(255,255,255,1);
    width: 100%;
    height: 100vh;
    position: fixed;
  }
  header.top-head{
    height: 7rem;
    z-index: 100;
    display: block;
  }
  header.top-head div.content{
    width: 90%;
  }
  header div.nav-area nav.nav-wrap div.nav-screen{
    display: block;
    margin-top: 10rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper{
    margin-top: 5rem;
    margin-bottom: 0;
    display: block;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul{
    display: block;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li{
    margin-right: auto;
    margin-left: auto;
    width: 50rem;
    text-align: center;
    line-height: 2.5;
    margin-bottom: 1.5rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li:last-child{
    margin-right: auto;
    margin-bottom: 0;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li a{
    width: 100%;
    display: inline-block;
    position: relative;
  } 
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.contact a::before,
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.admission a::before{
    padding: 1rem 0 0.65rem 0;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.contact a::after,
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.admission a::after{
    width: 3.2rem;
    height: 3.2rem;
    background-image: url(../img/common/button_icon01_sp.svg);
    background-repeat: no-repeat;
    right: 1rem;
    top: 0.75rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li.member a::after{
    width: 3.2rem;
    height: 3.2rem;
    background-image: url(../img/common/button_icon02_sp.svg);
    background-repeat: no-repeat;
    right: 1rem;
    top: 0.75rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper div.fb{
    margin: 3rem auto 0;
    width: 52rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper div.fb i{
    font-size: 4rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav{
    position: relative;
    margin: 0 auto;
    width: 90%;
    display: block;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li{
    margin-right: 0;
    margin-bottom: 2rem;
    display: block;
    width: 100%;
    border-bottom: 1px solid #BCBCBC;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li:last-child{
    margin-bottom: 0;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li a{
    font-size: 2.2rem;
    transition: .5s;
    padding-bottom: 2rem;
    display: block;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.project,
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.event{
    margin-right: 0;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.project a.parent-menu::after,
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.event a.parent-menu::after,
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.about a.parent-menu::after{
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    margin-bottom: 0.6rem;
    margin-left: 1rem;
  }
  /* hamburger button */
  header div.nav-area a.nav_button{
    height: 14px;
    position: relative;
    display: inline-block;
    top: 13px;
    width: 35px;
  }
  header div.nav-area a.nav_button:hover{
    opacity: 0.4;
    transition: 0.6s;
    cursor: pointer;
  }
  header div.nav-area span.nav_line{
    background: #2E2E2E;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
  }
  header div.nav-area span.line_bottom{
    bottom: 0;
  }
  header div.nav-area span.line_top.active{
    top: 9px;
    transform: rotate(45deg);
    background: #2E2E2E;
  }
  header div.nav-area span.line_bottom.active{
    bottom: 3px;
    transform: rotate(-45deg);
    background: #2E2E2E;
  }
  header ul.nav.sp{
    display: block;
  }
  header div.mainmenu{
    display: none;
  }
  /* children-menu */
  .children-menu {
    display: none;
    position: relative;
    background: inherit;
    justify-content: inherit;
    opacity: inherit;
    top: 0;
    visibility: inherit;
    transition: inherit;
    padding: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    padding: 0 0 2rem;
  }
/*  .children-menu div.pj1000_logo{
    display: none;
  }*/
  .children-menu .cm-inner{
    max-width: inherit;
  }
  .children-menu .cm-content{
    width: 100%;
  }
  .children-menu ul{
    width: 100%;
    display: block;
  }
  .children-menu ul li{    
    margin-bottom: 1rem!important;
    border-bottom: 1px solid #E2E2E2!important;
  }
  .children-menu ul li a{
    font-size: 1.5rem!important;
    padding-bottom: 1rem!important;
    border-bottom: none;
  }
  /* Fixed */
  header.top-head.fixed {
    height: 7rem;
  }
}
@media print, screen and (max-width: 767px){
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li{
    width: 30rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper ul li a{
    font-size: 1.5rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper div.fb{
    margin: 3rem auto 0;
    width: 32rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.upper{
    margin-top: 4rem;
  }
}

/* mainvisualSec
-------------------------------------------------- */
section.mainvisualSec{
  position: relative;
}
section.mainvisualSec div.border.top{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  height: 0.5rem;
  background: linear-gradient(90deg, rgba(34,201,248,0) 0%, rgba(34,201,248,1) 22%, rgba(96,87,230,1) 50%, rgba(15,13,203,1) 95%, rgba(15,13,203,0) 100%);
}
section.mainvisualSec div.border.bottom{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 4rem;
  z-index: 5;
  height: 0.5rem;
  background: linear-gradient(90deg, rgba(34,201,248,0) 0%, rgba(34,201,248,1) 22%, rgba(96,87,230,1) 50%, rgba(15,13,203,1) 95%, rgba(15,13,203,0) 100%);
}
section.mainvisualSec div.swiper-container{
  width: 100%;
  height: 85rem;
/*  height: calc(100vh - 9rem);*/
  position: relative;
  margin: 0 auto;
}
section.mainvisualSec div.swiper-slide.mv01{
  background: url(../img/top/mainvisual01.jpg) center top / cover no-repeat;
}
section.mainvisualSec div.swiper-slide.mv02{
  background: url(../img/top/mainvisual02.jpg) center center / cover no-repeat;
}
section.mainvisualSec div.swiper-slide.mv03{
  background: url(../img/top/mainvisual03.jpg) center center / cover no-repeat;
}
section.mainvisualSec div.swiper-slide.mv04{
  background: url(../img/top/mainvisual04.jpg) center center / cover no-repeat;
}
section.mainvisualSec div.swiper-slide div.content{
  position: relative;
  height: 85rem;
/*  height: calc(100vh - 9rem);*/
}
/* copy-area */
section.mainvisualSec div.swiper-slide div.content div.copy-area{
  position: absolute;
  top: 5.5rem;
  z-index: 2;
  letter-spacing: -0.01em;
}
section.mainvisualSec div.swiper-slide div.content div.copy-area h2.copy{
  color: #fff;
  font-size: 4rem;
  line-height: 1.3;
  text-shadow: 1px 1px 6px #333;
}
/* bottom-area */
section.mainvisualSec div.swiper-slide div.content div.bottom-area{
  position: absolute;
  left: 0;
  bottom: 10rem;
  z-index: 2;
}
section.mainvisualSec div.swiper-slide div.content div.bottom-area h3{
  font-size: 2.2rem;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 2rem;
  text-shadow: 1px 1px 6px #333;
}
section.mainvisualSec div.swiper-slide div.content div.bottom-area p{
  font-size: 1.4rem;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 1rem;
  text-shadow: 1px 1px 6px #333;
}
section.mainvisualSec div.swiper-slide div.content div.bottom-area p.btm{
  margin-bottom: 0;
}
section.mainvisualSec div.swiper-slide div.content div.bottom-area div.button{
  margin-top: 3rem;
  width: 24rem;
}
section.mainvisualSec div.swiper-slide div.content div.bottom-area div.button a{
  width: 24rem;
  position: relative;
  display: block;
  border-radius: 5rem;
  padding: 0.35rem 4.03rem 0.45rem 3rem;
  background-color: #141414;
  border: 1px solid #fff;
  color: #fff;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  line-height: 1.6;
}
section.mainvisualSec div.swiper-slide div.content div.bottom-area div.button a::before{
  position: absolute;
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url(../img/common/button_icon03.svg);
  right: 0.6rem;
  top: 0.55rem;
}
section.mainvisualSec div.swiper-slide div.content div.bottom-area div.button a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  box-sizing: border-box;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
section.mainvisualSec div.swiper-slide div.content div.bottom-area div.button a:hover::after {
  top: 0;
  left: 0;
  background-color: #1903C4;
}
section.mainvisualSec div.swiper-slide div.content div.bottom-area div.button a::after {
  top: 0;
  left: -200px;
  width: 100%;
  height: 100%;
}
section.mainvisualSec div.swiper-slide div.content div.bottom-area div.button a:hover{
  animation: shine 0.2s;
  border: 1px solid #1903C4;
}
@keyframes shine {
  0% { background: #141414; }
  10% { background: #ccc; }
  100% { background: #141414; }
}
/* swiper-pagination */
section.mainvisualSec div.swiper-pagination{
  background: #fff;
  padding: 12.5px 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 0!important;
}
section.mainvisualSec span.swiper-pagination-bullet-active{
  background: #1903C4!important;
}
section.mainvisualSec span.swiper-pagination-bullet{
  background: #333;
  width: 10px!important;
  height: 10px!important;
  margin-right: 1.5rem!important;
}
@media print, screen and (max-width: 1280px) {
  section.mainvisualSec div.swiper-container{
    height: 85rem;
  }
  section.mainvisualSec div.swiper-slide div.content{
    height: 85rem;
  }
}
@media print, screen and (max-width: 960px) {
  /* copy-area */
  section.mainvisualSec div.swiper-slide div.content div.copy-area{
    top: 3rem;
    left: 3%;
  }
  section.mainvisualSec div.swiper-slide div.content div.copy-area h2.copy{
    font-size: 3.4rem;
  }
  section.mainvisualSec div.swiper-slide div.content div.bottom-area{
    left: 3%;
  }
}
@media print, screen and (max-width: 767px) {
  section.mainvisualSec div.swiper-container{
    width: 100%;
    height: calc(100vh - 7rem);
  }
  section.mainvisualSec div.swiper-slide div.content{
    height: calc(100vh - 7rem);
  }
  section.mainvisualSec div.swiper-slide div.content div.bottom-area{
    bottom: 6rem;
  }
  section.mainvisualSec div.swiper-slide div.content div.bottom-area h3{
    line-height: 1.4;
  }
  section.mainvisualSec div.swiper-slide div.content div.button a{
    padding: 0.3rem 4rem 0.4rem 1.5rem;
  }
  section.mainvisualSec div.swiper-slide div.content div.button a::before{
    right: 0.6rem;
    top: 0.5rem;
  }  
}

/* button
-------------------------------------------------- */
div.button-area{
  width: 15.3rem;
  margin: 5rem auto 0;
}
a.button {
  display: inline-block;
  position: relative;
  font-size: 1.5rem;
  line-height: 3.3rem;
  height: 3.5rem;
  text-align: center;
  outline: none;
  width: 15.3rem;
  background: #fff;
  border-radius: 5rem;
  border: 1px solid #BCBCBC;
  padding-right: 1.5rem;
  color: #141414;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
}
a.button::before{
  position: absolute;
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url(../img/common/button_btn_off.svg);
  right: 0.6rem;
  top: 0.6rem;
}
a.button::after{
  background: #141414;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
a.button:hover{
  color: #fff;
}
a.button:hover::after{
  transform: scale(1, 1);
  color: #fff;
}
a.button:hover::before{
  background-image: url(../img/common/button_btn_on.svg);
}

@media print, screen and (max-width: 767px) {
  div.button-area{
    width: 27.5rem;
    margin: 5rem auto 0;
  }
  a.button,
  input[type="submit"] {
    font-size: 1.4rem;
    width: 27.5rem;
    line-height: 4.3rem;
    height: 4.5rem;
  }
  a.button::before{
    top: 1.1rem;
  }
}

/* newsTopSec
-------------------------------------------------- */
section.newsTopSec{
  margin-top: 10rem;
  position: relative;
  z-index: 1;
}
section.newsTopSec div.bg {
  position: absolute;
  width: 48rem;
  top: -14rem;
  left: -10rem;
}
section.newsTopSec div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.newsTopSec div.text-area{
  width: 24rem;
}
section.newsTopSec div.text-area div.title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5rem;
}
section.newsTopSec div.text-area div.title img{
  width: 6.1rem;
  height: 1.7rem;
  margin-right: 1rem;
}
section.newsTopSec div.text-area div.title h2.h2-cmn{
  font-size: 2.4rem;
  font-weight: 500;
}
section.newsTopSec div.text-area div.button-area{
  margin: 5rem auto 0 0;
}
section.newsTopSec div.post-area{
  width: 65%;
}
section.newsTopSec div.post-area dl.post{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #BCBCBC;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  position: relative;
}
section.newsTopSec div.post-area dl.post::after{
  background-image: url(../img/common/button_icon04_off.svg);
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  right: 1rem;
  top: 50%;  
}
section.newsTopSec div.post-area dl.post:hover::after{
  background-image: url(../img/common/button_icon04_on.svg);
  transition: 0.3s;
  right: 0.5rem;
}
section.newsTopSec div.post-area dl.post a.link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
section.newsTopSec div.post-area dl.post:last-child{
  margin-bottom: 0;
}
section.newsTopSec div.post-area dl.post dt.date{
  font-size: 1.6rem;
  margin-right: 2.5rem;
}
section.newsTopSec div.post-area dl.post dd.tag{
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;  
  padding: 0.3rem 1.4rem 0.3rem;
  pointer-events: none;
  border-radius: 5rem;
  background: #3E5869;
}
section.newsTopSec div.post-area dl.post dd.title{
  display: block;
  width: 95%;
  font-size: 1.6rem;
  margin-top: 1rem;
}
section.newsTopSec div.button-area.sp{
  display: none;
}
@media print, screen and (max-width: 767px) {
  section.newsTopSec{
    margin-top: 7rem;
  }
  section.newsTopSec div.bg {
    width: 42rem;
    top: -4rem;
    left: -10rem;
  }
  section.newsTopSec div.wrap{
    display: block;
  }
  section.newsTopSec div.text-area{
    width: 100%;
  }
  section.newsTopSec div.post-area{
    width: 100%;
    margin-top: 5rem;
  }
  section.newsTopSec div.button-area.pc{
    display: none;
  }
  section.newsTopSec div.button-area.sp{
    display: block;
  }

}

/* pjt1000TitleTopSec
-------------------------------------------------- */
section.pjt1000TitleTopSec{
  margin-top: 16rem;
  position: relative;
}
section.pjt1000TitleTopSec div.bg {
  position: relative;
  width: 100%;
  height: 17.2rem;
  background: url(../img/top/pjt1000TitleTopSec_img_bg_pc.png)center center / contain no-repeat;
}
section.pjt1000TitleTopSec h2{
  position: absolute;
  font-size: 5.2rem;
  line-height: 1.2;
  top: 28%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}
section.pjt1000TitleTopSec h2 span{
  color: #1903C4;
}
@media print, screen and (max-width: 1280px) {
  section.pjt1000TitleTopSec div.bg {
    background: url(../img/top/pjt1000TitleTopSec_img_bg_pc.png)center center / cover no-repeat;
  }
}
@media print, screen and (max-width: 767px) {
  section.pjt1000TitleTopSec{
    margin-top: 12rem;
  }
  section.pjt1000TitleTopSec div.bg {
    position: relative;
    width: 100%;
    height: 17.2rem;
  }
  section.pjt1000TitleTopSec h2{
    font-size: 3.8rem;
    top: 23%;
  }
}
@media print, screen and (max-width: 560px) {
  
}

/* sscTopSec
-------------------------------------------------- */
section.sscTopSec{
  margin-top: 10rem;
}
section.sscTopSec div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.sscTopSec div.text-area{
  width: 34rem;
}
section.sscTopSec div.text-area div.pjt1000{
  width: 15.4rem;
  margin-bottom: 1.5rem;
}
section.sscTopSec div.text-area h3{
  width: 23.3rem;
  margin-bottom: 0.8rem;
}
section.sscTopSec div.text-area p.sub{
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 3rem;
}
section.sscTopSec div.text-area div.button-area.pc{
  margin: 3rem auto 0 0;
}
section.sscTopSec div.list-area div.sscTopwrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.sscTopSec div.list-area{
  width: 60%;
}
section.sscTopSec div.list-area div.sscTopwrap div.box{
  width: 31%;
  position: relative;
}
section.sscTopSec div.list-area div.sscTopwrap div.box.blank{
  margin-bottom: 0!important;
}
section.sscTopSec div.list-area div.sscTopwrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.sscTopSec div.list-area div.sscTopwrap div.box:nth-child(1),
section.sscTopSec div.list-area div.sscTopwrap div.box:nth-child(2),
section.sscTopSec div.list-area div.sscTopwrap div.box:nth-child(3){
  margin-bottom: 3rem;
}
section.sscTopSec div.list-area div.sscTopwrap div.box a.link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
section.sscTopSec div.list-area div.sscTopwrap div.box div.img{
  margin-bottom: 1.5rem;
}
section.sscTopSec div.list-area div.sscTopwrap div.box p.ttl{
  font-size: 1.4rem;
  line-height: 1.8;
}
section.sscTopSec div.button-area.sp{
  display: none;
}
section.sscTopSec div.loopSlide.sp{
  display: none;
}
section.sscTopSec div.loopSlide{
  margin-top: 10rem;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.sscTopSec div.loopSlide img{
  width: 100%;
}
section.sscTopSec div.loopSlide img:first-child {
  animation: slide1 60s -30s linear infinite;
}
section.sscTopSec div.loopSlide img:last-child {
  animation: slide2 60s linear infinite;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@media print, screen and (max-width: 1024px) {
  section.sscTopSec div.text-area{
    width: 28rem;
  }
}
@media print, screen and (max-width: 767px) {
  section.sscTopSec div.wrap{
    display: block;
  }
  section.sscTopSec div.text-area{
    width: 100%;
  }
  section.sscTopSec div.text-area p.sub{
    margin-bottom: 1.5rem;
  }
  section.sscTopSec div.text-area div.button-area.pc{
    display: none;
  }
  section.sscTopSec div.list-area{
    margin-top: 5rem;
    width: 100%;
  }
  section.sscTopSec div.list-area div.sscTopwrap div.box{
    width: 48.5%;
  }
  section.sscTopSec div.list-area div.sscTopwrap div.box:nth-child(4){
    margin-bottom: 3rem;
  }
  section.sscTopSec div.loopSlide.sp{
    display: block;
  }
  section.sscTopSec div.loopSlide.sp{
    margin-top: 5rem;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  section.sscTopSec div.loopSlide.sp img{
    width: 200%;
  }
  section.sscTopSec div.loopSlide.pc{
    display: none;
  }
  section.sscTopSec div.button-area.sp{
    display: block;
  }
}

/* criticalBizTopSec
-------------------------------------------------- */
section.criticalBizTopSec{
  margin-top: 10rem;
  background: url(../img/top/criticalBizTopSec_img_bg.jpg) center top / cover no-repeat;
  width: 100%;
  padding: 17rem 0 22rem;
}
section.criticalBizTopSec div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
section.criticalBizTopSec div.text-area{
  width: 34rem;
}
section.criticalBizTopSec div.text-area div.pjt1000{
  width: 15.4rem;
  margin: 0 0 0.8rem auto;
}
section.criticalBizTopSec div.text-area h3{
  width: 27.8rem;
  margin: 0 0 1rem auto;
}
section.criticalBizTopSec div.text-area p.sub{
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 3rem;
  color: #fff;
  text-align: right;
}
section.criticalBizTopSec div.text-area p.p-txt{
  color: #fff;
  letter-spacing: 0.01rem;
}
section.criticalBizTopSec div.text-area div.button-area{
  margin: 3.5rem 0 0 auto;
}
section.criticalBizTopSec div.text-area div.button-area a.button{
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
section.criticalBizTopSec div.text-area div.button-area a.button::before{
  background-image: url(../img/common/button_icon_wh.svg);
}
section.criticalBizTopSec div.text-area div.button-area a.button:hover::before{
  background-image: url(../img/common/button_btn_on.svg);
}
section.criticalBizTopSec div.list-area div.criticalBizTopwrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.criticalBizTopSec div.list-area{
  width: 60%;
}
section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box{
  width: 31%;
  position: relative;
}
section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box.blank{
  margin-bottom: 0!important;
}
section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box:nth-child(1),
section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box:nth-child(2),
section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box:nth-child(3){
  margin-bottom: 3rem;
}
section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box a.link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box div.img{
  margin-bottom: 1.5rem;
}
section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box p.ttl{
  font-size: 1.4rem;
  line-height: 1.8;
  color: #fff;
}
section.criticalBizTopSec div.button-area.sp{
  display: none;
}
@media print, screen and (max-width: 1024px) {
  section.criticalBizTopSec div.text-area{
    width: 28rem;
  }
}
@media print, screen and (max-width: 767px) {
  section.criticalBizTopSec{
    padding: 12rem 0 10rem;
  }
  section.criticalBizTopSec div.wrap{
    display: block;
  }
  section.criticalBizTopSec div.text-area{
    width: 100%;
  }
  section.criticalBizTopSec div.text-area h3{
    width: 27.8rem;
    margin-bottom: 1rem;
    margin-right: 0;
    margin-left: auto;
  }
  section.criticalBizTopSec div.text-area p.sub{
    margin-bottom: 1.5rem;
  }
  section.criticalBizTopSec div.text-area div.button-area.pc{
    display: none;
  }
  section.criticalBizTopSec div.list-area{
    margin-top: 5rem;
    width: 100%;
  }
  section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box{
    width: 48.5%;
  }
  section.criticalBizTopSec div.list-area div.criticalBizTopwrap div.box:nth-child(4){
    margin-bottom: 3rem;
  }
  section.criticalBizTopSec div.button-area.sp{
    display: block;
  }
  section.criticalBizTopSec div.button-area.sp a.button{
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  section.criticalBizTopSec div.button-area.sp a.button::before{
    background-image: url(../img/common/button_icon_wh.svg);
  }
  section.criticalBizTopSec div.button-area.sp a.button:hover::before{
    background-image: url(../img/common/button_btn_on.svg);
  }
}

/* happinessTopSec
-------------------------------------------------- */
section.happinessTopSec{
  margin-top: 10rem;
}
section.happinessTopSec div.inner{
  max-width: 1260px;
}
section.happinessTopSec div.bg{
  background: url(../img/top/happinessTopSec_img_bg.jpg) center center / cover no-repeat;
  width: 100%;
  height: 30rem;
}
section.happinessTopSec div.content-area{
  width: 95%;
  margin: -3rem auto 0;
  padding: 8rem;
  background: #fff;
  -webkit-box-shadow: 0 0 2rem 0.3rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2rem 0.3rem rgba(0, 0, 0, 0.15);
  z-index: 1;
}
section.happinessTopSec div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.happinessTopSec div.text-area{
  width: 28rem;
}
section.happinessTopSec div.text-area div.pjt1000{
  width: 15.4rem;
  margin-bottom: 1.5rem;
}
section.happinessTopSec h3{
  width: 27.8rem;
  height: auto;
  margin-bottom: 1rem;
}
section.happinessTopSec div.text-area p.sub{
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 3rem;
}
section.happinessTopSec div.text-area div.button-area{
  margin: 3rem auto 0 0;
}
section.happinessTopSec div.button-area.sp{
  display: none;
}
section.happinessTopSec div.list-area div.happinessTopwrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.happinessTopSec div.list-area{
  width: 60%;
}
section.happinessTopSec div.list-area div.happinessTopwrap div.box{
  width: 31%;
  position: relative;
}
section.happinessTopSec div.list-area div.happinessTopwrap div.box.blank{
  margin-bottom: 0!important;
}
section.happinessTopSec div.list-area div.happinessTopwrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.happinessTopSec div.list-area div.happinessTopwrap div.box:nth-child(1),
section.happinessTopSec div.list-area div.happinessTopwrap div.box:nth-child(2),
section.happinessTopSec div.list-area div.happinessTopwrap div.box:nth-child(3){
  margin-bottom: 3rem;
}
section.happinessTopSec div.list-area div.happinessTopwrap div.box a.link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
section.happinessTopSec div.list-area div.happinessTopwrap div.box div.img{
  margin-bottom: 1.5rem;
}
section.happinessTopSec div.list-area div.happinessTopwrap div.box p.ttl{
  font-size: 1.4rem;
  line-height: 1.8;
}
@media print, screen and (max-width: 960px) {
  section.happinessTopSec div.content{
    width: 100%;
  }
  section.happinessTopSec div.content-area{
    padding: inherit;
    width: 97%;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    margin: 5rem auto 0;
  }
}
@media print, screen and (max-width: 767px) {
  section.happinessTopSec{
    margin-top: 0;
  }
  section.happinessTopSec div.content-area{
    width: 95%;
    margin: 7rem auto 0;
  }
  section.happinessTopSec h3{
    margin-bottom: 0.8rem;
  }
  section.happinessTopSec div.wrap{
    display: block;
  }
  section.happinessTopSec div.text-area{
    width: 100%;
  }
  section.happinessTopSec div.text-area p.sub{
    margin-bottom: 1.5rem;
  }
  section.happinessTopSec div.text-area div.button-area{
    display: none;
  }
  section.happinessTopSec div.list-area{
    width: 100%;
    margin-top: 3rem;
  }
  section.happinessTopSec div.list-area div.happinessTopwrap div.box{
    width: 48.5%;
  }
}

/* pjt1000TopSec
-------------------------------------------------- */
section.pjt1000TopSec{
  margin-top: 10rem;
  margin-bottom: 20rem;
}
section.pjt1000TopSec div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
section.pjt1000TopSec div.text-area{
  width: 47%;
}
section.pjt1000TopSec div.text-area div.pjt p{
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
section.pjt1000TopSec div.text-area div.pjt p span{
  color: #1903C4;
}
section.pjt1000TopSec div.text-area h3{
  width: 39.5rem;
  margin-bottom: 2.5rem;
}
section.pjt1000TopSec div.text-area div.img.sp{
  display: none;
}
section.pjt1000TopSec div.text-area p.sub{
  font-size: 1.7rem;  
  line-height: 2.0;
  margin-bottom: 2rem;
}
section.pjt1000TopSec div.text-area p.sub span{
  color: #1903C4;
  font-weight: bold;
}
section.pjt1000TopSec div.text-area p.p-txt.p01{
  margin-bottom: 2rem;
}
section.pjt1000TopSec div.text-area div.button-area{
  margin: 3rem auto 0 0;
}
section.pjt1000TopSec div.img-area{
  width: 42.8rem;
}
@media print, screen and (max-width: 960px) {
  section.pjt1000TopSec div.text-area{
    width: 48%;
  }
  section.pjt1000TopSec div.img-area{
    width: 46%;
  }
}
@media print, screen and (max-width: 767px) {
  section.pjt1000TopSec{
    margin-bottom: 15rem;
  }
  section.pjt1000TopSec div.wrap{
    display: block;
  }
  section.pjt1000TopSec div.text-area{
    width: 100%;
  }
  section.pjt1000TopSec div.text-area h3{
    width: 23.8rem;
    margin-bottom: 2.5rem;
  }
  section.pjt1000TopSec div.text-area div.img.sp{
    display: block;
    max-width: 42.8rem;
    width: 95%;
    margin: 0 auto 5rem;
  }
  section.pjt1000TopSec div.img-area{
    display: none;
  }
  section.pjt1000TopSec div.text-area div.button-area{
    margin: 5rem auto 0 auto;
  }
}

/* reportColumnTopSec
-------------------------------------------------- */
section.reportColumnTopSec{
  padding: 10rem 0 8rem;
  background: #F5F5F5;
}
section.reportColumnTopSec div.title img{
  width: 15.3rem;
  height: 1.7rem;
  margin-bottom: 2rem;
}
section.reportColumnTopSec div.title h3{
  font-size: 3.8rem;
  font-weight: 600;
}
section.reportColumnTopSec div.reportColumnwrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5rem;
}
section.reportColumnTopSec div.reportColumnwrap div.box{
  width: 23%;
  margin-bottom: 3rem;
  position: relative;
}
section.reportColumnTopSec div.reportColumnwrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.reportColumnTopSec div.reportColumnwrap div.box a.link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
section.reportColumnTopSec div.reportColumnwrap div.box.blank{
  margin-bottom: 0;
}
section.reportColumnTopSec div.reportColumnwrap div.box div.tag{
  display: inline-block;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  padding: 0.4rem 1.5rem 0.5rem;
  border-radius: 5rem;
  pointer-events: none;
}
section.reportColumnTopSec div.reportColumnwrap div.box div.tag.report{
  background: #02740F;
}
section.reportColumnTopSec div.reportColumnwrap div.box div.tag.column{
  background: #D9009F;
}
section.reportColumnTopSec div.reportColumnwrap div.box div.img{
  margin: 1rem 0;
}
section.reportColumnTopSec div.reportColumnwrap div.box p.ttl{
  font-size: 1.4rem;
  line-height: 1.8;
}
section.reportColumnTopSec div.button-area{
  margin: 2rem auto 0;
}
@media print, screen and (max-width: 960px) {
  section.reportColumnTopSec div.reportColumnwrap div.box{
    width: 31%;
  }
  section.reportColumnTopSec div.reportColumnwrap div.box.blank{
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 767px) {
  section.reportColumnTopSec{
    padding: 10rem 0 8rem;
    background: #F5F5F5;
  }
  section.reportColumnTopSec div.title h3{
    margin-bottom: 2rem;
  }
  section.reportColumnTopSec div.reportColumnwrap{
    margin-top: 3.5rem;
  }
  section.reportColumnTopSec div.reportColumnwrap div.box{
    width: 48.5%;
  }
}
@media print, screen and (max-width: 480px) {
  section.reportColumnTopSec div.reportColumnwrap div.box{
    width: 100%;
    margin-bottom: 3rem;
  }
}

/* eventTopSec
-------------------------------------------------- */
section.eventTopSec{
  padding: 10rem 0 0;
  background: #141414;
}
section.eventTopSec div.inner{
  max-width: 946px;
}
/* button */
section.eventTopSec div.button-area{
  margin: 0;
}
section.eventTopSec div.button-area a.button{
  background: transparent;
  color: #fff;
}
section.eventTopSec div.button-area a.button::after{
  background: #fff;
}
section.eventTopSec div.button-area a.button::before{
  background-image: url(../img/common/button_icon_wh.svg);
}
section.eventTopSec div.button-area a.button:hover{
  color: #141414;
}
section.eventTopSec div.button-area a.button:hover::before{
  background-image: url(../img/common/button_icon_blk.svg);
}
/* title */
section.eventTopSec div.title div.svg{
  width: 6.7rem;  
  margin: 0 auto 1.5rem;
}
section.eventTopSec div.title div.svg img{
  width: 6.7rem;
  height: 1.7rem;
}
section.eventTopSec div.title h3{
  color: #fff;
  font-size: 5.0rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
/*section.eventTopSec div.title p.lead{
  color: #fff;
  text-align: center;
  line-height: 1,8;
}*/
section.eventTopSec div.title div.button-area{
  width: 23.9rem;
  margin: 3.5rem auto 0;
}
section.eventTopSec div.title div.button-area a.button{
  width: 23.9rem;
}
section.eventTopSec div.title div.button-area a.button::before{
  background-image: url(../img/common/button_icon_blk.svg);
}
section.eventTopSec div.title div.button-area a.button:hover::before{
  background-image: url(../img/common/button_btn_on.svg);
}
/* map */
section.eventTopSec div.map{
  margin-top: 8rem;
  position: relative;
}
section.eventTopSec div.map div.img-area{
  width: 81.1rem;
  margin: 0 auto;
}
/* online */
section.eventTopSec div.map div.button-area.online{
  width: 20rem;
  position: absolute;
  top: 2rem;
  right: 31rem;
}
section.eventTopSec div.map div.button-area.online a.button{
  width: 20rem;
}
/* hokkaido-tohoku */
section.eventTopSec div.map div.hokkaido-tohoku-area{
  width: 27.2rem;
  position: absolute;
  top: 0.04rem;
  right: 5.43rem;
  display: none;
}
section.eventTopSec div.map div.button-area.hokkaido-tohoku-btn{
  width: 20rem;
  position: absolute;
  top: 16rem;
  right: 0;
}
section.eventTopSec div.map div.button-area.hokkaido-tohoku-btn a.button{
  width: 20rem;
}
/* kanto */
section.eventTopSec div.map div.kanto-area{
  width: 5.85rem;
  position: absolute;
  top: 26.34rem;
  right: 29.15rem;
  display: none;
}
section.eventTopSec div.map div.button-area.kanto-btn{
  position: absolute;
  top: 28rem;
  right: 9rem;
}
/* chubu */
section.eventTopSec div.map div.chubu-area{
  width: 13.3rem;
  position: absolute;
  top: 21.34rem;
  right: 30.35rem;
  display: none;
}
section.eventTopSec div.map div.button-area.chubu-btn{
  position: absolute;
  top: 37rem;
  right: 24rem;
}
/* kansai */
section.eventTopSec div.map div.kansai-area{
  width: 5.85rem;
  position: absolute;
  top: 28.84rem;
  right: 41.59rem;
  display: none;
}
section.eventTopSec div.map div.button-area.kansai-btn{
  position: absolute;
  top: 11rem;
  right: 36rem;
}
/* chushikoku */
section.eventTopSec div.map div.chushikoku-area{
  width: 10.9rem;
  position: absolute;
  top: 27.55rem;
  right: 46.65rem;
  display: none;
}
section.eventTopSec div.map div.button-area.chushikoku-btn{
  position: absolute;
  top: 20rem;
  right: 47rem;
}
/* shikoku */
/*section.eventTopSec div.map div.shikoku-area{
  width: 5.95rem;
  position: absolute;
  top: 32.547rem;
  right: 47.83rem;
  display: none;
}
section.eventTopSec div.map div.button-area.shikoku-btn{
  width: 29.3rem;
  position: absolute;
  top: 43rem;
  right: 28rem;
}*/
/* kyusyu-okinawa */
section.eventTopSec div.map div.kyusyu-okinawa-area{
  width: 29.3rem;
  position: absolute;
  top: 5.2rem;
  left: 7.01rem;
  display: none;
}
section.eventTopSec div.map div.button-area.kyusyu-okinawa-btn{
  width: 20rem;
  position: absolute;
  top: 32rem;
  left: 2rem;
}
section.eventTopSec div.map div.button-area.kyusyu-okinawa-btn a.button{
  width: 20rem;
}
section.eventTopSec div.button-box.sp{
  display: none;
}
@media print, screen and (max-width: 960px) {
  section.eventTopSec div.map div.img-area{
    width: 95%;
    margin: 0 auto;
  }
  section.eventTopSec div.map div.button-area{
    display: none;
  }
  section.eventTopSec div.button-box.sp{
    display: block;
    width: 95%;
    margin: 5rem auto 0;
  }
  section.eventTopSec div.button-box.sp div.wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.eventTopSec div.button-box.sp div.button-area{
    margin-right: 3rem;
    margin-bottom: 2rem;
    width: 15.3rem;
  }
  section.eventTopSec div.button-box.sp div.button-area a.button{
    width: 15.3rem;
    line-height: 3.3rem;
    height: 3.5rem;
  }
  section.eventTopSec div.button-box.sp div.button-area a.button::before{
    top: 0.6rem;
  }
  section.eventTopSec div.button-box.sp div.button-area.online,
  section.eventTopSec div.button-box.sp div.button-area.hokkaido-tohoku-btn,
  section.eventTopSec div.button-box.sp div.button-area.kyusyu-okinawa-btn{
    width: 20rem;
  }
  section.eventTopSec div.button-box.sp div.button-area.online a.button,
  section.eventTopSec div.button-box.sp div.button-area.hokkaido-tohoku-btn a.button,
  section.eventTopSec div.button-box.sp div.button-area.kyusyu-okinawa-btn a.button{
    width: 20rem;
  }
  section.eventTopSec div.map div.hokkaido-tohoku-area,
  section.eventTopSec div.map div.kanto-area,
  section.eventTopSec div.map div.chubu-area,
  section.eventTopSec div.map div.kansai-area,
  section.eventTopSec div.map div.chushikoku-area,
/*  section.eventTopSec div.map div.shikoku-area,*/
  section.eventTopSec div.map div.kyusyu-okinawa-area{
    display: none;
  }
}
@media print, screen and (max-width: 767px) {
  section.eventTopSec div.title h3{
    font-size: 3.8rem;
  }
  section.eventTopSec div.map{
    margin-top: 5rem;
  }
  section.eventTopSec div.button-box.sp{
    margin: 3rem auto 0;
  }
  section.eventTopSec div.button-box.sp div.button-area{
    margin-right: 2rem;
    margin-bottom: 2rem;
  }
}
@media print, screen and (max-width: 560px) {
  section.eventTopSec div.button-box.sp div.wrap{
    display: block;
  }
  section.eventTopSec div.button-box.sp div.button-area{
    margin-left: auto;
    margin-right: auto;
  }
  section.eventTopSec div.button-box.sp div.button-area.kyusyu-okinawa-btn{
    margin-bottom: 0;
  }
}

/* pickupEventSec
-------------------------------------------------- */
section.pickupEventSec{
  padding: 5rem 0 26rem;
  background: #141414;
}
section.pickupEventSec h4{
  font-size: 3.8rem;
  color: #fff;
  line-height: 1.2;
  text-align: right;
  margin-bottom: 3.5rem;
}
section.pickupEventSec div.pickupEventTopwrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.pickupEventSec div.pickupEventTopwrap div.box{
  width: 32%;
  background: #fff;
  padding: 2rem 1.2rem;
  position: relative;
}
section.pickupEventSec div.pickupEventTopwrap div.box.blank{
  background: inherit;
  padding: inherit;
}
section.pickupEventSec div.pickupEventTopwrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.pickupEventSec div.pickupEventTopwrap div.box a.link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
section.pickupEventSec div.pickupEventTopwrap div.box div.tag{
  display: inline-block;
  margin-bottom: 1.8rem;
}
section.pickupEventSec div.pickupEventTopwrap div.box div.tag a{
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
  padding: 0.3rem 1rem 0.4rem;
  border-radius: 5rem;
  background: #0076FF;
}
section.pickupEventSec div.pickupEventTopwrap div.box div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: left;
}
section.pickupEventSec div.pickupEventTopwrap div.box div.wrap div.img{
  width: 11rem;
  margin-right: 5%;
}
section.pickupEventSec div.pickupEventTopwrap div.box div.wrap dl{
  width: 60%;
}
section.pickupEventSec div.pickupEventTopwrap div.box div.wrap dl dt.date{
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
section.pickupEventSec div.pickupEventTopwrap div.box div.wrap dl dd.area{
  font-size: 1.5rem;
  border-bottom: 1px solid #BCBCBC;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
section.pickupEventSec div.pickupEventTopwrap div.box div.wrap dl dd.event{
  line-height: 1.6;
}
@media print, screen and (max-width: 960px) {
  section.pickupEventSec{
    padding: 3rem 0 24rem;
    background: #141414;
  }
  section.pickupEventSec div.pickupEventTopwrap{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.pickupEventSec div.pickupEventTopwrap div.box{
    width: 48.5%;
    margin-bottom: 2rem;
  }
  section.pickupEventSec div.pickupEventTopwrap div.box.blank{
    margin-bottom: 0;
  }
  section.pickupEventSec div.pickupEventTopwrap div.box:last-child{
    margin-bottom: 0;
  }
  section.pickupEventSec div.pickupEventTopwrap div.box div.wrap dl{
    width: 68%;
  }
  section.pickupEventSec div.pickupEventTopwrap div.box div.wrap dl dd.area{
    font-size: 1.5rem;
  }
}
@media print, screen and (max-width: 767px) {
  section.pickupEventSec{
    padding: 7rem 0 24rem;
    background: #141414;
  }
  section.pickupEventSec h4{
    font-size: 3rem;
    text-align: center;
  }
  section.pickupEventSec div.pickupEventTopwrap div.box div.tag a{
    color: #fff;
    font-size: 1.3rem;
  }
}
@media print, screen and (max-width: 600px) {
  section.pickupEventSec div.pickupEventTopwrap div.box{
    width: 100%;
    max-width: 40rem;
    margin: 0 auto 2rem;
  }
  section.pickupEventSec div.pickupEventTopwrap div.box.blank{
    margin: 0;
  }
}

/* eventReportTopSec
-------------------------------------------------- */
section.eventReportTopSec{
  padding-bottom: 20rem;
}
section.eventReportTopSec div.inner{
  max-width: 1160px;
}
section.eventReportTopSec div.content-area{
  width: 100%;
  margin: -18rem auto 0;
  padding: 8rem;
  background: #fff;
  -webkit-box-shadow: 0 0 2rem 0.3rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2rem 0.3rem rgba(0, 0, 0, 0.15);
  z-index: 1;
}
section.eventReportTopSec div.title div.svg{
  width: 13.7rem;  
  margin: 0 auto;
}
section.eventReportTopSec div.title div.svg img{
  width: 13.7rem;
  height: 1.7rem;
}
section.eventReportTopSec div.title h3{
  font-size: 5.0rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
section.eventReportTopSec div.title p.lead{
  text-align: center;
  line-height: 1,8;
}
section.eventReportTopSec div.eventReportTopwrap{
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.eventReportTopSec div.box{
  width: 23.5%;
  background: #F5F5F5;
  padding: 1.5rem;
  position: relative;
}
section.eventReportTopSec div.box.blank{
  background: inherit;
  padding: inherit;
}
section.eventReportTopSec div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.eventReportTopSec div.box a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
section.eventReportTopSec div.box dl{
  margin: 1rem 0 0;
}
section.eventReportTopSec div.box dl dt{
  font-size: 1.4rem;
}
section.eventReportTopSec div.box dl dd.ttl{
  font-size: 1.4rem;
}
section.eventReportTopSec div.box dl dd.tag{
  margin-top: 2rem;
}
section.eventReportTopSec div.box dl dd.tag{
  display: inline-block;
  background: #EF7701;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  width: 10rem;
  text-align: center;
  padding: 0.4rem 0 0.4rem;
  border-radius: 5rem;
}
section.eventReportTopSec div.box dl dd.tag.online{
  display: inline-block;
  background: #C70606;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  width: 10rem;
  text-align: center;
  padding: 0.4rem 0 0.6rem;
  border-radius: 5rem;
}
@media print, screen and (max-width: 960px) {
  section.eventReportTopSec div.content-area{
    padding: 8rem 2.5%;
    margin: -18rem auto 0;
  }
  section.eventReportTopSec div.box{
    width: 31%;
  }
}
@media print, screen and (max-width: 767px) {
  section.eventReportTopSec{
    padding-bottom: 10rem;
  }
  section.eventReportTopSec div.content-area{
    margin: -16rem auto 0;
  }
  section.eventReportTopSec div.content{
    width: 95%;
  }
  section.eventReportTopSec div.title div.svg{  
    margin: 0 auto 1rem;
  }
  section.eventReportTopSec div.title h3{
    font-size: 3rem;
  }
  section.eventReportTopSec div.box{
    width: 48.5%;
  }
  section.eventReportTopSec div.box dl dd.ttl{
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 560px) {
  section.eventReportTopSec div.box{
    width: 100%;
  }
}

/* nationwideTopSec
-------------------------------------------------- */
section.nationwideTopSec{
  padding: 10rem 0;
  position: relative;
  background: #F5F5F5;
}
section.nationwideTopSec div.text-area h3{
  font-size: 3.8rem;
  line-height: 1.3;
}
section.nationwideTopSec div.nationwidewrap{
  margin-top: 7rem;
}
section.nationwideTopSec div.nationwidewrap div.slick-track{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
}
section.nationwideTopSec div.nationwidewrap div.box{
  width: 15%!important;
}
section.nationwideTopSec div.nationwidewrap div.box a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
@media print, screen and (max-width: 960px) {
  section.nationwideTopSec div.nationwidewrap div.box{
    margin-left: 0.25%;
    margin-right: 0.25%;
  }
}
@media print, screen and (max-width: 767px) {
  section.nationwideTopSec{
    padding: 7rem 0 10rem;
  }
  section.nationwideTopSec div.text-area h3{
    font-size: 2.8rem;
  }
  section.nationwideTopSec div.nationwidewrap{
    margin-top: 3rem;
  }
}

/* aboutTopSec
-------------------------------------------------- */
section.aboutTopSec{
  margin: 10rem 0 0;
}
section.aboutTopSec div.button-area.sp{
  display: none;
}
section.aboutTopSec div.title-area div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
section.aboutTopSec div.title-area h3{
  font-size: 3.8rem;
  line-height: 1.3;
}
section.aboutTopSec div.title-area div.button-area{
  margin: 0;
}
section.aboutTopSec div.contentwrap{
  margin-top: 5rem;
}
section.aboutTopSec div.contentwrap div.upper{
  border-bottom: 1px solid #141414;
  padding-bottom: 2.5rem;
  margin-bottom: 3.5rem;
}
section.aboutTopSec div.contentwrap div.upper,
section.aboutTopSec div.contentwrap div.lower{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.aboutTopSec div.contentwrap div.box{
  width: 31.5%;
}
section.aboutTopSec div.contentwrap div.box.sp{
  display: none;
}
section.aboutTopSec div.contentwrap div.box div.img{
  margin-bottom: 1rem;
}
section.aboutTopSec div.contentwrap div.box div.img a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.aboutTopSec div.contentwrap div.box h4{
  font-size: 1.8rem;
  line-height: 1.3;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 2rem;
}
section.aboutTopSec div.contentwrap div.box h4 a:hover{
  color: #1903C4;
  transition: 0.6s;
}
section.aboutTopSec div.contentwrap div.box h4::before{
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/common/button_icon04_off.svg);
  left: 0;
  top: 0.4rem;
}
section.aboutTopSec div.contentwrap div.box h4:hover::before{
  background-image: url(../img/common/button_icon04_on.svg);
  transition: 0.6s;
}
section.aboutTopSec div.contentwrap div.box p.p-txt{
  font-size: 1.4rem;
  line-height: 1.6;
}
@media print, screen and (max-width: 767px) {
  section.aboutTopSec div.title-area div.wrap{
    display: block;
  }
  section.aboutTopSec div.title-area h3{
    font-size: 2.8rem;
  }
  section.aboutTopSec div.title-area div.button-area.pc{
    display: none;
  }
  section.aboutTopSec div.contentwrap{
    margin-top: 3rem;
  }
  section.aboutTopSec div.contentwrap div.upper,
  section.aboutTopSec div.contentwrap div.lower{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.aboutTopSec div.contentwrap div.upper{
    padding-bottom: 0.5rem;
  }
  section.aboutTopSec div.contentwrap div.box{
    width: 48.5%;
    margin-bottom: 2.5rem;
  }
  section.aboutTopSec div.contentwrap div.box:last-child{
    margin-bottom: 0;
  }
  section.aboutTopSec div.button-area.sp{
    display: block;
  }
}
@media print, screen and (max-width: 560px) {
  section.aboutTopSec div.contentwrap div.box{
    width: 100%;
    margin-bottom: 0;
  }
  section.aboutTopSec div.contentwrap div.box.sp{
    display: block;
  }
  section.aboutTopSec div.contentwrap div.box.sp.odd h4::before{
    position: absolute;
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(../img/common/button_icon04_off.svg);
    left: 0;
    top: 0.4rem;
  }
  section.aboutTopSec div.contentwrap div.box.sp.even h4::before{
    position: absolute;
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(../img/common/button_icon04_on.svg);
    left: 0;
    top: 0.4rem;
  }
  section.aboutTopSec div.slider-arrow.slider-prev.fa.fa-chevron-left.slick-arrow {
    position: absolute;
    color: #BCBCBC;
    z-index: 8;
    font-size: 2.0rem;
    top: 35%;
    left: -4%;
    transform: translateY(-65%);
  }
  section.aboutTopSec div.slider-arrow.slider-next.fa.fa-chevron-right.slick-arrow {
    position: absolute;
    color: #BCBCBC;
    z-index: 8;
    font-size: 2.0rem;
    top: 35%;
    right: -4%;
    transform: translateY(-65%);
  }
  section.aboutTopSec div.slider-arrow.slider-prev.fa.fa-chevron-left.slick-arrow:hover,
  section.aboutTopSec div.slider-arrow.slider-next.fa.fa-chevron-right.slick-arrow:hover {
    cursor: pointer;
    opacity: 0.4;
    transition: 0.6s;
  }
  section.aboutTopSec div.contentwrap div.lower{
    display: none;
  }
  section.aboutTopSec div.contentwrap div.upper{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

/* memberTopSec
-------------------------------------------------- */
section.memberTopSec{
  margin: 10rem 0 15rem;
}
section.memberTopSec div.title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.memberTopSec div.title h3{
  font-size: 3.8rem;
  line-height: 1.2;
}
section.memberTopSec div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5rem;
}
section.memberTopSec div.wrap div.box{
  width: 31.5%;
}
section.memberTopSec div.wrap div.box a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.memberTopSec div.admission{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 7rem;
} 
section.memberTopSec div.admission div.border{
  border-bottom: 1px solid #141414;
  width: 60%;
}
section.memberTopSec div.admission div.button-area{
  width: 30rem;
  margin: 0;
}
section.memberTopSec div.admission div.button-area a.button{
  width: 30rem;
  font-size: 2.2rem;
  line-height: 4.3rem;
  height: 4.7rem;
  border: 1px solid #141414;
}
section.memberTopSec div.admission div.button-area a.button::before{
  background-image: url(../img/common/button_icon_ad.svg);
  width: 3rem;
  height: 3rem;
  top: 0.65rem;
}
@media print, screen and (max-width: 767px) {
  section.memberTopSec div.title{
    display: block;
  }
  section.memberTopSec div.title h3{
    font-size: 3rem;
    line-height: 1.3;
  }
  section.memberTopSec div.title p{
    margin-top: 1.5rem;
    margin-left: 0;
    font-size: 1.8rem;
  }
  section.memberTopSec div.wrap{
    margin-top: 3rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.memberTopSec div.wrap div.box{
    width: 48.5%;
    margin-bottom: 2rem;
  }
  section.memberTopSec div.wrap div.box:last-child{
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 560px) {
  section.memberTopSec div.wrap div.box{
    width: 100%;
  }
  section.memberTopSec div.admission{
    display: block;
    margin-top: 7rem;
  }
  section.memberTopSec div.admission div.border{
    display: none;
  }
  section.memberTopSec div.admission div.button-area{
    margin: 0 auto;
  }
  section.memberTopSec div.admission div.button-area a.button{
    font-size: 1.7rem;
  }
}

/* footer
-------------------------------------------------- */
footer{
  padding: 4.5rem 0 7rem;
  background: #E2E2E2;
}
footer div.footer-area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
footer div.footer-area div.footer-info{
  width: 32rem;
}
footer div.footer-area div.footer-info div.logo{
  width: 19.8rem;
  margin-bottom: 3rem;
}
footer div.footer-area div.footer-info div.logo img:hover{
  opacity: 0.4;
  transition: 0.6s;
}
footer div.footer-area div.footer-info div.name{
  margin-bottom: 2rem;
}
footer div.footer-area div.footer-info div.name p.p-txt{
  font-size: 1.4rem;
  line-height: 1.6;
}
footer div.footer-area div.footer-info div.address.livingspace,
footer div.footer-area div.footer-info div.address.tokyo{
  margin-top: 2rem;
}
footer div.footer-area div.footer-info div.address p.p-txt{
  font-size: 1.4rem;
  line-height: 1.5;
}
footer div.footer-area div.footer-info div.address div.map{
  margin-top: 1rem;
}
footer div.footer-area div.footer-info div.address div.map a{
  position: relative;
  font-size: 1.4rem;
  color: #fff;
  background: #141414;
  padding: 0.4rem 3.0rem 0.55rem 2rem;
  border-radius: 5rem;
  display: inline-block;
}
footer div.footer-area div.footer-info div.address div.map a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
footer div.footer-area div.footer-info div.address div.map a::after{
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/common/button_icon_f.svg);
  right: 0.4rem;
  top: 0.335rem;
}
footer div.footer-area div.footer-info div.link{
  margin-top: 2rem;
}
footer div.footer-area div.footer-info div.link div.sns i{
  font-size: 2.5rem;
}
footer div.footer-area div.footer-info div.link div.sns i:hover{
  opacity: 0.6;
  transition: 0.6s;
}
footer div.footer-area div.footer-menu{
  margin-top: 6rem;
}
footer div.footer-area div.footer-menu ul.form_top{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
}
footer div.footer-area div.footer-menu ul.form_top li{
  position: relative;  
}
footer div.footer-area div.footer-menu ul.form_top li:first-child{
  margin-right: 3rem;
}
footer div.footer-area div.footer-menu ul.form_top li span {
  position: relative;
  line-height: 1.8;
}
footer div.footer-area div.footer-menu ul.form_top li a{
  color: #fff;
  border-radius: 5rem;
}
footer div.footer-area div.footer-menu ul.form_top li.contact a{
  background: linear-gradient(90deg, rgba(34,201,248,1) 0%, rgba(34,201,248,1) 22%, rgba(96,87,230,1) 50%, rgba(15,13,203,1) 95%, rgba(15,13,203,1) 100%);
  transition: all 0.4s ease-out;
  padding: 0.3rem 4rem 0.5rem 1.5rem;
}
footer div.footer-area div.footer-menu ul.form_top li.contact a::before{
  background: linear-gradient(90deg, rgba(25, 3, 196,1) 0%, rgba(25, 3, 196,1) 100%);
  border-radius: 5rem;
  content: "";
  height: 3rem;
  line-height: 1.8;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out;
}
footer div.footer-area div.footer-menu ul.form_top li.contact a::before{
  width: 14.4rem;
}
footer div.footer-area div.footer-menu ul.form_top li.contact a:hover::before{
  opacity: 0;
}
footer div.footer-area div.footer-menu ul.form_top li.contact a::after{
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/common/button_icon01.svg);
  right: 0.85rem;
  top: 0.65rem;
}
footer div.footer-area div.footer-menu ul.form_top li.admission a{
  background: linear-gradient(90deg, rgba(34,201,248,1) 0%, rgba(34,201,248,1) 22%, rgba(96,87,230,1) 50%, rgba(15,13,203,1) 95%, rgba(15,13,203,1) 100%);
  transition: all 0.4s ease-out;
  padding: 0.3rem 3.8rem 0.5rem 1.5rem;
}
footer div.footer-area div.footer-menu ul.form_top li.admission a::before{
  background: linear-gradient(90deg, rgba(25, 3, 196,1) 0%, rgba(25, 3, 196,1) 100%);
  border-radius: 5rem;
  content: "";
  height: 3rem;
  line-height: 1.8;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out;
}
footer div.footer-area div.footer-menu ul.form_top li.admission a::before{
  width: 11.2rem;
}
footer div.footer-area div.footer-menu ul.form_top li.admission a:hover::before {
  opacity: 0;
}
footer div.footer-area div.footer-menu ul.form_top li.admission a::after{
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/common/button_icon01.svg);
  right: 0.85rem;
  top: 0.65rem;
}
footer div.footer-area div.footer-menu div.nav-area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3rem;
}
footer div.footer-area div.footer-menu ul.nav.upper{
  margin-right: 5rem;
}
footer div.footer-area div.footer-menu ul.nav li{
  color: #888;
}
footer div.footer-area div.footer-menu ul.nav li a{
  color: #000;
}
footer div.footer-area div.footer-menu ul.nav li a:hover{
  opacity: 0.4;
  transition: 0.6s;
}
footer div.footer-area div.footer-menu ul.nav li.nav_li{
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
footer div.footer-area div.footer-menu ul.nav li.nav_li.parent{
  margin-bottom: 0.5rem;
}
footer div.footer-area div.footer-menu ul.nav li.nav_li:last-child{
  margin-bottom: 0;
}
footer div.footer-area div.footer-menu ul.nav li.sub{
  font-size: 1.2rem;
  border-left: 1px solid #BCBCBC;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
}
footer div.footer-area div.footer-menu ul.nav li.sub.btm{
  margin-bottom: 1rem;
}
footer div.footer-area div.footer-menu ul.form_btm{
  margin-top: 3rem;
  text-align: right;
}
footer div.footer-area div.footer-menu ul.form_btm li.member{
  position: relative;
}
footer div.footer-area div.footer-menu ul.form_btm li.member a{
  color: #fff;
  background: #141414;
  padding: 0.4rem 4rem 0.5rem 1.5rem;
  border-radius: 5rem;
}
footer div.footer-area div.footer-menu ul.form_btm li.member a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
footer div.footer-area div.footer-menu ul.form_btm li.member a::after{
  position: absolute;
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/common/button_icon02.svg);
  right: 0.4rem;
  top: 0.2rem;
}
@media print, screen and (max-width: 960px) {
  footer div.footer-area div.footer-menu ul.nav.upper{
    margin-right: 3rem;
  }
}
@media print, screen and (max-width: 767px) {
  footer{
    padding: 10rem 0;
  }
  footer div.footer-area{
    display: block;
  }
  footer div.footer-area div.footer-info{
    margin-top: 5rem;
    width: 100%;
  }
  footer div.footer-area div.footer-info div.logo{
    margin-bottom: 2rem;
  }
  footer div.footer-area div.footer-info div.name{
    margin-bottom: 1.8rem;
  }
  footer div.footer-area div.footer-info div.link{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: left;
  }
  footer div.footer-area div.footer-info div.link div.sns{
    margin-right: 2.5rem;
  }
  footer div.footer-area div.footer-menu{
    margin-top: 0;
  }
  footer div.footer-area div.footer-menu ul.form_top{
    display: block;
  }
  footer div.footer-area div.footer-menu ul.form{
    margin-right: 0;
    margin-top: 0;
  }
  footer div.footer-area div.footer-menu ul.form li.contact{
    margin-left: 0;
    margin-bottom: 2rem;
  }
  footer div.footer-area div.footer-menu ul.form_top li.contact{
    margin-bottom: 2rem;
  }
  footer div.footer-area div.footer-menu ul.form_top li.contact a{
    padding: 0.5rem 4.5rem 0.6rem 1.5rem;
    width: 14.4rem;
    line-height: 2.1;
  }
  footer div.footer-area div.footer-menu ul.form_top li.contact a::before{
    height: 3rem;
    line-height: 2.8;
    padding-bottom: 0.2rem;
  }
  footer div.footer-area div.footer-menu ul.form_top li.contact a::after{
    left: 12.5rem;
    top: 0.65rem;
  }
  footer div.footer-area div.footer-menu ul.form_top li.admission{
    margin-left: 0;
    margin-bottom: 2rem;
  }
  footer div.footer-area div.footer-menu ul.form_top li.admission a{
    padding: 0.5rem 4.5rem 0.6rem 1.5rem;
    line-height: 2.1;
  }
  footer div.footer-area div.footer-menu ul.form_top li.admission a::before{
    height: 3rem;
    line-height: 2.8;
    width: 11.2rem;
    padding-bottom: 0.2rem;
  }
  footer div.footer-area div.footer-menu ul.form_top li.admission a::after{
    left: 9.5rem;
    top: 0.7rem;
  }
  footer div.footer-area div.footer-menu div.nav-area {
    display: block;
    margin-top: 5rem;
  }
  footer div.footer-area div.footer-menu ul.nav li.nav_li{
    margin-bottom: 1.5rem;
  }
  footer div.footer-area div.footer-menu ul.nav li.sub.btm {
    margin-bottom: 1.5rem;
  }
  footer div.footer-area div.footer-menu ul.nav.lower{
    margin-top: 1.5rem;
  }
  footer div.footer-area div.footer-menu ul.form_btm {
    margin-top: 5rem;
    text-align: left;
  }
  footer div.footer-area div.footer-menu ul.form_btm li.member a{
    background: #141414;
    padding: 0.45rem 4rem 0.55rem 1.5rem;
  }
  footer div.footer-area div.footer-menu ul.form_btm li.member a::after{
    position: absolute;
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../img/common/button_icon02.svg);
    left: 13.1rem;
    top: 0.25rem;
  }
}