@charset"utf-8";
@import "common.css";

/* common
-------------------------------------------------- */
h3.h3-cmn{
  font-size: 3.8rem;
  line-height: 1.3;
}
@media print, screen and (max-width: 767px) {
  h3.h3-cmn{
    font-size: 3.4rem;
  }
}

/* titleSec
-------------------------------------------------- */
section.titleSec{
  margin-top: 8.5rem;
  margin-bottom: 4rem;
}
section.titleSec.about,
section.titleSec.ssc{
  margin-bottom: 8rem;
}
section.titleSec div.svg{
  margin-bottom: 2rem;
}
section.titleSec div.svg.outline img{
  width: 6.9rem;
}
section.titleSec div.svg.join img{
  width: 5.2rem;
}
section.titleSec div.svg.member img{
  width: 8.4rem;
}
section.titleSec div.svg.about img{
  width: 7.1rem;
}
section.titleSec div.svg.project img{
  width: 8.9rem;
}
section.titleSec div.svg.activities_details img{
  width: 17.3rem;
}
section.titleSec p.sub{
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 1rem;
}
section.titleSec h2{
  font-size: 5rem;
  line-height: 1.2;
}
section.titleSec h2 span.sub{
  display: block;
  margin-top: 2rem;
  font-size: 2.8rem;
  line-height: 1.4;
}
section.titleSec p.lead{
  font-size: 2.2rem;
  line-height: 1.8;
  margin-top: 5rem;
}
section.titleSec div.img-area{
  width: 100%;
  margin-top: 5rem;
}
section.titleSec div.bg {
  position: absolute;
  width: 60rem;
  bottom: 12rem;
  right: 0;
  z-index: -1;
}
@media print, screen and (max-width: 767px) {
  section.titleSec.about,
  section.titleSec.ssc{
    margin-bottom: 4rem;
  }
  section.titleSec div.svg{
    margin-bottom: 1.5rem;
  }
  section.titleSec p.sub{
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
  }
  section.titleSec h2{
    font-size: 3.6rem;
    line-height: 1.35;
  }
  section.titleSec p.lead{
    font-size: 1.8rem;
    margin-top: 4rem;
  }
  section.titleSec div.bg {
    width: 100%;
    bottom: inherit;
    top: 20rem;
  }
}

/* visualSec
-------------------------------------------------- */
section.visualSec{
  position: relative;
  width: 100%;
  height: 36rem;
}
section.visualSec.info{
  background:url(../img/info/visualSec_info.jpg) center bottom / cover no-repeat;
}
section.visualSec div.bg{
  position: absolute;
  width: 62rem;
  bottom: -3rem;
  right: 0;
  z-index: -1;
}
@media print, screen and (min-width: 1501px) {
  section.visualSec.info{
    height: 50rem;
  }
}
@media print, screen and (max-width: 767px) {
  section.visualSec div.bg{
    width: 100%;
    bottom: inherit;
    top: -23rem;
  }
}

/* visualPostSec
-------------------------------------------------- */
section.visualPostSec{
  position: relative;
  width: 100%;
  height: 20rem;
}
section.visualPostSec.news{
  background:url(../img/news/visual_news.jpg) center center / cover no-repeat;
}
section.visualPostSec.event_report{
  background:url(../img/event_report/visual_event_report.jpg) center center / cover no-repeat;
}
section.visualPostSec.event{
  background:url(../img/event/visual_event_information.jpg) center center / cover no-repeat;
}
section.visualPostSec.column{
  background:url(../img/column/visual_column.jpg) center center / cover no-repeat;
}
section.visualPostSec.project{
  background:url(../img/project/visual_project.png) center center / contain no-repeat;
}
section.visualPostSec.ssc{
  background:url(../img/ssc/visual_ssc_pc.png) center center / cover no-repeat;
}
section.visualPostSec.critical_business{
  background:url(../img/critical_business/visual_critical_business.jpg) center center / cover no-repeat;
}
section.visualPostSec.happinessproject{
  background:url(../img/happinessproject/visual_happinessproject.jpg) center center / cover no-repeat;
}
section.visualPostSec.contact{
  background:url(../img/contact/visual_contact.jpg) center center / cover no-repeat;
}
section.visualPostSec div.title{
  padding-top: 5.8rem;
}
section.visualPostSec div.title div.svg{
  margin-bottom: 0.5rem;
}
section.visualPostSec div.title div.svg.news img{
  width: 6.29rem;
}
section.visualPostSec div.title div.svg.event_report img{
  width: 13.41rem;
}
section.visualPostSec div.title div.svg.event img{
  width: 18.2rem;
}
section.visualPostSec div.title div.svg.column img{
  width: 15.3rem;
}
section.visualPostSec div.title div.svg.contact img{
  width: 9.1rem;
}
section.visualPostSec div.title h2{
  color: #fff;
  font-size: 5rem;
  line-height: 1.2;
}
/* project */
section.visualPostSec.project div.title{
  padding-top: 7rem;
}
section.visualPostSec.project div.title span{
  color: #1903C4;
}
section.visualPostSec.project div.title h2{
  color: #141414;
}
/* ssc,happinessproject */
section.visualPostSec.ssc div.title,
section.visualPostSec.happinessproject div.title{
  padding-top: 4rem;
}
section.visualPostSec.ssc div.title h2,
section.visualPostSec.happinessproject div.title h2{
  color: #141414;
  margin: 1.2rem 0 2rem;
}
section.visualPostSec.ssc div.title p.sub,
section.visualPostSec.happinessproject div.title p.sub{
  font-size: 2rem;
}
/* critical_business */
section.visualPostSec.critical_business div.title{
  padding-top: 4rem;
}
section.visualPostSec.critical_business div.title h2{
  color: #fff;
  margin: 1.2rem 0 2rem;
}
section.visualPostSec.critical_business div.title p.sub{
  color: #fff;
  font-size: 2rem;
}
@media print, screen and (max-width: 1280px) {
  section.visualPostSec.project{
    background:url(../img/project/visual_project.png) center center / cover no-repeat;
  }
}
@media print, screen and (max-width: 767px) {
  section.visualPostSec.project,
  section.visualPostSec.ssc,
  section.visualPostSec.critical_business,
  section.visualPostSec.happinessproject{
    height: 20rem;
  }
  section.visualPostSec.ssc{
    background:url(../img/ssc/visual_ssc_sp.png) center center / cover no-repeat;
  }
  /* project */
  section.visualPostSec.project div.title{
    padding-top: 5.5rem;
  }
  section.visualPostSec{
    height: 14rem;
  }
  section.visualPostSec div.title{
    padding-top: 4rem;
  }
  section.visualPostSec div.title h2{
    font-size: 3rem;
  }
  section.visualPostSec.ssc div.title,
  section.visualPostSec.happinessproject div.title,
  section.visualPostSec.critical_business div.title{
    padding-top: 3rem;
  }
  section.visualPostSec.critical_business div.title h2{
    margin: 1.2rem 0 1.8rem;
  }
  section.visualPostSec.ssc div.title h2,
  section.visualPostSec.happinessproject div.title h2{
    margin: 1.2rem 0 1.8rem;
  }
  section.visualPostSec.ssc div.title p.sub,
  section.visualPostSec.happinessproject div.title p.sub{
    font-size: 1.8rem;
  }
  section.visualPostSec.critical_business div.title p.sub{
    font-size: 1.8rem;
  }
}

/* visualColumnSec
-------------------------------------------------- */
section.visualColumnSec{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 100%;
}
section.visualColumnSec div.img-area{
  width: 50%;
}
section.visualColumnSec div.img-area img{
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
  height: 40rem;
  object-fit: cover;
}
section.visualColumnSec div.txt-area{
  margin-left: 6%;
}
section.visualColumnSec div.txt-area p{
  font-size: 2.2rem;
  line-height: 2.0;  
}
section.visualColumnSec div.txt-area div.bg{
  position: absolute;
  width: 62rem;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media print, screen and (max-width: 960px) {
  section.visualColumnSec div.img-area img{
    height: 36rem;
  }
  section.visualColumnSec div.txt-area{
    margin-left: 4%;
  }
  section.visualColumnSec div.txt-area p {
    font-size: 2.2vw;
    line-height: 2.0;  
  }
}
@media print, screen and (max-width: 767px) {
  section.visualColumnSec{
    display: block;
  }
  section.visualColumnSec div.img-area{
    margin-top: 5rem;
    width: 100%;
  }
  section.visualColumnSec div.img-area img{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    height: 30rem;
    object-fit: cover;
  }
  section.visualColumnSec div.txt-area{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  section.visualColumnSec div.txt-area p {
    font-size: 1.8rem;
  }
  section.visualColumnSec div.txt-area div.bg{
    width: 100%;
    bottom: inherit;
    top: -18rem;
  }
}

/* memberSec
-------------------------------------------------- */
section.memberSec{
  margin-top: 9rem;
}
section.memberSec div.tabs_menu div.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
section.memberSec div.tabs_menu div.tabs_menu-item {
  font-size: 1.7rem;
  line-height: 1.8;
  color: #141414;
  background: #E2E2E2;
  cursor: pointer;
  padding: 0.45rem 0 0.5rem 0;
  text-align: center;
  position: relative;
  border-radius: 3rem 3rem 0 0;
}
section.memberSec div.tabs_menu div.tabs_menu-item.t01{
  width: 50%;
}
section.memberSec div.tabs_menu div.tabs_menu-item.t02,
section.memberSec div.tabs_menu div.tabs_menu-item.t03 {
  width: 25%;
}
section.memberSec div.tabs_menu div.tabs_menu-item.is-active {
  background: #1903C4;
  color: #fff;
}
section.memberSec div.tabs_content{
  padding: 10rem 0;
  background: #F5F5F5;
}
section.memberSec div.tabs_content div.tabs_body {
  display: none;
}
section.memberSec div.tabs_content div.tabs_body.is-active {
  display: block;
}
section.memberSec div.tabs_content h3{
  font-size: 3.8rem;
  line-height: 1.3;
  margin-bottom: 3rem;
}
@media print, screen and (max-width: 960px) {
  section.memberSec div.tabs_menu div.tabs_menu-item {
    font-size: 1.75vw;
    padding: 0.45rem 0 0.6rem 2%;
  }
}
@media print, screen and (max-width: 767px) {
  section.memberSec div.tabs_menu div.content {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  section.memberSec div.tabs_menu div.tabs_menu-item {
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
    padding: 0.7rem 0 0.8rem 0;
    border-radius: 0;
    margin-bottom: 1rem;
  }
  section.memberSec div.tabs_menu div.tabs_menu-item:last-child{
    margin-bottom: 0;
  }
  section.memberSec div.tabs_menu div.tabs_menu-item.t01{
    width: 100%;
  }
  section.memberSec div.tabs_menu div.tabs_menu-item.t02,
  section.memberSec div.tabs_menu div.tabs_menu-item.t03 {
    width: 100%;
  }
  section.memberSec div.tabs_content{
    padding: 5rem 0 7rem;
  }
  section.memberSec div.tabs_content h3{
    font-size: 3.2rem;
  }
}
/* common memberwrap
-------------------------------------------------- */
div.memberwrap{
  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;
}
div.memberwrap div.box{
  width: 18%;
  margin-bottom: 4rem;
}
div.memberwrap div.box.blank{
  margin-bottom: 0;
}
div.memberwrap div.box div.img-area img{
  vertical-align: bottom;
}
div.memberwrap div.box div.img-area p.name{
  background: #2E2E2E;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.3;
  padding: 0.5rem 0.8rem 0.6rem;
}
div.memberwrap div.box div.info-area,
div.memberwrap div.box div.number_of_member{
  margin-top: 0.5rem;
}
div.memberwrap div.box div.info-area dl dt.title,
div.memberwrap div.box div.number_of_member dl dt{
  font-size: 1.6rem;
  border-bottom: 1px solid #BCBCBC;
  padding: 0 0.5rem 0.5rem;
  margin-bottom: 0.8rem;
}
div.memberwrap div.box div.info-area dl dd.company,
div.memberwrap div.box div.info-area dl dd.position{
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 0 0.5rem;
}
div.memberwrap div.box div.number_of_member dl dd{
  font-size: 1.6rem;
  line-height: 1.6;
  padding: 0 0.5rem;
}
/* modal */
.modal{
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
div.modal_btn:hover{
  opacity: 0.6;
  transition: 0.6s;
  cursor: pointer;
}
div.modal_contents{
  position:relative;
  max-width: 78.4rem;
  width: 90%;
  padding:3rem;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background:#fff;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  -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);
}
div.modal_contents div.img-area.pc{
  width: 23rem;
}
div.modal_contents div.img-area.sp{
  display: none;
}
div.modal_contents div.txt-area{
  width: 64%;
}
div.modal_contents div.txt-area p.title{
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
div.modal_contents div.txt-area p.name{
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3;
  border-bottom: 1px solid #BCBCBC;
  padding-bottom: 1rem;
  margin-bottom: 1.2rem;
}
div.modal_contents div.txt-area p.company,
div.modal_contents div.txt-area p.position{
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: right;
}
div.modal_contents div.txt-area div.text{
  margin-top: 1.5rem;
}
div.modal_contents div.txt-area div.text p{
  font-size: 1.5rem;
  line-height: 1.8;
}
div.modal_contents button.btn_close{
  position: absolute;
  top: 2rem;
  right: 4rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  background: inherit;
  border: none;
}
button.btn_close i{
  font-size: 4.4rem;
}
button.btn_close:hover{
  opacity: 0.4;
  transition: 0.6s;
}
@media print, screen and (max-width: 960px) {
  div.memberwrap div.box{
    width: 23%;
  }
  div.modal_contents{
    width: 95%;
  }
  div.modal_contents div.img-area.pc{
    width: 33%;
  }
}
@media print, screen and (max-width: 767px) {
  div.memberwrap div.box{
    width: 32%;
  }
  div.memberwrap div.box div.info-area dl dt.title{
    font-size: 1.5rem;
  }
  div.modal_contents{
    padding: 2rem;
  }
  div.modal_contents div.txt-area{
    width: 63%;
  }
  div.modal_contents div.txt-area p.title{
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
  div.modal_contents div.txt-area p.name{
    font-size: 2.4rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  div.modal_contents div.txt-area p.company,
  div.modal_contents div.txt-area p.position{
    font-size: 1.5rem;
  }
  div.modal_contents div.txt-area div.text{
    margin-top: 1rem;
  }
  div.modal_contents div.txt-area div.text p{
    font-size: 1.4rem;
  }
  div.modal_contents button.btn_close{
    right: 3rem;
  }
  button.btn_close i{
    font-size: 3.8rem;
  }
}
@media print, screen and (max-width: 560px) {
  div.memberwrap div.box{
    width: 48%;
  }
  div.modal_contents{
    display: block;
  }
  div.modal_contents div.img-area.pc{
    display: none;
  }
  div.modal_contents div.txt-area{
    width: 100%;
  }
  div.modal_contents div.img-area.sp{
    display: block;
    width: 60%;
    margin: 1.5rem auto 0;
  }
  div.modal_contents div.txt-area div.text{
    margin-top: 1.5rem;
  }
}

/* archiveSec.news
-------------------------------------------------- */
section.archiveSec.news {
  background: #FDFDFD;  
}
section.archiveSec.news div.tabs_content div.tabs_body {
  display: none;
}
section.archiveSec.news div.tabs_content div.tabs_body.is-active {
  display: block;
}
section.archiveSec.news div.tabs_content div.post-area dl.post{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #BCBCBC;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}
section.archiveSec.news div.tabs_content div.post-area dl.post:last-child{
  margin-bottom: 0;
}
section.archiveSec.news div.tabs_content div.post-area dl.post a.link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 9;
}
section.archiveSec.news div.tabs_content 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;
}
section.archiveSec.news div.tabs_content div.post-area dl.post:hover::after{
  background-image: url(../img/common/button_icon04_on.svg);
  transition: 0.3s;
  right: 0.5rem;
}
section.archiveSec.news div.tabs_content div.post-area dl.post dt.date{
  font-size: 1.6rem;
  margin-right: 2.5rem;
}
section.archiveSec.news div.tabs_content div.post-area dl.post dd.tag{
  width: 16rem;
}
section.archiveSec.news div.tabs_content div.post-area dl.post dd.tag a{
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;  
  padding: 0.25rem 1.4rem 0.45rem;
  pointer-events: none;
  border-radius: 5rem;
  background: #3E5869;
}
section.archiveSec.news div.tabs_content div.post-area dl.post dd.title{
  width: 68%;
}
section.archiveSec.news div.pagenation{
  margin: 10rem 0 0;
}
@media print, screen and (max-width: 960px) {
  section.archiveSec.news div.tabs_content div.post-area dl.post{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.archiveSec.news div.tabs_content div.post-area dl.post dd.title{
    display: block;
    width: 95%;
    margin-top: 1rem;
  }
}
@media print, screen and (max-width: 767px) {
  section.archiveSec.news div.tabs_content div.post-area dl.post dd.title{
    width: 92%;
  }
}

/* archiveSec common
-------------------------------------------------- */
section.archiveSec {
  padding: 10rem 0 15rem;
}
section.archiveSec div.sort{
  margin: 0 0 3rem auto;
  width: 21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.archiveSec div.sort button{
  width: 10rem;
  background: #fff;
  padding: 0.7rem 0 0.7rem 1.2rem;
  text-align: left;
  cursor: pointer;
  position: relative;
}
section.archiveSec div.sort button:hover{
  background: #141414;
  color: #fff;
  transition: 0.6s;
}
section.archiveSec div.sort button::after{
  position: absolute;
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url(../img/event_report/button_btn_new.svg);
  right: 0.6rem;
  top: 0.7rem;
}
section.archiveSec div.tabs.common div.tabs_menu {
  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;
  width: 100%;
  margin: 0 auto;
}
section.archiveSec div.tabs.common div.tabs_menu div.tabs_menu-item {
  width: 23%;
  font-size: 1.7rem;
  text-align: center;
  line-height: 1.5;
  color: #fff;
  background: #141414;
  cursor: pointer;
  padding: 0.1rem 0 0.3rem;
  position: relative;
  margin-bottom: 2rem;
}
section.archiveSec div.tabs.common div.tabs_menu div.tabs_menu-item.blank{
  background: inherit;
  cursor: inherit;
  position: inherit;
  padding: inherit;
  margin-bottom: 0;
}
section.archiveSec div.tabs.common div.tabs_menu div.tabs_menu-item::after{
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/news/arr_un_black.svg);
  right: 0.8rem;
  top: 0.7rem;
}
section.archiveSec div.tabs.common div.tabs_menu div.tabs_menu-item.is-active {
  background: #0F0DCB;
}
section.archiveSec div.tabs.common div.tabs_menu div.tabs_menu-item.is-active::after{
  background-image: url(../img/news/arr_un_blue.svg);  
}
section.archiveSec div.tabs_content{
  margin-top: 8rem;
}
section.archiveSec div.tabs_content div.tabs_body {
  display: none;
}
section.archiveSec div.tabs_content div.tabs_body.is-active {
  display: block;
}
section.archiveSec div.tabs_content div.postwrap,
section.archiveSec div.project-list.common div.postwrap{
  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.archiveSec div.tabs_content div.postwrap div.box,
section.archiveSec div.project-list.common div.postwrap div.box{
  width: 23.5%;
  background: #F5F5F5;
  padding: 1.5rem 1.5rem 5rem;
  position: relative;
  margin-bottom: 6rem;
}
section.archiveSec.column div.tabs_content div.postwrap div.box,
section.archiveSec.project div.tabs_content div.postwrap div.box{
  padding: 1.5rem 1.5rem 1.5rem;
}
section.archiveSec.project div.project-list.common div.postwrap div.box{
  padding: 1.5rem 1.5rem 3rem;
}
section.archiveSec.column div.tabs_content div.postwrap div.box.is-hidden,
section.archiveSec.project div.tabs_content div.postwrap div.box.is-hidden,
section.archiveSec div.tabs_content div.postwrap div.box.is-hidden,
section.archiveSec div.project-list.common div.postwrap div.box.is-hidden {
  margin-bottom: inherit;
  padding-bottom: inherit;
  border-bottom: inherit;
}
section.archiveSec.column div.tabs_content div.postwrap div.box.is-hidden,
section.archiveSec.project div.tabs_content div.postwrap div.box.is-hidden,
section.archiveSec div.tabs_content div.postwrap div.box.is-hidden,
section.archiveSec div.project-list.common div.postwrap div.box.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
section.archiveSec div.tabs_content div.postwrap div.box:hover,
section.archiveSec div.project-list.common div.postwrap div.box:hover {
  opacity: 0.6;
  transition: 0.6s;
}
section.archiveSec div.tabs_content div.postwrap div.box.blank,
section.archiveSec div.project-list.common div.postwrap div.box.blank{
  background: inherit;
  padding: inherit;
  margin-bottom: 0;
}
section.archiveSec div.tabs_content div.postwrap div.box a.link,
section.archiveSec div.project-list.common div.postwrap div.box a.link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 9;
}
section.archiveSec div.tabs_content div.postwrap div.box dl,
section.archiveSec div.project-list.common div.postwrap div.box dl{
  margin: 1rem 0 0;
}
section.archiveSec div.tabs_content div.postwrap div.box dl dt,
section.archiveSec div.project-list.common div.postwrap div.box dl dt{
  font-size: 1.4rem;
}
section.archiveSec div.tabs_content div.postwrap div.box dl dd.tag{
  margin: 0.5rem 0 0.8rem;
  display: inline-block;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  padding: 0.3rem 1.5rem;
  border-radius: 5rem;
  pointer-events: none;
}
section.archiveSec div.tabs_content div.postwrap div.box dl dd.tag.column{
  background: #D9009F;
}
section.archiveSec div.tabs_content div.postwrap div.box dl dd.tag.report{
  background: #02740F;
}
section.archiveSec div.tabs_content div.postwrap div.box dl dd.tag.ssc{
  background: #FFC400;
}
section.archiveSec div.tabs_content div.postwrap div.box dl dd.tag.criticalbusiness{
  background: #021269;
}
section.archiveSec div.tabs_content div.postwrap div.box dl dd.tag.happiness-project{
  background: #3BC400;
}
section.archiveSec div.tabs_content div.postwrap div.box dl dd.area,
section.archiveSec div.project-list.common div.postwrap div.box dl dd.area{
  text-align: right;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
section.archiveSec div.tabs_content div.postwrap div.box dl dd.ttl,
section.archiveSec div.project-list.common div.postwrap div.box dl dd.ttl{
  font-size: 1.4rem;
}
section.archiveSec div.tabs_content div.postwrap p.p-txt{
  width: 100%;
  margin-bottom: 6rem;
}
@media print, screen and (max-width: 960px) {
  section.archiveSec div.tabs_content div.postwrap div.box,
  section.archiveSec div.project-list.common div.postwrap div.box{
    width: 31%;
  }
}
@media print, screen and (max-width: 767px) {
  section.archiveSec div.tabs.common div.tabs_menu {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.archiveSec div.tabs.common div.tabs_menu div.tabs_menu-item {
    width: 48%;
    margin-bottom: 2rem;
  }
  section.archiveSec div.tabs.common div.tabs_menu div.tabs_menu-item::after{
    right: 0.5rem;
  }
  section.archiveSec div.tabs_content{
    margin-top: 8rem;
  }
  section.archiveSec div.tabs_content div.post-area dl.post{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.archiveSec div.tabs_content div.post-area dl.post dd.title{
    display: block;
    width: 95%;
    margin-top: 1rem;
  }
  section.archiveSec div.tabs_content div.postwrap div.box,
  section.archiveSec div.project-list.common div.postwrap div.box{
    width: 48.5%;
  }
}
@media print, screen and (max-width: 560px) {
  section.archiveSec div.tabs_content div.postwrap div.box,
  section.archiveSec div.project-list.common div.postwrap div.box{
    width: 100%;
  }
}

/* archiveSec.event
-------------------------------------------------- */
/* もっと見るボタン */
.more{
  width: 15.3rem;
  margin: 0 auto;
}
.more 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;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.more button::before {
  position: absolute;
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url(../img/common/button_btn_under_off.svg);
  right: 0.6rem;
  top: 0.6rem;
}
.more 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;
}
.more button:hover {
    color: #fff;
}
.more button:hover::before {
    background-image: url(../img/common/button_btn_under_on.svg);
}
.more button:hover::after {
    transform: scale(1, 1);
    color: #fff;
}
section.archiveSec.event{
  padding: 0 0 15rem;
}
/* tab-area */
section.archiveSec.event div.tabs.event div.tabwrap{
  padding: 3rem 0 1.5rem;
  background: #F5F5F5;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content h3.ttl{
  font-size: 2.0rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 2rem;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_category{
  width: 50%;
  padding-right: 2.5%;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_category div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_category div.wrap div.tabs_menu-item{
  background: #01BDC4;
  border-radius: 5rem;
  color: #fff;
  padding: 0.5rem 1rem 0.7rem;
  margin-right: 1.2rem;
  margin-bottom: 1.5rem;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_category div.wrap div.tabs_menu-item:last-child{
  margin-right: 0;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_category div.wrap div.tabs_menu-item:hover{
  cursor: pointer;
  opacity: 0.6;
  transition: 0.6s;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_category div.wrap div.tabs_menu-item.online{
  background: #C70606;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_category div.wrap div.tabs_menu-item.forum{
  background: #F02B2B;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_area{
  width: 50%;
  padding-left: 3.5%;
  border-left: 1px solid #BCBCBC;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_area div.wrap{
  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.archiveSec.event div.tabs.event div.tabwrap div.content div.event_area div.wrap div.tabs_menu-item{
  padding-bottom: 1rem;
  border-bottom: 1px solid #141414;
  width: 30%;
  margin-bottom: 1.5rem;
  position: relative;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_area div.wrap div.tabs_menu-item::after{
  position: absolute;
  content: '→';
  right: 0;
}
section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_area div.wrap div.tabs_menu-item:hover{
  cursor: pointer;
  opacity: 0.6;
  transition: 0.6s;
}
/* post-area */
section.archiveSec.event div.tabs_content div.tabs_body {
  display: none;
}
section.archiveSec.event div.tabs_content div.tabs_body.is-active {
  display: block;
}
section.archiveSec.event div.tabs_content div.post-area{
  margin-bottom: 7rem;
}
section.archiveSec.event div.tabs_content div.post-area dl.post{
  width: 100%;
  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: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}
section.archiveSec.event div.tabs_content div.post-area dl.post:last-child{
  margin-bottom: 0;
}
section.archiveSec.event div.tabs_content div.post-area dl.post.is-hidden {
    margin-bottom: inherit;
    padding-bottom: inherit;
    border-bottom: inherit;
}
section.archiveSec.event div.tabs_content div.post-area dl.post.is-hidden {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
}
section.archiveSec.event div.tabs_content div.post-area dl.post a.link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 9;
}
section.archiveSec.event div.tabs_content 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;
}
section.archiveSec.event div.tabs_content div.post-area dl.post:hover::after{
  background-image: url(../img/common/button_icon04_on.svg);
  transition: 0.3s;
  right: 0.5rem;
}
section.archiveSec.event div.tabs_content div.post-area dl.post dt.date{
  font-size: 1.4rem;
  width: 12rem;
}
section.archiveSec.event div.tabs_content div.post-area dl.post dd.area{
  width: 18rem;
  font-size: 1.5rem;
}
section.archiveSec.event div.tabs_content div.post-area dl.post dd.title{
  width: 64%;
}
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag{
  display: block;
  width: 95%;
  font-size: 1.6rem;
  margin-top: 1rem;
  margin-left: 12rem;
}
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag a{
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;  
  padding: 0.25rem 1.4rem 0.45rem;
  pointer-events: none;
  border-radius: 5rem;
  background: #01BDC4;
  margin-right: 1.5rem;
}
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag a:last-child{
  margin-right: 0;
}
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.online a,
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.cl-meeting a,
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.ssc-stepup-meeting a,
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.growup-meeting a,
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.manager-talklive a,
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.ssc-talklive a{
  background: #C70606;
}
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.forum a,
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.social-company-forum a,
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.social-symposium a,
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.national-forum a,
section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag.region-forum a{
  background: #FF4E00;
}
@media print, screen and (max-width: 960px) {
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.area{
    display: block;
    width: 95%;
    margin-top: 0.8rem;
  }
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.title{
    display: block;
    width: 95%;
    margin-top: 0.6rem;
  }
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag{
    margin-left: 0;
  }
}
@media print, screen and (max-width: 767px) {
  /* tab-area */
  section.archiveSec.event div.tabs.event div.tabwrap{
    padding: 5rem 0;
  }
  section.archiveSec.event div.tabs.event div.tabwrap div.content{
    display: block;
  }
  section.archiveSec.event div.tabs.event div.tabwrap div.content h3.ttl{
    text-align: left;
  }
  section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_category{
    width: 100%;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #BCBCBC;
    margin-bottom: 3rem;
  }
  section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_area{
    width: 100%;
    padding-left: 0;
    border-left: inherit;
  }
  /* post-area */
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.area{
    margin-top: 0.6rem;
    width: 92%;
  }
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.title{
    width: 92%;
  }
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag a{
    display: inline-block;
    padding: 0.4rem 1.2rem 0.4rem;
    margin-bottom: 0.8rem;
  }
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag a:last-child{
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 560px) {
  /* tab-area */
  section.archiveSec.event div.tabs.event div.tabwrap div.content div.event_area div.wrap div.tabs_menu-item{
    width: 47.5%;
  }
  /* post-area */
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.area{
    width: 90%;
    margin-top: 0.4rem;
  }
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.title{
    width: 90%;
    margin-top: 0.4rem;
  }
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag{
    width: 90%;
    margin-top: 1rem;
  }
  section.archiveSec.event div.tabs_content div.post-area dl.post dd.tag a{
    padding: 0.4rem 1.2rem 0.3rem;
  }
}

/* pagenation
-------------------------------------------------- */
/* pagenavi */
div.pagenation{
  margin: 4rem 0 0;
}
div.pagenation .wp-pagenavi {
  clear: both;
  text-align:center;
}
div.pagenation .wp-pagenavi a.page {
  color: #000;
  margin: 0 1rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5;
  border-radius: 50%;
}
div.pagenation .wp-pagenavi span.current{
  font-size: 1.8rem;
  margin: 0 1rem;
  border-bottom: 1px solid #000;
  padding-bottom: 0.5rem;
}
div.pagenation .wp-pagenavi a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
div.pagenation .wp-pagenavi a.previouspostslink{
  margin-right: 4rem;
  font-size: 1.8rem;
  line-height: 1.5;
  position: relative;
}
div.pagenation .wp-pagenavi a.previouspostslink::before{
  background-image: url(../img/news/prev_link.svg);
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  top: 0.6rem;
  left: -2.5rem;
}
div.pagenation .wp-pagenavi a.nextpostslink{
  margin-left: 4rem;
  font-size: 1.8rem;
  line-height: 1.5;
  position: relative;
}
div.pagenation .wp-pagenavi a.nextpostslink::after{
  background-image: url(../img/news/next_link.svg);
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  top: 0.6rem;
  right: -2.5rem;
}
@media print, screen and (max-width: 767px) {
  div.pagenation .wp-pagenavi a.previouspostslink{
    margin-right: 2rem;
  }
  div.pagenation .wp-pagenavi a.previouspostslink span{
    display: none;
  }
  div.pagenation .wp-pagenavi a.nextpostslink{
    margin-left: 2rem;
  }
  div.pagenation .wp-pagenavi a.nextpostslink span{
    display: none;
  }
}

/* singleSec event_report, news, column, project
-------------------------------------------------- */
section.singleSec.common{
  margin: 10rem 0 15rem;
}
section.singleSec.common dl dt.date{
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
section.singleSec.common dl dd.tag{
  margin-bottom: 2rem;
}
section.singleSec.common dl dd.tag a{
  font-size: 1.5rem;
  margin-right: 1.5rem;
}
section.singleSec.common dl dd.tag a:last-child{
  margin-right: 0;
}
section.singleSec.common h3.title{
  font-size: 3rem;
  line-height: 1.3;
  margin-bottom: 5rem;
}
section.singleSec.common div.main-img{
  width: 100%;
  margin-bottom: 3rem;
}
section.singleSec.common div.main-img img{
  width: 100%;
  height: auto;
}
/* 大見出し */
section.singleSec.common div.editor h3{
  background: #141414;
  font-size: 3rem;
  color: #fff;
  line-height: 1.3;
  padding: 0.5rem 1rem 0.8rem;
  margin-bottom: 5rem;
}
/* 小見出し */
section.singleSec.common div.editor h4{
  font-size: 2.2rem;
  line-height: 1.2;
  border-left: 8px solid #1902C4;
  padding-left: 0.8rem;
  padding-top: 0.1rem;
  padding-bottom: 0.2rem;
  margin-bottom: 3rem;
}
/* テキスト文 */
section.singleSec.common div.editor p{
  line-height: 2;
}
section.singleSec.common div.editor p a{
    color: #1903C4;
    text-decoration: underline;
  }
/* 資料ボタン */
section.singleSec.common div.editor div.button-area{
  margin: 5rem auto 0 0;  
}
section.singleSec.common div.editor div.button-area a.button{
  background: #141414;
  color: #fff;
}
section.singleSec.common div.editor div.button-area a.button::before{
  background-image: url(../img/common/button_btn_on.svg);
}
section.singleSec.common div.editor div.button-area a.button:hover{
  opacity: 0.6;
  transition: 0.6s;
}
/* 画像 */
section.singleSec.common div.editor img{
  width: 90%;
  display: block;
  margin: 0 auto;
  height: auto;
  vertical-align: bottom;
}
section.singleSec.common div.editor div.alignnone{
  width: 100%!important;
  height: auto;
  margin: 0 auto;
  vertical-align: bottom;
}
/* 動画 */
section.singleSec.common div.editor div.mov{
  width: 90%;
  padding-top: 50%;
  position: relative;
  margin: 5rem auto 0;
}
section.singleSec.common div.editor div.mov iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*
section.singleSec.common div.eventdate{
  margin-top: 3rem;
}
section.singleSec.common div.eventdate dl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.singleSec.common div.eventdate dl dt{
  width: 10rem;
}
section.singleSec.common div.eventdate dl dd{
  width: 80%;
}
section.singleSec.common div.editor div.img{
  margin: 8rem auto 0;
  width: 90%;
  position: relative;
}
section.singleSec.common div.editor div.img div.caption{
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(122, 122, 122, 0.5));
  padding: 0.3rem 0.8rem 0.5rem;
}
section.singleSec.common div.editor div.img div.caption p{
  font-size: 1.5rem;
  line-height: 1.4;
}*/

@media print, screen and (max-width: 767px) {
  section.singleSec.common{
    margin: 5rem 0 15rem;
  }
  section.singleSec.common dl dt.date{
    margin-bottom: 1.5rem;
  }
  section.singleSec.common dl dd.tag{
    margin-bottom: 5rem;
  }
  section.singleSec.common h3.title{
    font-size: 2.5rem;
    line-height: 1.4;
    margin-bottom: 4rem;
  }
  section.singleSec.common div.main-img{
    margin-bottom: 2rem;
  }
  /* 大見出し */
  section.singleSec.common div.editor h3{
    font-size: 2.5rem;
    line-height: 1.3;
    padding: 1.2rem 1rem 1.5rem;
  }
  /* 小見出し */
  section.singleSec.common div.editor h4{
    font-size: 1.8rem;
    line-height: 1.4;
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
  }
  /* テキスト文 */
  section.singleSec.common div.editor p{
    font-size: 1.6rem;
    line-height: 1.8;
  }  
  /* 資料ボタン */
  section.singleSec.common div.editor div.button-area{
    margin: 3rem auto 0 0;
    width: 14.9rem;
  }
  section.singleSec.common div.editor div.button-area a.button{
    width: 14.9rem;
    line-height: 3.3rem;
    height: 3.5rem;
  }
  section.singleSec.common div.editor div.button-area a.button::before{
    top: 0.6rem;
  }
  /* 動画 */
  section.singleSec.common div.editor div.mov{
    width: 90%;
    padding-top: 49%;
    position: relative;
    margin: 5rem auto 0;
  }
  section.singleSec.common div.editor div.mov iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  /*
  section.singleSec.common div.eventdate dl.venue{
    margin-top: 3rem;
  }
  section.singleSec.common div.eventdate dl dd{
    width: 80%;
  }
  section.singleSec.common div.editor div.img{
    margin: 5rem auto 0;
    width: 90%;
    position: relative;
  }
  section.singleSec.common div.editor div.img div.caption{
    padding: 0.5rem 0.8rem 0.5rem;
  }
  section.singleSec.common div.editor div.img div.caption p{
    font-size: 1.2rem;
  }*/
}

/* singleSec event
-------------------------------------------------- */
section.singleSec.event{
  margin: 10rem 0 15rem;
}
/* block.first */
section.singleSec.event div.block div.wrap{ 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.singleSec.event div.block div.wrap div.img-area{
  width: 48.5%;
}
section.singleSec.event div.block div.wrap div.txt-area{
  width: 48.5%;
}
section.singleSec.event div.block div.wrap div.txt-area h3{
  font-size: 3rem;
  line-height: 1.3;
  margin-bottom: 3rem;
}
section.singleSec.event div.block div.wrap div.txt-area dl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.singleSec.event div.block div.wrap div.txt-area dl dt{
  width: 10rem;
  line-height: 1.8;
}
section.singleSec.event div.block div.wrap div.txt-area dl dd{
  width: 80%;
  line-height: 1.8;
}
section.singleSec.event div.block div.wrap div.txt-area dl.map{
  margin-top: 1rem;
}
section.singleSec.event div.block div.wrap div.txt-area dl.map dd a.btn{
  position: relative;
  font-size: 1.4rem;
  color: #fff;
  background: #141414;
  padding: 0 3.0rem 0 2rem;
  border-radius: 5rem;
  display: block;
  width: 7.5rem;
  height: inherit;
  line-height: inherit;
}
section.singleSec.event div.block div.wrap div.txt-area dl.map dd a.btn::after {
  position: absolute;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/common/button_icon_f.svg);
  right: 0.48rem;
  top: 0.51rem;
}
section.singleSec.event div.block div.wrap div.txt-area dl.map dd a.btn:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.singleSec.event div.block div.wrap div.txt-area dl.price{
  margin-top: 2rem;
}
section.singleSec.event div.editor{
  margin-top: 10rem;
}
/* 大見出し */
section.singleSec.event div.editor h3{
  background: #141414;
  font-size: 3rem;
  color: #fff;
  line-height: 1.3;
  padding: 0.5rem 1rem 0.8rem;
  margin-bottom: 5rem;
}
/* 小見出し */
section.singleSec.event div.editor h4{
  font-size: 2.2rem;
  line-height: 1.2;
  border-left: 8px solid #1902C4;
  padding-left: 0.8rem;
  padding-top: 0.1rem;
  padding-bottom: 0.2rem;
  margin-bottom: 3rem;
}
/* テキスト文 */
section.singleSec.event div.editor p{
  line-height: 2;
}
section.singleSec.event div.editor p a{
    color: #1903C4;
    text-decoration: underline;
  }
/* 資料ボタン */
section.singleSec.event div.editor div.button-area{
  margin: 5rem auto 0 0;  
}
section.singleSec.event div.editor div.button-area a.button{
  background: #141414;
  color: #fff;
}
section.singleSec.event div.editor div.button-area a.button::before{
  background-image: url(../img/common/button_btn_on.svg);
}
section.singleSec.event div.editor div.button-area a.button:hover{
  opacity: 0.6;
  transition: 0.6s;
}
/* 画像 */
section.singleSec.event div.editor img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
/* 動画 */
section.singleSec.event div.editor div.mov{
  width: 90%;
  padding-top: 50%;
  position: relative;
  margin: 5rem auto 0;
}
section.singleSec.event div.editor div.mov iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* application-area */
section.singleSec.event div.application-area{
  margin-top: 10rem;
  background: #F5F5F5;
  padding: 7rem 0 10rem;
}
section.singleSec.event div.application-area h4.application{
  font-size: 2.8rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 5rem;
}
section.singleSec.event div.application-area h5.application{
  font-size: 2.2rem;
  line-height: 1.3;
  padding-left: 1.2rem;
  padding-bottom: 0.25rem;
  margin-bottom: 5rem;
}
section.singleSec.event div.application-area div.buttonwrap{
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.singleSec.event div.application-area div.buttonwrap div.button{
  width: 48.5%;
  margin-top: 3rem;
}
section.singleSec.event div.application-area div.buttonwrap div.button.b01{
  margin-top: 0;
}
section.singleSec.event div.application-area div.buttonwrap div.button.b02{
  margin-top: 0;
}
section.singleSec.event div.application-area div.buttonwrap div.button a{
  width: 100%;
  position: relative;
  font-size: 2.2rem;
  color: #fff;
  background: #1903C4;
  border: 1px solid #1903C4;
  display: inline-block;
  text-align: center;
  line-height: 1.35;
  padding: 0.8rem 2rem 1rem;
  border-radius: 5rem;
}
section.singleSec.event div.application-area div.buttonwrap div.button a:hover{
  background: #fff;
  color: #1903C4;
  border: 1px solid #1903C4;
  transition: 0.6s;
}
/* member */
section.singleSec.event div.application-area h5.application.member{
  border-left: 8px solid #1902C4;
}
/* guest */
section.singleSec.event div.application-area h5.application.guest{
  border-left: 8px solid #2E2E2E;
}
section.singleSec.event div.application-area div.guest{
  margin-top: 9rem;
}
/* end */
section.singleSec.event div.application-area p.end_btn{
  width: 48rem;
  margin: 0 auto;
  font-size: 2.4rem;
  text-align: center;
  line-height: 5.5rem;
  height: 5.7rem;
  border-radius: 5rem;
  background: #BCBCBC;
  color: #fff;
}
@media print, screen and (max-width: 960px) {
  section.singleSec.event div.application-area div.buttonwrap div.button a{
    font-size: 1.8rem;
  }
}
@media print, screen and (max-width: 767px) {
  section.singleSec.event{
    margin: 5rem 0 13rem;
  }
  /* block.first */
  section.singleSec.event div.block div.wrap{ 
    display: block;
  }
  section.singleSec.event div.block div.wrap div.img-area{
    width: 100%;
  }
  section.singleSec.event div.block div.wrap div.txt-area{
    width: 100%;
    margin-top: 3rem;
  }
  section.singleSec.event div.block div.wrap div.txt-area h3{
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
  section.singleSec.event div.editor{
    margin-top: 7rem;
  }
  /* 大見出し */
  section.singleSec.event div.editor h3{
    font-size: 2.5rem;
    line-height: 1.3;
    padding: 1.2rem 1rem 1.5rem;
  }  
  /* 小見出し */
  section.singleSec.event div.editor h4{
    font-size: 1.8rem;
    line-height: 1.4;
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
  }
  /* テキスト文 */
  section.singleSec.event div.editor p{
    font-size: 1.6rem;
    line-height: 1.8;
  }  
  /* 資料ボタン */
  section.singleSec.event div.editor div.button-area{
    margin: 3rem auto 0 0;
    width: 14.9rem;
  }
  section.singleSec.event div.editor div.button-area a.button{
    width: 14.9rem;
    line-height: 3.3rem;
    height: 3.5rem;
  }
  section.singleSec.event div.editor div.button-area a.button::before{
    top: 0.6rem;
  }
  /* 動画 */
  section.singleSec.event div.editor div.mov{
    width: 90%;
    padding-top: 49%;
    position: relative;
    margin: 5rem auto 0;
  }
  section.singleSec.event div.editor div.mov iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  /* application-area */
  section.singleSec.event div.application-area{
    padding: 5rem 0 7rem;
  }
  section.singleSec.event div.application-area h4.application{
    font-size: 2.2rem;
    text-align: left;
  }
  section.singleSec.event div.application-area h5.application{
    font-size: 1.8rem;
    padding-bottom: 0.2rem;
    padding-left: 0.8rem;
    margin-bottom: 3rem;
  }
  section.singleSec.event div.application-area div.buttonwrap{
    display: block;
  }
  section.singleSec.event div.application-area div.buttonwrap div.button{
    margin-top: 2rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  section.singleSec.event div.application-area div.buttonwrap div.button.b02{
    margin-top: 2rem;
  }
  section.singleSec.event div.application-area div.buttonwrap div.button a{
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.35;
    padding: 1rem 2rem 1.2rem;
  }
  /* guest */
  section.singleSec.event div.application-area div.guest{
    margin-top: 8rem;
  }
  section.singleSec.event div.application-area p.end_btn{
    width: 31rem;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 4.5rem;
    height: 4.7rem;
  }
  /* application-area */
  section.singleSec.event div.application-area.end{
    margin-top: 10rem;
  }
}

/* エリア別ページ
-------------------------------------------------- */
/* visualAreaSec */
section.visualAreaSec{
  position: relative;
  width: 100%;
  height: 85rem;
}
section.visualAreaSec.hokkaido-tohoku{
  background:url(../img/area/hokkaido-tohoku/visual_hokkaido-tohoku_pc.jpg) center center / cover no-repeat;
}
section.visualAreaSec.kanto{
  background:url(../img/area/kanto/visual_kanto_pc.jpg) center center / cover no-repeat;
}
section.visualAreaSec.chubu{
    background:url(../img/area/chubu/visual_chubu_pc.jpg) center center / cover no-repeat;
  }
  section.visualAreaSec.kansai{
    background:url(../img/area/kansai/visual_kansai_pc.jpg) center top / cover no-repeat;
  }
  section.visualAreaSec.chushikoku{
    background:url(../img/area/chushikoku/visual_chushikoku_pc.jpg) center center / cover no-repeat;
  }
  section.visualAreaSec.kyusyu-okinawa{
    background:url(../img/area/kyusyu-okinawa/visual_kyusyu-okinawa_pc.jpg) center center / cover no-repeat;
  }
section.visualAreaSec div.area{
  position: absolute;
  background: rgb(15,13,203);
  background: linear-gradient(90deg, rgba(15,13,203,0.6) 0%, rgba(34,201,248,0.6) 100%);
  padding: 1rem 0 0.85rem;
  width: 100%;
  top: 0;
}
section.visualAreaSec div.area h2{
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}
section.visualAreaSec div.content.btm{
  position: relative;
  height: 85rem;
}
section.visualAreaSec div.copy{
  position: absolute;
  top: 8rem;
}
section.visualAreaSec div.copy h3{
  color: #fff;
  font-size: 4rem;
  line-height: 1.3;
}
section.visualAreaSec div.sub{
  position: absolute;
  right: 0;
  bottom: 7rem;
}
section.visualAreaSec div.sub h4{
  font-size: 2.8rem;
  line-height: 1.3;
  color: #fff;
  text-align: right;
  margin-bottom: 2rem;
}
section.visualAreaSec div.sub p.desc{
  font-size: 1.4rem;
  line-height: 1.8;
  color: #fff;
  text-align: right;
}
/* areaActivities */
div.areaActivities{
  position: relative;
  width: 100%;
  background:url(../img/area/common/areaActivitySec_bg_img.jpg) center top / cover no-repeat;
  padding: 10rem 0 12rem;
}
div.areaActivities h3{
  color: #fff;
  font-size: 5rem;
  line-height: 1.2;
  text-align: right;
  margin-bottom: 5rem;
}
div.areaActivities div.activitieswrap {
  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;
}
div.areaActivities div.activitieswrap div.box {
  width: 23%;
  position: relative;
}
div.areaActivities div.activitieswrap div.box.blank{
  margin-bottom: 0;
}
div.areaActivities div.activitieswrap div.box:hover {
    opacity: 0.6;
    transition: 0.6s;
}
div.areaActivities div.activitieswrap div.box a.link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
div.areaActivities div.activitieswrap 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;
  background: #EF7701;
}
div.areaActivities div.activitieswrap div.box div.img {
    margin: 1rem 0;
}
div.areaActivities div.activitieswrap div.box p.ttl{
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.8;
}
div.areaActivities p.p-txt{
  color: #fff;
  font-size: 1.6rem;
  margin: 3rem 0;
}
div.areaActivities div.button-area{
  width: 32rem;
  margin: 5rem 0 0 auto;
}
div.areaActivities div.button-area a.button{
  width: 32rem;
  border: 1px solid #fff;
  background: inherit;
  color: #fff;
}
div.areaActivities div.button-area a.button:hover {
  color: #141414;
}
div.areaActivities div.button-area a.button::after{
  background: #fff;
}
div.areaActivities div.button-area a.button::before{
  background-image: url(../img/common/button_btn_on.svg);
}
div.areaActivities div.button-area a.button:hover::before {
  background-image: url(../img/common/button_icon_blk.svg);
}

/*div.areaActivities div.slide-area{
  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;
  width: 90%;
  margin: 9rem 0 0 auto;
}
div.areaActivities div.slide-area div.slide{
  width: 50%;
}
div.areaActivities div.slide-area div.slide div.img-area{
  position: relative;
}
div.areaActivities div.slide-area div.slide div.img-area p.tag{
  position: absolute;
  top: 1rem;
  left: 1rem;
  border-radius: 5rem;
  background: #EF7701;
  color: #fff;
  display: inline-block;
  text-align: center;
  width: 10rem;
  font-size: 1.4rem;
  padding: 0.8rem 0;
  letter-spacing: 0.5rem;
}
div.areaActivities div.slide-area div.slide div.img-area div.button-area{
  position: absolute;
  right: 1.5rem;
  bottom: 2.5rem;
}
div.areaActivities div.slide-area div.slide div.img-area div.button-area a.button{
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
div.areaActivities div.slide-area div.slide div.img-area div.button-area a.button::before{
  background-image: url(../img/common/button_icon_wh.svg);
}
div.areaActivities div.slide-area div.slide div.img-area div.button-area a.button:hover::before{
  background-image: url(../img/common/button_btn_on.svg);
  transition: 0.6s;
}
div.areaActivities div.slide-area div.slide p.ttl{
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.2;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
div.areaActivities div.slide-area div.slide p.txt{
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.8;
}
div.areaActivities div.slide-area div.thumbnail{
  width: 48%;
}
div.areaActivities div.slide-area div.thumbnail div{
  margin-left: 1rem;
  margin-right: 1rem;
}
div.areaActivities .slick-dots{
  bottom: inherit!important;
  top: -4rem!important;
  text-align: left!important;
}
div.areaActivities .slick-dots li{
  margin: 0 3px!important;
}
div.areaActivities .slick-dots li.slick-active button:before{
  color: #1903C4!important;
  opacity: 1!important;
}
div.areaActivities .slick-dots li button:before{
  color: #fff!important;
  opacity: 1!important;
}
div.areaActivities .slick-dots li button:before{
  font-size: 2rem!important;
}*/
/* areaEvent */
div.areaEvent{
  margin-top: 10rem;
}
div.areaEvent div.title div.svg{
  margin: 0 auto 1.5rem;
}
div.areaEvent div.title div.svg.hokkaido-tohoku{
  width: 24.1rem;
}
div.areaEvent div.title div.svg.hokkaido-tohoku img{
  width: 24.1rem;
  height: 1.7rem;
}
div.areaEvent div.title div.svg.kanto{
  width: 12.7rem;
}
div.areaEvent div.title div.svg.kanto img{
  width: 12.7rem;
  height: 1.7rem;
}
div.areaEvent div.title div.svg.chubu{
  width: 12.8rem;
}
div.areaEvent div.title div.svg.chubu img{
  width: 12.8rem;
  height: 1.7rem;
}
div.areaEvent div.title div.svg.kansai{
  width: 13.2rem;
}
div.areaEvent div.title div.svg.kansai img{
  width: 13.2rem;
  height: 1.7rem;
}
div.areaEvent div.title div.svg.chushikoku{
  width: 17.8rem;
}
div.areaEvent div.title div.svg.chushikoku img{
  width: 17.8rem;
  height: 1.7rem;
}
div.areaEvent div.title div.svg.kyusyu-okinawa{
  width: 22.4rem;
}
div.areaEvent div.title div.svg.kyusyu-okinawa img{
  width: 22.4rem;
  height: 1.7rem;
}
div.areaEvent div.title p.area{
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 2rem;
}
div.areaEvent div.title h3{
  font-size: 5rem;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
div.areaEvent div.areaEventwrap{
  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: 7rem;
}
div.areaEvent div.areaEventwrap div.box{
  width: 23%;
  position: relative;
}
div.areaEvent div.areaEventwrap div.box a.link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
div.areaEvent div.areaEventwrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
/*div.areaEvent div.areaEventwrap div.box div.tag.event{
  display: inline-block;
  background: #0076FF;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  padding: 0.3rem 1.5rem;
  border-radius: 5rem;
}*/
div.areaEvent div.areaEventwrap div.box div.img{
  margin-bottom: 1rem;
}
div.areaEvent div.areaEventwrap div.box p.date{
  font-size: 1.4rem;
  line-height: 1.8;
}
div.areaEvent div.areaEventwrap div.box p.ttl{
  font-size: 1.4rem;
  line-height: 1.8;
}
div.areaEvent div.button-area{
  width: 36rem;
}
div.areaEvent div.button-area a.button.event{
  width: 36rem;
}
/* areaStory */
div.areaStory{
  margin-top: 10rem;
  padding: 10rem 0;
  background: linear-gradient(135deg, rgba(15,13,203,0.1) 0%, rgba(34,201,248,0.1) 100%);
  position: relative;
}
div.areaStory div.bg{
  width: 47.5rem;
  position: absolute;
  left: 2.5rem;
  top: 2.5rem;
  z-index: -1;
}
div.areaStory div.title{
  text-align: right;
}
div.areaStory div.title img{
  width: 6.8rem;
  height: 1.7rem;
  margin-bottom: 1.5rem;
}
div.areaStory div.title p.area{
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 2rem;
}
div.areaStory div.title h3{
  font-size: 5rem;
  line-height: 1.2;
  font-weight: 600;
}
div.areaStory div.areaStorywrap{
  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;
  z-index: 1;
}
div.areaStory div.areaStorywrap div.box{
  width: 23%;
  position: relative;
}
div.areaStory div.areaStorywrap div.box a.link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
div.areaStory div.areaStorywrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
div.areaStory div.areaStorywrap div.box div.img{
  margin: 1rem 0;
}
div.areaStory div.areaStorywrap div.box p.ttl{
  font-size: 1.4rem;
  line-height: 1.8;
}
div.areaStory div.button-area{
  width: 37.2rem;
  margin: 5rem 0 0 auto;
}
div.areaStory div.button-area a.button{
  width: 37.2rem;
  background: transparent;
}
/* areaMember */
div.areaMember{
  margin-top: 10rem;
}
div.areaMember div.title p.area{
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
div.areaMember div.title h3{
  font-size: 3.8rem;
  line-height: 1.2;
  font-weight: 600;
}
div.areaMember div.memberwrap{
  margin-top: 5rem;
}
div.areaMember div.memberwrap div.box{
  margin-bottom: 2rem;
} 
div.areaMember div.memberwrap div.box.blank{
  margin-bottom: 0;
}
/* areaSsc */
div.areaSsc{
  margin-top: 8rem;
  padding: 5rem 0 7rem;
  background: rgb(15,13,203);
  background: linear-gradient(135deg, rgba(15,13,203,0.1) 0%, rgba(34,201,248,0.1) 100%);
  position: relative;
}
div.areaSsc div.title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  margin-bottom: 5rem;
}
div.areaSsc div.title p.area{
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.3;
  margin-right: 2rem;
}
div.areaSsc div.title h3{
  font-size: 3.8rem;
  line-height: 1.2;
  font-weight: 600;
}
div.areaSsc div.sscBannerwrap{
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
div.areaSsc div.sscBannerwrap div.box{
  width: 18%;
  margin-bottom: 2rem;
}
div.areaSsc div.sscBannerwrap div.box.blank{
  margin-bottom: 0;
}
/* areaSupporter */
div.areaSupporter{
  margin-top: 10rem;
  margin-bottom: 15rem;
  position: relative;
}
div.areaSupporter div.title p.sub{
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  text-align: center;
}
div.areaSupporter div.title h3{
  font-size: 3.8rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}
div.areaSupporter div.supporterwrap{
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
div.areaSupporter div.supporterwrap div.supporterbox{
  width: 16%;
  margin-left: 1rem;
  margin-right: 1rem;
}
div.areaSupporter div.supporterwrap div.supporterbox div.img-area img{
  vertical-align: bottom;
}
div.areaSupporter div.supporterwrap div.supporterbox div.info-area{
  margin-top: 1rem;
}
div.areaSupporter div.supporterwrap div.supporterbox div.info-area dl dt.company,
div.areaSupporter div.supporterwrap div.supporterbox div.info-area dl dd.position{
  font-size: 1.5rem;
  line-height: 1.4;
}
div.areaSupporter div.supporterwrap div.supporterbox div.info-area p.name{
  margin-top: 1rem;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
}
section.areaSsc.hokkaido-tohoku div.supporterwrap,
section.areaSsc.chushikoku div.supporterwrap {
  max-width: 1030px;
  margin: 5rem auto 0;
}
@media print, screen and (max-width: 1280px) {
  /* areaStory */
  div.areaStory div.bg{
    width: 36%;
    top: 1.5%;
    left: 1.5%;
  }
}
@media print, screen and (max-width: 960px) {
  /* areaActivities */
  div.areaActivities div.activitieswrap div.box {
    width: 31%;
  }
  /*div.areaActivities div.slide-area{
    width: 95%;
  }*/
  /* areaEvent */
  /*div.areaEvent div.areaEventwrap div.box{
    width: 31%;
  }*/
  /* areaStory */
  /*div.areaStory div.areaStorywrap div.box{
    width: 31%;
    margin-bottom: 3rem;
  }*/
  /* areaSsc */
  div.areaSsc div.sscBannerwrap div.box{
    width: 31%;
  }
}
@media print, screen and (max-width: 767px) {
  /* visualAreaSec */
  section.visualAreaSec.hokkaido-tohoku{
    background:url(../img/area/hokkaido-tohoku/visual_hokkaido-tohoku_sp.jpg) center top / cover no-repeat;
  }
  section.visualAreaSec.kanto{
    background:url(../img/area/kanto/visual_kanto_sp.jpg) center center / cover no-repeat;
  }
  section.visualAreaSec.chubu{
    background:url(../img/area/chubu/visual_chubu_sp.jpg) center center / cover no-repeat;
  }
  section.visualAreaSec.kansai{
    background:url(../img/area/kansai/visual_kansai_sp.jpg) center top / cover no-repeat;
  }
  section.visualAreaSec.chushikoku{
    background:url(../img/area/chushikoku/visual_chushikoku_sp.jpg) center center / cover no-repeat;
  }
  section.visualAreaSec.kyusyu-okinawa{
    background:url(../img/area/kyusyu-okinawa/visual_kyusyu-okinawa_sp.jpg) center center / cover no-repeat;
  }
  section.visualAreaSec div.copy h3{
    font-size: 3.4rem;
    line-height: 1.4;
  }
  section.visualAreaSec div.sub{
    bottom: 6rem;
  }
  section.visualAreaSec div.sub h4{
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
  section.visualAreaSec div.sub p.desc{
    text-align: left;
  }
  /* areaActivities */
  div.areaActivities{
    padding: 10rem 0 15rem;
  }
  div.areaActivities h3{
    color: #fff;
    font-size: 2.8rem;
    line-height: 1.3;
    text-align: right;
  }
  div.areaActivities div.activitieswrap div.box {
    width: 48.5%;
  }
  div.areaActivities div.button-area {
    margin: 5rem auto 0;
  }
  /*div.areaActivities div.slide-area{
    display: block;
    width: 90%;
    margin: 7rem auto 0;
  }
  div.areaActivities div.slide-area div.slide{
    width: 100%;
  }
  div.areaActivities div.slide-area div.slide div.img-area div.button-area{
    width: 15.3rem;
  }
  div.areaActivities div.slide-area div.slide div.img-area div.button-area a.button{
    width: 15.3rem;
  }
  div.areaActivities div.slide-area div.slide p.ttl{
    font-size: 2.2rem;
  }
  div.areaActivities div.slide-area div.slide p.txt{
    font-size: 1.5rem;
  }
  div.areaActivities div.slide-area div.thumbnail{
    display: none;
  }*/
  /* areaEvent */
  div.areaEvent div.title div.svg{
    margin: 0 auto 1.2rem;
  }
  div.areaEvent div.title p.area{
    font-size: 2.2rem;
    margin-bottom: 0.8rem;
  }
  div.areaEvent div.title h3{
    font-size: 3rem;
  }
  div.areaEvent div.areaEventwrap{
    margin-top: 5rem;
  }
  div.areaEvent div.areaEventwrap div.box{
    width: 48.5%;
    margin-bottom: 3rem;
  }
  div.areaEvent div.areaEventwrap div.box.blank{
    margin-bottom: 0;
  }
  div.areaEvent div.areaEventwrap div.box p.ttl{
    font-size: 1.5rem;
  }
  div.areaEvent div.button-area{
    width: 27.5rem;
    display: block;
  }
  div.areaEvent div.button-area a.button.event{
    width: 27.5rem;
    line-height: 1.5;
    padding-top: 0.8rem;
    padding-bottom: 0.5rem;
    height: 6rem;
  }
  div.areaEvent div.button-area a.button::before{
    top: 1.7rem;
  }
  /* areaStory */
  div.areaStory{
    background: linear-gradient(180deg, rgba(15,13,203,0.1) 0%, rgba(34,201,248,0.1) 100%);
  }
  div.areaStory div.bg{
    width: 55%;
    left: 0;
    top: 0;
  }
  div.areaStory div.title img{
    margin-bottom: 1rem;
  }
  div.areaStory div.title p.area{
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
  div.areaStory div.title h3{
    font-size: 2.8rem;
    line-height: 1.3;
  }
  div.areaStory div.areaStorywrap{
    margin-top: 5rem;
  }
  div.areaStory div.areaStorywrap div.box{
    width: 48.5%;
    margin-bottom: 3rem;
  }
  div.areaStory div.areaStorywrap div.box.blank{
    margin-bottom: 0;
  }
  div.areaStory div.areaStorywrap div.box div.img{
    margin: 1rem 0;
  }
  div.areaStory div.areaStorywrap div.box p.ttl{
    font-size: 1.4rem;
    line-height: 1.8;
  }
  div.areaStory div.button-area{
    width: 27.5rem;
    margin: 3rem auto 0 auto;
  }
  div.areaStory div.button-area a.button{
    width: 27.5rem;
    line-height: 1.5;
    padding-top: 0.8rem;
    padding-bottom: 0.5rem;
    height: 6rem;
  }
  div.areaStory div.button-area a.button::before{
    top: 1.7rem;
  }
  /* areaMember */
  div.areaMember div.memberwrap {
    margin-top: 3rem;
  }
  div.areaMember div.title p.area{
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
  div.areaMember div.title h3{
    font-size: 3.2rem;
  }
  /* areaSsc */
  div.areaSsc{
    margin-top: 8rem;
    padding: 10rem 0;
    background: linear-gradient(180deg, rgba(15,13,203,0.1) 0%, rgba(34,201,248,0.1) 100%);
  }
  div.areaSsc div.title{
    display: block;
    margin-bottom: 3.5rem;
  }
  div.areaSsc div.title p.area{
    font-size: 2.2rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
    text-align: center;
  }
  div.areaSsc div.title h3{
    font-size: 3.0rem;
    text-align: center;
  }
  div.areaSsc div.sscBannerwrap div.box{
    width: 48.5%;
  }
  /* areaSupporter */
  div.areaSupporter{
    margin-top: 10rem;
    margin-bottom: 15rem;
    position: relative;
  }
  div.areaSupporter div.title p.sub{
    font-size: 2.2rem;
    line-height: 1.3;
    margin-bottom: 1.5rem;
    text-align: left;
  }
  div.areaSupporter div.title h3{
    font-size: 3.0rem;
    line-height: 1.3;
    text-align: left;
  }
}
@media print, screen and (max-width: 560px) {
  /* visualAreaSec */
  section.visualAreaSec{
    height: calc(100vh - 7rem);
  }
  section.visualAreaSec div.content.btm{
    height: calc(100vh - 7rem);
  }
  /* areaStory */
  div.areaStory div.bg{
    width: 60%;
  }
  div.areaStory div.title p.area{
    font-size: 2.0rem;
  }
  div.areaStory div.title h3{
    font-size: 2.4rem;
    line-height: 1.3;
  }
}
@media print, screen and (max-width: 480px) {
  /* areaActivities */
  div.areaActivities div.activitieswrap div.box {
    width: 100%;
    margin-bottom: 3rem;
  }
  /* areaEvent */
  div.areaEvent div.areaEventwrap div.box{
    width: 100%;
  }
  div.areaEvent div.areaEventwrap div.box:last-child{
    margin-bottom: 0;
  }
}

/* historySec
-------------------------------------------------- */
section.historySec{
  margin: 10rem 0 15rem;
}
section.historySec div.outline table{
  margin-top: 2rem;
}
section.historySec div.outline table th{
  width: 12rem;
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: left;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #BCBCBC;
  vertical-align: middle;
}
section.historySec div.outline table td{
  font-size: 1.5rem;
  line-height: 1.6;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #BCBCBC;
  vertical-align: middle;
}
section.historySec div.outline table th.address,
section.historySec div.outline table td.address{
  padding-bottom: 0;
}
section.historySec div.outline table th.map,
section.historySec div.outline table td.map{
  padding-bottom: 1.5rem;
}
section.historySec div.outline table th.nbdr,
section.historySec div.outline table td.nbdr{
  border-bottom: none;
}
section.historySec div.outline table td div.logo{
  width: 23.1rem;
}
section.historySec div.outline table td div.logo a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.historySec div.outline table iframe{
  width: 100%;
  height: 20rem;
}
section.historySec div.history{
  margin-top: 14rem;
}
section.historySec div.svg.history img{
  width: 8.4rem;
  margin-bottom: 2rem;
}
section.historySec div.history h3.h3-cmn{
  margin-bottom: 6rem;
}
section.historySec div.history div.block{
  position: relative;
  padding-bottom: 4rem;
  border-left: 1px solid #BCBCBC;
  width: 92%;
  margin: 0 auto;
}
section.historySec div.history div.block.s2012{
  padding-top: 2rem;
}
section.historySec div.history div.block.s2024{
  padding-bottom: 0;
}
section.historySec div.history div.block dl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5rem;
}
section.historySec div.history div.block dl dt{
  width: 0.8rem;
  height: 0.8rem;
  background: #1903C4;
  border-radius: 50%;
  position: absolute;
  left: -0.4rem;
}
section.historySec div.history div.block dd.era{
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-left: 3rem;
}
section.historySec div.history div.block dd.era span{
  color: #1903C4;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  margin-right: 0.5rem;
}
section.historySec div.history div.block p.con{
  font-size: 1.5rem;
  line-height: 1.8;
  margin-left: 7rem;
}
@media print, screen and (max-width: 767px) {
  section.historySec{
    margin: 7rem 0 13rem;
  }
  section.historySec div.outline table th{
    font-size: 1.8rem;
    font-weight: bold;
    width: 100%;
    display: block;
    padding-bottom: 0;
    border-bottom: none;
  }
  section.historySec div.outline table td{
    font-size: 1.6rem;
    line-height: 1.8;
    width: 100%;
    display: block;
    padding-top: 1.5rem;
  }
  section.historySec div.outline table th.map{
    padding-bottom: 0;
  }
  section.historySec div.outline table th.map.btm{
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 1.5rem;
  }
  section.historySec div.outline table th.blank{
    display: none;
  }
  section.historySec div.outline table th.space{
    display: none;
  }
  section.historySec div.history{
    margin-top: 10rem;
  }
  section.historySec div.svg.history img{
    margin-bottom: 1.5rem;
  }
  section.historySec div.history h3.h3-cmn{
    margin-bottom: 4rem;
  }
  section.historySec div.history div.block{
    width: 95%;
  }
  section.historySec div.history div.block dl{
    margin-bottom: 1rem;
  }
  section.historySec div.history div.block dd.era{
    font-size: 1.6rem;
    margin-left: 2rem;
  }
  section.historySec div.history div.block dd.era span{
    font-size: 2.6rem;
  }
  section.historySec div.history div.block p.con{
    margin-left: 2rem;
  }
}

/* admissionSec
-------------------------------------------------- */
section.admissionSec{
  margin: 10rem 0 15rem;
}
section.admissionSec p.lead{
  text-align: center;
}
section.admissionSec h3.h3-admission{
  font-size: 2.8rem;
  line-height: 1.2;
  border-left: 10px solid #1902C4;
  padding-left: 1.5rem;
  padding-bottom: 0.1rem;
  margin-bottom: 2rem;
}
section.admissionSec h3.h3-admission span{
  color: #1902C4;
}
section.admissionSec div.admission.a01{
  margin-top: 7rem;
}
section.admissionSec div.admission.a01 div.block{
  border-bottom: 1px solid #BCBCBC;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.admissionSec div.admission.a01 div.block div.title{
  width: 26rem;
}
section.admissionSec div.admission.a01 div.block div.text{
  width: 70%;
}
section.admissionSec div.admission.a01 div.block ul li{
  list-style-type: disc;
  margin-left: 2.3rem;
}
section.admissionSec div.admission.a01 div.block ol{
  margin-top: 3rem;
}
section.admissionSec div.admission.a01 div.block ol li{
  color: #1902C4;
}
section.admissionSec div.admission.a01 div.block ol li span{
  color: #141414;
}
section.admissionSec div.admission.a01 div.block.b04{
  margin-bottom: 0;  
}
section.admissionSec div.admission.a01 div.block.b04 p{
  margin-top: 2rem;
}
section.admissionSec div.admission.a02{
  margin-top: 15rem;
}
section.admissionSec div.admission.a02 h3{
  font-size: 2.8rem;
  margin-bottom: 5rem;
  line-height: 1.2;
  text-align: center;
}
section.admissionSec div.admission.a02 h3 span{
  color: #1902C4;
}
section.admissionSec div.admission.a02 div.block{
  border-left: 1px solid #BCBCBC;
  position: relative;
}
section.admissionSec div.admission.a02 div.block.b01,
section.admissionSec div.admission.a02 div.block.b02{
  padding-bottom: 3rem;
}
section.admissionSec div.admission.a02 div.block div.box{
  background: #E2E2E2;
  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;
  padding: 1.5rem;
  margin-left: 5.5rem;
}
section.admissionSec div.admission.a02 div.block span.dot{
  width: 0.8rem;
  height: 0.8rem;
  background: #1903C4;
  border-radius: 50%;
  position: absolute;
  left: -0.4rem;
}
section.admissionSec div.admission.a02 div.block div.box div.svg{
  width: 8.3rem;
  margin-bottom: 0.5rem;
}
section.admissionSec div.admission.a02 div.block div.box h4{
  font-size: 2.8rem;
  line-height: 1.3;
  margin-left: 1.5rem;
}
section.admissionSec div.admission.a02 div.block div.box h4 span{
  color: #1902C4;
}
section.admissionSec div.admission.a02 div.block div.box div.txt-area{
  background: #FFFFFF;
  width: 38rem;
  padding: 1rem 2rem;
}
section.admissionSec div.admission.a03{
  margin-top: 10rem;
}
section.admissionSec div.admission.a03 p.message{
  font-size: 2.2rem;
  line-height: 1.6;
  text-align: center;
}
section.admissionSec div.admission.a03 p.message span{
  font-size: 1.6rem;
  line-height: 1.2;
}
section.admissionSec div.admission.a03 div.terms{
  margin-top: 4.5rem;
  width: 100%;
  height: 20rem;
  border: 1px solid #BCBCBC;
  padding: 2rem;
  overflow-y: scroll;
}
section.admissionSec div.admission.a03 div.terms::-webkit-scrollbar{
   width: 4px;
}
section.admissionSec div.admission.a03 div.terms::-webkit-scrollbar-track{
   background-color: #BCBCBC;
}
section.admissionSec div.admission.a03 div.terms::-webkit-scrollbar-thumb{
   background-color: #1903C4;
   border-radius: 8px;
}
section.admissionSec div.admission.a03 div.check{
  text-align: center;
  margin: 3rem 0 5rem;
}
section.admissionSec div.admission.a03 div.check a{
  color: #1903C4;
  text-decoration: underline;
}
section.admissionSec div.admission.a03 div.check a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.admissionSec div.admission.a03 div.check input[type="checkbox"] {
  position: relative;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #BCBCBC;
  vertical-align: -5px;
  margin-right: 1rem;
}
section.admissionSec div.admission.a03 div.step p.step-ttl.sp{
  display: none;
}
section.admissionSec div.admission.a03 div.step.s02{
  margin-top: 7rem;
}
section.admissionSec div.admission.a03 div.step div.stepwrap{
  display: flex;
  justify-content: center;
  align-items: center;
}
section.admissionSec div.admission.a03 div.step.s02 div.stepwrap{
  margin-top: 5rem;
}
section.admissionSec div.admission.a03 div.step div.stepwrap p.step-ttl.pc{
  font-size: 2.0rem;
  line-height: 1.2;
  font-weight: bold;
  color: #1902C4;
  margin-right: 5rem;
}
section.admissionSec div.admission.a03 div.step div.button-area{
  width: 30rem;
  margin: 0;
}
section.admissionSec div.admission.a03 div.step div.button-area button{
  width: 30rem;
  height: 6.5rem;
  line-height: 1.4;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: #1903C4;
  color: #fff;
  border: 1px solid #1903C4;
  border-radius: 5rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  cursor: pointer;
  position: relative;
}
section.admissionSec div.admission.a03 div.step div.button-area button span{
  font-size: 2.2rem;
}
section.admissionSec div.admission.a03 div.step div.button-area button:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.admissionSec div.admission.a03 div.step div.button-area button::before{
  position: absolute;
  content: '';
  width: 3rem;
  height: 3rem;
  background-image: url(../img/admission/button-arr.svg);
  top: 1.6rem;
  right: 1rem;
}
section.admissionSec div.admission.a03 div.step div.button-area button:disabled {
  background-color: #BCBCBC;
  border: 1px solid #BCBCBC;
  cursor: inherit;
}
section.admissionSec div.admission.a03 div.step div.button-area button:disabled:hover{
  color: #fff;
}
section.admissionSec div.admission.a03 div.step div.button-area button:disabled::before{
  position: absolute;
  content: '';
  width: 3rem;
  height: 3rem;
  background-image: url(../img/admission/button-arr-gray.svg);
  top: 1.6rem;
  right: 1rem;
}
section.admissionSec div.admission.a03 p.att{
  margin-top: 3rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.6;
}
section.admissionSec div.admission.a03 p.att a{
  color: #1903C4;
  text-decoration: underline;
}
section.admissionSec div.admission.a03 p.att a:hover{
  opacity: 0.4;
  transition: 0.6s;
}
@media print, screen and (max-width: 960px) {
  section.admissionSec div.admission.a02 div.block div.box{
    display: block;
    margin-left: 3.5rem;
  }
  section.admissionSec div.admission.a02 div.block span.dot{
    top: 40%;
  }
  section.admissionSec div.admission.a02 div.block div.box h4{
    margin-bottom: 1rem;
  }
  section.admissionSec div.admission.a02 div.block div.box div.txt-area{
    width: 100%;
  }  
}
@media print, screen and (max-width: 767px) {
  section.admissionSec{
    margin: 5rem 0 15rem;
  }
  section.admissionSec p.lead{
    text-align: left;
    font-size: 1.5rem;
    line-height: 2.0;
  }
  section.admissionSec h3.h3-admission{
    margin-bottom: 3rem;
  }
  section.admissionSec div.admission.a01{
    margin-top: 10rem;
  }
  section.admissionSec div.admission.a01 div.block{
    padding-bottom: 0;
    margin-bottom: 7rem;
    display: block;
    border-bottom: none;
  }
  section.admissionSec div.admission.a01 div.block div.title{
    width: 100%;
  }
  section.admissionSec div.admission.a01 div.block div.text{
    width: 100%
  }
  section.admissionSec div.admission.a02 {
    margin-top: 10rem;
  }
  section.admissionSec div.admission.a02 h3{
    font-size: 2.6rem;
    margin-bottom: 3.5rem;
  }
  section.admissionSec div.admission.a02 div.block div.box{
    margin-left: 2.5rem;
  }
  section.admissionSec div.admission.a02 div.block div.box div.svg{
    margin-bottom: 0.3rem;
  }
  section.admissionSec div.admission.a02 div.block div.box h4{
    font-size: 2.4rem;
    line-height: 1.25;
    margin-left: 1.4rem;
    margin-bottom: 1rem;
  }
  section.admissionSec div.admission.a03 {
    margin-top: 5rem;
  }
  section.admissionSec div.admission.a03 p.message{
    font-size: 2.0rem;
    line-height: 1.5;
  }
  section.admissionSec div.admission.a03 div.terms{
    margin-top: 3.5rem;
    height: 35rem;
  }
  section.admissionSec div.admission.a03 div.check{
    margin-bottom: 0;
  }
  section.admissionSec div.admission.a03 div.step p.step-ttl.sp{
    display: block;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: bold;
    color: #1902C4;
    text-align: center;
    margin-bottom: 2.5rem;
  }
  section.admissionSec div.admission.a03 div.step div.stepwrap{
    display: block;
  }
  section.admissionSec div.admission.a03 div.step.s02 div.stepwrap{
    margin-top: 0;
  }
  section.admissionSec div.admission.a03 div.step div.stepwrap p.step-ttl.pc{
    display: none;
  }
  section.admissionSec div.admission.a03 div.step div.button-area{
    width: 30rem;
    margin: 5rem auto;
  }
  section.admissionSec div.admission.a03 div.step div.button-area a.button{
    width: 30rem;
  }
  section.admissionSec div.admission.a03 p.att{
    margin-top: 3rem;
    font-size: 1.6rem;
  }
}

/* about 経営実践研究会について
-------------------------------------------------- */
section.aboutSec{
  margin-bottom: 15rem;
}
section.aboutSec div.about.a01{
  position: relative;
  padding-bottom: 15rem;
}
section.aboutSec div.about.a01 div.content{
  position: relative;
}
section.aboutSec div.about.a01 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: left;
}
section.aboutSec div.about.a01 div.wrap div.img-area{
  width: 38.5rem;
  margin-right: 7%;
  margin-left: -16rem;
}
section.aboutSec div.about.a01 div.wrap div.txt-area p.message{
  font-size: 2.8rem;
  line-height: 1.6;
}
section.aboutSec div.about.a01 div.wrap div.txt-area p.message span.impact{
  color: #1903C4;
  font-weight: bold;
}
section.aboutSec div.about.a01 div.img.main{
  display: none;
}
section.aboutSec div.about.a01 div.img.i01{
  width: 27rem;
  position: absolute;
  top: -22rem;
  right: 4rem;
}
section.aboutSec div.about.a01 div.img.i02{
  width: 25.1rem;
  position: absolute;
  bottom: 0;
  right: 10rem;
}
section.aboutSec div.about.a02{
  margin-top: 10rem;
  position: relative;
}
section.aboutSec div.about.a02 h3{
  font-size: 5rem;
  line-height: 1.3;
  margin-bottom: 3rem;
}
section.aboutSec div.about.a02 h3 span{
  color: #1903C4;
}
section.aboutSec div.about.a02 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.aboutSec div.about.a02 div.wrap div.txt{
  width: 50%;
}
section.aboutSec div.about.a02 div.wrap div.txt p{
  line-height: 1.8;
}
section.aboutSec div.about.a02 div.wrap div.txt p.p01,
section.aboutSec div.about.a02 div.wrap div.txt p.p02,
section.aboutSec div.about.a02 div.wrap div.txt p.p03,
section.aboutSec div.about.a02 div.wrap div.txt p.p04,
section.aboutSec div.about.a02 div.wrap div.txt p.p05{
  margin-bottom: 3rem;
}
section.aboutSec div.about.a02 div.wrap div.txt p span{
  color: #1903C4;
}
section.aboutSec div.about.a02 div.wrap div.img{
  width: 42%;
  margin-top: 5rem;
}
section.aboutSec div.about.a02 div.bg{
  position: absolute;
  width: 49rem;
  top: 0;
  right: 0;
  z-index: -1;
}
section.aboutSec div.about.a03{
  margin-top: 10rem;
}
section.aboutSec div.about.a03 div.title{
  position: relative;
  margin-bottom: 2rem;
}
section.aboutSec div.about.a03 div.title p.ttl{
  font-size: 5rem;
  font-weight: bold;
  line-height: 1.3;
  color: #1903C4;
  background: #fff;
  position: relative;
  display: inline;
  padding-right: 2rem;
}
section.aboutSec div.about.a03 div.title p.ttl::after{
  content: 'なぜやるのか';
  color: #141414;
  font-size: 1.6rem;
  margin-left: 1rem;
}
section.aboutSec div.about.a03 div.title div.border{
  position: absolute;
  top: 4.8rem;
  border-bottom: 1px solid #BCBCBC;
  z-index: -1;
  width: 100%;
}
section.aboutSec div.about.a03 h3{
  font-size: 3.8rem;
  line-height: 1.3;
  margin-bottom: 5rem;
}
section.aboutSec div.about.a03 h4{
  font-size: 2.8rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}
section.aboutSec div.about.a03 div.box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.aboutSec div.about.a03 div.box.b02{
  margin-top: 6rem;
}
section.aboutSec div.about.a03 div.box div.txt{
  width: 64%;
}
section.aboutSec div.about.a03 div.box div.txt h5{
  font-size: 2.8rem;
  line-height: 1.3;
  margin-bottom: 2rem;
}
section.aboutSec div.about.a03 div.box div.txt p{
  line-height: 1.8;
}
section.aboutSec div.about.a03 div.box div.txt p span{
  color: #1903C4;
}
section.aboutSec div.about.a03 div.box div.img{
  width: 30%;
}
section.aboutSec div.about.a04{
  padding: 5rem 0;
  margin-top: 10rem;
  background: url(../img/about/aboutSec_bg.png)no-repeat;
}
section.aboutSec div.about.a04 h3{
  font-size: 2.8rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 1.5rem;
}
section.aboutSec div.about.a04 h4{
  font-size: 2.8rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 3rem;  
}
section.aboutSec div.about.a04 p{
  line-height: 1.8;
}
section.aboutSec div.about.a04 p.p01,
section.aboutSec div.about.a04 p.p02{
  margin-bottom: 3rem;
}
section.aboutSec div.about.a05{
  margin-top: 10rem;
}
section.aboutSec div.about.a05 h3{
  font-size: 2.8rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 3rem;
}
section.aboutSec div.about.a05 div.img-area{
  width: 100%;
  margin: 0 auto 5rem;
}
section.aboutSec div.about.a05 div.pillarwrap{
  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.aboutSec div.about.a05 div.pillarwrap div.box{
  width: 48%;
}
section.aboutSec div.about.a05 div.pillarwrap div.box.b01,
section.aboutSec div.about.a05 div.pillarwrap div.box.b02{
  margin-bottom: 5rem;
}
section.aboutSec div.about.a05 div.pillarwrap div.box div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5rem;
}
section.aboutSec div.about.a05 div.pillarwrap div.box div.wrap img{
  width: 10.6rem;
  margin-right: 2rem;
}
section.aboutSec div.about.a05 div.pillarwrap div.box div.wrap h4{
  font-size: 2.8rem;
  line-height: 1.3;
}
section.aboutSec div.about.a05 div.pillarwrap div.box p{
  line-height: 1.6;
}
section.aboutSec div.about.a06{
  margin-top: 10rem;
}
section.aboutSec div.about.a06 div.title{
  position: relative;
  margin-bottom: 2rem;
}
section.aboutSec div.about.a06 div.title p.ttl{
  font-size: 5rem;
  font-weight: bold;
  line-height: 1.3;
  color: #1903C4;
  background: #fff;
  position: relative;
  display: inline;
  padding-right: 2rem;
}
section.aboutSec div.about.a06 div.title p.ttl::after{
  content: '誰とやるのか';
  color: #141414;
  font-size: 1.6rem;
  margin-left: 1rem;
}
section.aboutSec div.about.a06 div.title div.border{
  position: absolute;
  top: 4.8rem;
  border-bottom: 1px solid #BCBCBC;
  z-index: -1;
  width: 100%;
}
section.aboutSec div.about.a06 h3{
  font-size: 3.8rem;
  line-height: 1.3;
  margin-bottom: 3rem;
}
section.aboutSec div.about.a06 h4{
  font-size: 2.8rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}
section.aboutSec div.about.a06 p.lead{
  line-height: 1.8;
}
section.aboutSec div.about.a06 div.advisor{
  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;
  max-width: 780px;
  width: 100%;
  margin: 3rem auto 0;
}
section.aboutSec div.about.a06 div.advisor div.box{
  width: 15%;
}
section.aboutSec div.about.a06 div.advisor div.box.b01,
section.aboutSec div.about.a06 div.advisor div.box.b02,
section.aboutSec div.about.a06 div.advisor div.box.b03,
section.aboutSec div.about.a06 div.advisor div.box.b04,
section.aboutSec div.about.a06 div.advisor div.box.b05,
section.aboutSec div.about.a06 div.advisor div.box.b06{
  margin-bottom: 7rem;
}
section.aboutSec div.about.a06 div.advisor div.box dl{
  margin-top: 1rem;
}
section.aboutSec div.about.a06 div.advisor div.box dl dt.title{
  font-size: 1.4rem;
}
section.aboutSec div.about.a06 div.advisor div.box dl dd.name{
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
section.aboutSec div.about.a06 div.advisor div.box dl dd.company{
  font-size: 1.4rem;
  line-height: 1.6;
}
section.aboutSec div.about.a06 p.att{
  margin-top: 2rem;
  text-align: right;
}
section.aboutSec div.about.a07{
  margin-top: 10rem;
}
section.aboutSec div.about.a07 h3{
  font-size: 2.8rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 3rem;
}
section.aboutSec div.about.a07 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.aboutSec div.about.a07 div.wrap div.img{
  width: 31%;
}
section.aboutSec div.about.a07 div.wrap div.img a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.aboutSec div.about.a08{
  margin-top: 10rem;
}
section.aboutSec div.about.a08 div.title{
  position: relative;
  margin-bottom: 2rem;
}
section.aboutSec div.about.a08 div.title p.ttl{
  font-size: 5rem;
  font-weight: bold;
  line-height: 1.3;
  color: #1903C4;
  background: #fff;
  position: relative;
  display: inline;
  padding-right: 2rem;
}
section.aboutSec div.about.a08 div.title p.ttl::after{
  content: 'なにをやるのか';
  color: #141414;
  font-size: 1.6rem;
  margin-left: 1rem;
}
section.aboutSec div.about.a08 div.title div.border{
  position: absolute;
  top: 4.8rem;
  border-bottom: 1px solid #BCBCBC;
  z-index: -1;
  width: 100%;
}
section.aboutSec div.about.a08 h3{
  font-size: 3.8rem;
  line-height: 1.3;
  margin-bottom: 3rem;
}
section.aboutSec div.about.a08 h4.title{
  font-size: 2.8rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}
section.aboutSec div.about.a08 p.lead{
  line-height: 1.8;
}
section.aboutSec div.about.a08 div.block h4{
  font-size: 2.8rem;
  line-height: 1.4;
  margin-bottom: 3rem;
}
section.aboutSec div.about.a08 div.block div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.aboutSec div.about.a08 div.block div.txt p{
  line-height: 1.8;
}
section.aboutSec div.about.a08 div.block.b01{
  margin-top: 5rem;
}
section.aboutSec div.about.a08 div.block.b01 div.img{
  width: 54%;
}
section.aboutSec div.about.a08 div.block.b01 div.txt{
  width: 42%;
}
section.aboutSec div.about.a08 div.block.b01 div.txt div.box{
  margin-top: 1.5rem;
  background: linear-gradient(135deg, rgba(15, 13, 203, 0.1) 0%, rgba(34, 201, 248, 0.1) 100%);
  padding: 1.5rem;
}
section.aboutSec div.about.a08 div.block.b01 div.txt div.box p.ttl{
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}
section.aboutSec div.about.a08 div.block.b01 div.txt div.button-area{
  width: 24.4rem;
  margin: 3rem 0 0 auto;
}
section.aboutSec div.about.a08 div.block.b01 div.txt div.button-area a.button{
  width: 24.4rem;
}
section.aboutSec div.about.a08 div.block.b02{
  margin-top: 10rem;
}
section.aboutSec div.about.a08 div.block.b02 div.img{
  width: 50%;
}
section.aboutSec div.about.a08 div.block.b02 div.txt{
  width: 42%;
}
section.aboutSec div.about.a08 div.block.b02 div.txt div.box{
  margin-top: 1.5rem;
  background: url(../img/about/aboutSec_bg2.png)no-repeat;
  padding: 1.5rem;
}
section.aboutSec div.about.a08 div.block.b02 div.txt div.box p.ttl{
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}
section.aboutSec div.about.a08 div.block.b02 div.txt div.box ul li{
  list-style-type: disc;
  margin-left: 2.1rem;
}
section.aboutSec div.about.a08 div.block.b02 div.txt div.button-area{
  width: 30rem;
  margin: 3rem 0 0 auto;
}
section.aboutSec div.about.a08 div.block.b02 div.txt div.button-area a.button{
  width: 30rem;
}
section.aboutSec div.about.a09{
  margin-top: 10rem;
}
section.aboutSec div.about.a09 h3{
  font-size: 2.8rem;
  line-height: 1.4;
  margin-bottom: 3rem;
}
section.aboutSec div.about.a09 div.contentwrap div.upper{
  border-bottom: 1px solid #141414;
  padding-bottom: 2.5rem;
  margin-bottom: 3.5rem;
}
section.aboutSec div.about.a09 div.contentwrap div.upper,
section.aboutSec div.about.a09 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.aboutSec div.about.a09 div.contentwrap div.box{
  width: 31.5%;
}
section.aboutSec div.about.a09 div.contentwrap div.box.sp{
  display: none;
}
section.aboutSec div.about.a09 div.contentwrap div.box div.img{
  margin-bottom: 1rem;
}
section.aboutSec div.about.a09 div.contentwrap div.box div.img a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.aboutSec div.about.a09 div.contentwrap div.box h4{
  font-size: 1.8rem;
  line-height: 1.3;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 2rem;
}
section.aboutSec div.about.a09 div.contentwrap div.box h4 a:hover{
  color: #1903C4;
  transition: 0.6s;
}
section.aboutSec div.about.a09 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.55rem;
}
section.aboutSec div.about.a09 div.contentwrap div.box h4:hover::before{
  background-image: url(../img/common/button_icon04_on.svg);
  transition: 0.6s;
}
section.aboutSec div.about.a09 div.contentwrap div.box p.p-txt{
  font-size: 1.4rem;
  line-height: 1.6;
}
section.aboutSec div.about.a09 div.button-area{
  width: 58rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
section.aboutSec div.about.a09 div.button-area a.button{
  width: 27rem;
}
section.aboutSec div.about.a09 div.button-area a.button.b01{
  margin-right: 4rem;
}
section.aboutSec div.about.a10{
  margin-top: 10rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: left;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 100%;
}
section.aboutSec div.about.a10 div.img-area {
  width: 50%;
}
section.aboutSec div.about.a10 div.img-area img {
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
  height: 40rem;
  object-fit: cover;
}
section.aboutSec div.about.a10 div.txt-area {
  margin-left: 5%;
  margin-top: 5rem;
}
section.aboutSec div.about.a10 div.txt-area h3{
  font-size: 2.8rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
section.aboutSec div.about.a10 div.txt-area p{
  line-height: 1.8;
}
section.aboutSec div.about.a10 div.button-area{
  width: 30rem;
  margin: 3rem 0 0 auto;
}
section.aboutSec div.about.a10 div.button-area.sp{
  display: none;
}
section.aboutSec div.about.a10 div.button-area a.button{
  width: 30rem;
  font-size: 2.2rem;
  line-height: 4.3rem;
  height: 4.7rem;
  border: 1px solid #141414;
}
section.aboutSec div.about.a10 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: 1180px) {
  section.aboutSec div.about.a01{
    position: relative;
    padding-bottom: 22rem;
  }
  section.aboutSec div.about.a01 div.wrap div.img-area{
    width: 35rem;
    margin-right: 4%;
    margin-left: 0;
  }
  section.aboutSec div.about.a01 div.wrap div.txt-area p.message{
    font-size: 2.4vw;
  }
  section.aboutSec div.about.a01 div.img.i01{
    width: 25%;
    right: 5%;
  }
  section.aboutSec div.about.a01 div.img.i02{
    width: 24%;
    right: 5%;
    top: 55%;
    border-bottom: inherit;
  }
  section.aboutSec div.about.a10 div.img-area {
    width: 45%;
  }
  section.aboutSec div.about.a10 div.txt-area {
    margin-left: 3%;
    margin-top: 3rem;
  }
}
@media print, screen and (max-width: 960px) {
  section.aboutSec div.about.a05 div.pillarwrap{
    display: block;
  }
  section.aboutSec div.about.a05 div.pillarwrap div.box{
    width: 100%;
  }
  section.aboutSec div.about.a05 div.pillarwrap div.box.b03{
    margin-bottom: 5rem;
  }
  section.aboutSec div.about.a10{
    display: block;
  }
  section.aboutSec div.about.a10 div.img-area {
    width: 100%;
    margin-top: 5rem;
  }
  section.aboutSec div.about.a10 div.img-area img {
    height: 30rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  section.aboutSec div.about.a10 div.txt-area {
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    margin-top: inherit;
  }
  section.aboutSec div.about.a10 div.txt-area h3{
    font-size: 2.5rem;
    line-height: 1.4;
  }
  section.aboutSec div.about.a10 div.button-area{
    width: 27.5rem;
    margin: 3rem auto 0 auto;
  }
  section.aboutSec div.about.a10 div.button-area.pc{
    display: none;
  }
  section.aboutSec div.about.a10 div.button-area.sp{
    display: block;
    margin: 5rem auto 0;
  }
  section.aboutSec div.about.a10 div.button-area a.button{
    width: 27.5rem;
  }
  section.aboutSec div.about.a10 div.button-area a.button::before{
    top: 0.65rem;
  }
}
@media print, screen and (max-width: 767px) {
  section.aboutSec div.about.a01{
    position: relative;
    padding-bottom: 90%;
  }
  section.aboutSec div.about.a01 div.wrap{
    display: block;
  }
  section.aboutSec div.about.a01 div.wrap div.img-area{
    display: none;
  }
  section.aboutSec div.about.a01 div.wrap div.txt-area{
    margin-top: 3rem;
  }
  section.aboutSec div.about.a01 div.wrap div.txt-area p.message{
    font-size: 2.0rem;
    line-height: 1.6;
  }
  section.aboutSec div.about.a01 div.wrap div.txt-area p.message span.impact{
    color: #1903C4;
    font-weight: bold;
  }
  section.aboutSec div.about.a01 div.img.i01{
    width: 44%;
    top: 110%;
    right: -5%;
  }
  section.aboutSec div.about.a01 div.img.main{
    display: block;
    position: absolute;
    bottom: 25%;
    width: 50%;
    left: -5%;
  }
  section.aboutSec div.about.a01 div.img.i02{
    width: 47%;
    top: inherit;
    right: 0;
    bottom: 0%;
  }
  section.aboutSec div.about.a02 h3{
    font-size: 3.8rem;
    margin-bottom: 5rem;
  }
  section.aboutSec div.about.a02 div.wrap{
    display: block;
  }
  section.aboutSec div.about.a02 div.wrap div.txt{
    width: 100%;
  }
  section.aboutSec div.about.a02 div.wrap div.txt p.p01,
  section.aboutSec div.about.a02 div.wrap div.txt p.p02,
  section.aboutSec div.about.a02 div.wrap div.txt p.p03,
  section.aboutSec div.about.a02 div.wrap div.txt p.p04,
  section.aboutSec div.about.a02 div.wrap div.txt p.p05{
    margin-bottom: 2rem;
  }
  section.aboutSec div.about.a02 div.wrap div.img{
    width: 100%;
  }
  section.aboutSec div.about.a02 div.bg{
    width: 100%;
  }
  section.aboutSec div.about.a03 div.title{
    margin-bottom: 2rem;
  }
  section.aboutSec div.about.a03 div.title p.ttl{
    font-size: 3.8rem;
  }
  section.aboutSec div.about.a03 div.title div.border{
    top: 3.5rem;
  }
  section.aboutSec div.about.a03 h3{
    font-size: 2.8rem;
  }
  section.aboutSec div.about.a03 h4{
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
  }
  section.aboutSec div.about.a03 div.box{
    display: block;
  }
  section.aboutSec div.about.a03 div.box.b02{
    margin-top: 5rem;
  }
  section.aboutSec div.about.a03 div.box div.txt{
    width: 100%;
  }
  section.aboutSec div.about.a03 div.box div.txt h5{
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
  section.aboutSec div.about.a03 div.box div.txt p{
    font-size: 1.6rem;
  }
  section.aboutSec div.about.a03 div.box div.img{
    width: 100%;
    margin-top: 3rem;
  }
  section.aboutSec div.about.a04 h3{
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
  section.aboutSec div.about.a04 h4{
    font-size: 2.2rem;
    margin-bottom: 3rem;  
  }
  section.aboutSec div.about.a04 p{
    font-size: 1.6rem;
  }
  section.aboutSec div.about.a04 p.p01,
  section.aboutSec div.about.a04 p.p02{
    margin-bottom: 2rem;
  }
  section.aboutSec div.about.a05 h3{
    font-size: 2.2rem;
  }
  section.aboutSec div.about.a05 div.pillarwrap div.box div.wrap img{
    width: 10.6rem;
    margin-right: 2rem;
  }
  section.aboutSec div.about.a05 div.pillarwrap div.box div.wrap h4{
    font-size: 2.2rem;
  }
  section.aboutSec div.about.a05 div.pillarwrap div.box p{
    font-size: 1.6rem;
  }
  section.aboutSec div.about.a06 div.title{
    margin-bottom: 2rem;
  }
  section.aboutSec div.about.a06 div.title p.ttl{
    font-size: 3.8rem;
  }
  section.aboutSec div.about.a06 div.title div.border{
    top: 3.5rem;
  }
  section.aboutSec div.about.a06 h3{
    font-size: 2.8rem;
  }
  section.aboutSec div.about.a06 h4{
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
  }
  section.aboutSec div.about.a06 div.advisor{
    margin: 4rem auto 0;
  }
  section.aboutSec div.about.a06 div.advisor div.box{
    width: 31%;
  }
  section.aboutSec div.about.a06 div.advisor div.box.b01,
  section.aboutSec div.about.a06 div.advisor div.box.b02,
  section.aboutSec div.about.a06 div.advisor div.box.b03,
  section.aboutSec div.about.a06 div.advisor div.box.b04,
  section.aboutSec div.about.a06 div.advisor div.box.b05,
  section.aboutSec div.about.a06 div.advisor div.box.b06,
  section.aboutSec div.about.a06 div.advisor div.box.b07,
  section.aboutSec div.about.a06 div.advisor div.box.b08,
  section.aboutSec div.about.a06 div.advisor div.box.b09{
    margin-bottom: 3rem;
  }
  section.aboutSec div.about.a06 div.advisor div.box dl dd.name{
    margin-bottom: 0.5rem;
  }
  section.aboutSec div.about.a07{
    margin-top: 5rem;
  }
  section.aboutSec div.about.a07 h3{
    font-size: 1.8rem;
    line-height: 1.4;
  }
  section.aboutSec div.about.a07 div.wrap{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.aboutSec div.about.a07 div.wrap div.img{
    width: 48.5%;
    margin-bottom: 2rem;
  }
  section.aboutSec div.about.a08 div.title{
    margin-bottom: 2rem;
  }
  section.aboutSec div.about.a08 div.title p.ttl{
    font-size: 3.8rem;
  }
  section.aboutSec div.about.a08 div.title div.border{
    top: 3.5rem;
  }
  section.aboutSec div.about.a08 h3{
    font-size: 2.8rem;
  }
  section.aboutSec div.about.a08 h4.title{
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
  }
  section.aboutSec div.about.a08 div.block h4 {
    font-size: 2.0rem;
    line-height: 1.5;
    margin-bottom: 4rem;
  }
  section.aboutSec div.about.a08 div.block div.wrap{
    display: block;
  }
  section.aboutSec div.about.a08 div.block.b01 div.img{
    width: 100%;
  }
  section.aboutSec div.about.a08 div.block.b01 div.txt{
    width: 100%;
    margin-top: 4rem;
  }
  section.aboutSec div.about.a08 div.block.b01 div.txt div.box{
    margin-top: 3rem;
  }
  section.aboutSec div.about.a08 div.block.b01 div.txt div.button-area{
    margin: 5rem auto 0 auto;
  }
  section.aboutSec div.about.a08 div.block.b02 div.img{
    width: 100%;
  }
  section.aboutSec div.about.a08 div.block.b02 div.txt{
    width: 100%;
    margin-top: 4rem;
  }
  section.aboutSec div.about.a08 div.block.b02 div.txt div.box{
    margin-top: 3rem;
  }
  section.aboutSec div.about.a08 div.block.b02 div.txt div.button-area{
    margin: 5rem auto 0 auto;
  }
  section.aboutSec div.about.a09{
    margin-top: 15rem;
  }
  section.aboutSec div.about.a09 h3{
    font-size: 1.8rem;
    line-height: 1.5;
  }
  section.aboutSec div.about.a09 div.contentwrap div.upper,
  section.aboutSec div.about.a09 div.contentwrap div.lower{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.aboutSec div.about.a09 div.contentwrap div.upper{
    padding-bottom: 0.5rem;
  }
  section.aboutSec div.about.a09 div.contentwrap div.box{
    width: 48.5%;
    margin-bottom: 2.5rem;
  }
  section.aboutSec div.about.a09 div.contentwrap div.box:last-child{
    margin-bottom: 0;
  }
  section.aboutSec div.about.a09 div.button-area{
    width: 27rem;
    display: block;
  }
  section.aboutSec div.about.a09 div.button-area a.button.b01{
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
@media print, screen and (max-width: 560px) {
  section.aboutSec div.about.a07 div.wrap{
    display: block;
  }
  section.aboutSec div.about.a07 div.wrap div.img{
    width: 100%;
  }
  section.aboutSec div.about.a07 h3{
    text-align: left;
  }
  section.aboutSec div.about.a07 div.wrap div.img:last-child{
    margin-bottom: 0;
  }
  section.aboutSec div.about.a09 div.contentwrap div.box{
    width: 100%;
    margin-bottom: 0;
  }
  section.aboutSec div.about.a09 div.contentwrap div.box.sp{
    display: block;
  }
  section.aboutSec div.about.a09 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.aboutSec div.about.a09 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.aboutSec div.about.a09 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.aboutSec div.about.a09 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.aboutSec div.about.a09 div.slider-arrow.slider-prev.fa.fa-chevron-left.slick-arrow:hover,
  section.aboutSec div.about.a09 div.slider-arrow.slider-next.fa.fa-chevron-right.slick-arrow:hover {
    cursor: pointer;
    opacity: 0.4;
    transition: 0.6s;
  }
  section.aboutSec div.about.a09 div.contentwrap div.lower{
    display: none;
  }
  section.aboutSec div.about.a09 div.contentwrap div.upper{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
} 

/* about 未来創造企業
-------------------------------------------------- */
section.sscSec{
  margin-bottom: 15rem;
}
section.sscSec div.ssc.s01{
  position: relative;
  padding-bottom: 22rem;
}
section.sscSec div.ssc.s01 div.content{
  position: relative;
}
section.sscSec div.ssc.s01 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: left;
}
section.sscSec div.ssc.s01 div.wrap div.img-area{
  width: 13.7rem;
  margin-left: 5%;
  margin-right: 12%;
}
section.sscSec div.ssc.s01 div.wrap div.txt-area p.message{
  font-size: 2.8rem;
  line-height: 1.6;
}
section.sscSec div.ssc.s01 div.wrap div.txt-area p.message span.impact{
  color: #1903C4;
  font-weight: bold;
}
section.sscSec div.ssc.s01 div.img.i01{
  width: 30.6rem;
  position: absolute;
  top: 12rem;
  left: -20rem;
  z-index: -1;
}
section.sscSec div.ssc.s01 div.img.i02{
  width: 27rem;
  position: absolute;
  top: -22rem;
  right: 5rem;
}
section.sscSec div.ssc.s01 div.img.i03{
  width: 25.1rem;
  position: absolute;
  bottom: 0;
  right: 10rem;
}
section.sscSec div.ssc.s02{
  margin-top: 10rem;
}
section.sscSec div.ssc.s02 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.sscSec div.ssc.s02 div.wrap div.box{
  width: 31.5%;
}
section.sscSec div.ssc.s02 div.wrap div.box p{
  margin-top: 1rem;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: center;
}
section.sscSec div.ssc.s02 div.wrap div.box a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.sscSec div.ssc.s03{
  margin-top: 10rem;
  padding: 5rem 0 5rem;
  background: linear-gradient(135deg, rgba(15, 13, 203, 0.1) 0%, rgba(34, 201, 248, 0.1) 100%);
}
section.sscSec div.ssc.s03 h3{
  font-size: 5rem;
  margin-bottom: 3rem;
  line-height: 1.2;
  text-align: center;
}
section.sscSec div.ssc.s03 h4{
  font-size: 2.8rem;
  margin-bottom: 2.5rem;
  line-height: 1.4;
  text-align: center;
}
section.sscSec div.ssc.s03 div.list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
section.sscSec div.ssc.s03 div.list ul li{
  position: relative;
  padding-left: 2rem;
}
section.sscSec div.ssc.s03 div.list ul li::before{
  content: '●';
  color: #1903C4;
  position: absolute;
  left: 0;
  top: 0;
}
section.sscSec div.ssc.s04{
  margin-top: 10rem;
}
section.sscSec div.ssc.s04 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.sscSec div.ssc.s04 div.wrap div.img{
  width: 50%;
}
section.sscSec div.ssc.s04 div.wrap div.txt{
  width: 46%;  
}
section.sscSec div.ssc.s04 div.wrap div.txt p{
  line-height: 1.8;  
}
section.sscSec div.ssc.s04 div.wrap div.txt p.p01{
  margin-bottom: 3rem;
}
section.sscSec div.ssc.s05{
  margin-top: 10rem;
  padding: 10rem 0;
  background: linear-gradient(135deg, rgba(15, 13, 203, 0.1) 0%, rgba(34, 201, 248, 0.1) 100%);
}
section.sscSec div.ssc.s05 h3{
  font-size: 3.8rem;
  line-height: 1.3;
  margin-bottom: 5rem;
  text-align: center;
}
section.sscSec div.ssc.s05 div.aboutSscwrap{
  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.sscSec div.ssc.s05 div.aboutSscwrap div.box{
  width: 23%;
  margin-bottom: 3rem;
  position: relative;
}
section.sscSec div.ssc.s05 div.aboutSscwrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.sscSec div.ssc.s05 div.aboutSscwrap div.box a.link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
section.sscSec div.ssc.s05 div.aboutSscwrap div.box.blank{
  margin-bottom: 0;
}
section.sscSec div.ssc.s05 div.aboutSscwrap div.box p.ttl{
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 1.8;
}
section.sscSec div.ssc.s05 div.button-area{
  margin: 2rem auto 0;
}
section.sscSec div.ssc.s05 div.button-area a.button{
  background: inherit;
}
section.sscSec div.ssc.s06{
  margin-top: 15rem;
}
section.sscSec div.ssc.s06 div.content{
  position: relative;
}
section.sscSec div.ssc.s06 div.title{
  position: relative;
}
section.sscSec div.ssc.s06 div.title p.sub{
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3;
  color: #1903C4;
  background: #fff;
  position: relative;
  display: inline;
  padding-right: 2rem;
}
section.sscSec div.ssc.s06 div.title div.border{
  position: absolute;
  top: 1.8rem;
  border-bottom: 1px solid #BCBCBC;
  z-index: -1;
  width: 100%;
}
section.sscSec div.ssc.s06 h3{
  margin-top: 2rem;
  margin-bottom: 3rem;
  font-size: 3.8rem;
  line-height: 1.3;
}
section.sscSec div.ssc.s06 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5rem;
}
section.sscSec div.ssc.s06 div.wrap div.box{
  background: #F5F5F5;
  width: 32%;
  padding: 2rem 1.5rem;
}
section.sscSec div.ssc.s06 div.wrap div.box h4{
  font-size: 2.8rem;
  line-height: 1.4;
  text-align: center;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #141414;
}
section.sscSec div.ssc.s06 div.wrap div.box h4 span{
  background: linear-gradient(90deg, rgba(34, 201, 248, 0.1) 0%, rgba(15, 13, 203, 0.1) 100%);
  padding: 0 0.5rem;
}
section.sscSec div.ssc.s06 div.wrap div.box p{
  line-height: 1.8;
}
section.sscSec div.ssc.s06 p.p-txt{
  line-height: 1.8;
}
section.sscSec div.ssc.s06 div.img-area{
  width: 100%;
  margin-top: 5rem;
}
section.sscSec div.ssc.s07{
  margin-top: 15rem;
}
section.sscSec div.ssc.s07 div.content{
  position: relative;
}
section.sscSec div.ssc.s07 div.title{
  position: relative;
}
section.sscSec div.ssc.s07 div.title p.sub{
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3;
  color: #1903C4;
  background: #fff;
  position: relative;
  display: inline;
  padding-right: 2rem;
}
section.sscSec div.ssc.s07 div.title div.border{
  position: absolute;
  top: 1.8rem;
  border-bottom: 1px solid #BCBCBC;
  z-index: -1;
  width: 100%;
}
section.sscSec div.ssc.s07 h3{
  margin-top: 2rem;
  margin-bottom: 5rem;
  font-size: 3.8rem;
  line-height: 1.3;
}
section.sscSec div.ssc.s07 div.mainwrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 7rem;
}
section.sscSec div.ssc.s07 div.mainwrap div.txt{
  width: 60%;
}
section.sscSec div.ssc.s07 div.mainwrap div.txt p.ttl{
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 2rem;
}
section.sscSec div.ssc.s07 div.mainwrap div.txt p{
  line-height: 1.8;
}
section.sscSec div.ssc.s07 div.mainwrap div.txt p.p01{
  margin-bottom: 2rem;
}
section.sscSec div.ssc.s07 div.mainwrap div.img{
  width: 36%;
}
section.sscSec div.ssc.s07 h4{
  font-size: 2.8rem;
  line-height: 1.4;
  margin-bottom: 5rem;
  text-align: center;
}
section.sscSec div.ssc.s07 div.box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5rem;
}
section.sscSec div.ssc.s07 div.box.b04{
  margin-bottom: 0;
}
section.sscSec div.ssc.s07 div.box div.img{
  width: 36%;
}
section.sscSec div.ssc.s07 div.box div.txt{
  width: 60%;
}
section.sscSec div.ssc.s07 div.box div.txt div.imgSP{
  display: none;
}
section.sscSec div.ssc.s07 div.box div.txt h5{
  font-size: 2.8rem;
  line-height: 1.3;
  margin-bottom: 3rem;
}
section.sscSec div.ssc.s07 div.box div.txt p{
  line-height: 1.8;
}
section.sscSec div.ssc.s08{
  margin-top: 10rem;
  padding: 10rem 0;
  background: linear-gradient(135deg, rgba(15, 13, 203, 0.1) 0%, rgba(34, 201, 248, 0.1) 100%);
}
section.sscSec div.ssc.s08 h3{
  font-size: 3.8rem;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 4rem;
}
section.sscSec div.ssc.s08 div.sscBannerwrap {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.sscSec div.ssc.s08 div.sscBannerwrap div.box {
  width: 18%;
  margin-bottom: 2rem;
}
section.sscSec div.ssc.s08 div.sscBannerwrap div.box.blank{
  margin-bottom: 0;
}
section.sscSec div.ssc.s08 div.block.b02{
  margin-top: 8rem;
}
section.sscSec div.ssc.s08 div.block.b02 div{
  max-width: 780px;
  margin: 0 auto;
}
section.sscSec div.ssc.s08 div.block.b02 div.d02,
section.sscSec div.ssc.s08 div.block.b02 div.d03{
  margin-top: 5rem;
}
section.sscSec div.ssc.s08 div.block.b02 dl dt{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
section.sscSec div.ssc.s08 div.block.b02 dl dt p{
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
}
section.sscSec div.ssc.s08 div.block.b02 dl dt span.border{
  border-bottom: 1px solid #BCBCBC;
}
section.sscSec div.ssc.s08 div.block.b02 div.d01 dl dt span.border{
  width: 47%;
  margin-left: 3%;
}
section.sscSec div.ssc.s08 div.block.b02 div.d02 dl dt span.border{
  width: 62%;
  margin-left: 3%;
}
section.sscSec div.ssc.s08 div.block.b02 div.d03 dl dt span.border{
  width: 62%;
  margin-left: 3%;
}
section.sscSec div.ssc.s08 div.block.b02 dl dd{
  margin-top: 2rem;
}
section.sscSec div.ssc.s08 div.block.b02 dl dd ul li{
  font-size: 1.8rem;
  line-height: 1.8;
  list-style-type: disc;
  margin-left: 2.8rem;
}
section.sscSec div.ssc.s09{
  margin-top: 10rem;
}
section.sscSec div.ssc.s09 div.title{
  position: relative;
  margin-bottom: 5rem;
}
section.sscSec div.ssc.s09 div.title h3{
  font-size: 3.8rem;
  line-height: 1.3;
  background: #fff;
  position: relative;
  display: inline;
  padding-right: 2rem;
}
section.sscSec div.ssc.s09 div.title div.border{
  position: absolute;
  top: 2.5rem;
  border-bottom: 1px solid #BCBCBC;
  z-index: -1;
  width: 100%;
}
section.sscSec div.ssc.s09 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.sscSec div.ssc.s09 div.wrap div.img{
  width: 38%;
}
section.sscSec div.ssc.s09 div.wrap div.txt{
  width: 58%;
}
section.sscSec div.ssc.s09 div.wrap div.txt p{
  line-height: 1.8;
}
section.sscSec div.ssc.s09 div.wrap div.txt p.p01{
  font-size: 1.8rem;
  margin-bottom: 3rem;
}
section.sscSec div.ssc.s09 div.wrap div.txt p.p02{
  margin-bottom: 3rem;
}
section.sscSec div.ssc.s09 div.wrap div.txt ul li{
  list-style-type: disc;
  margin-left: 2.8rem;
}
section.sscSec div.ssc.s09 div.wrap div.txt div.button-area{
  margin: 3rem 0 0 auto;
}
@media print, screen and (max-width: 1500px) {
  section.sscSec div.ssc.s01 div.img.i01{
    width: 24%;
    top: 85%;
    left: -10%;
  }
}
@media print, screen and (max-width: 1180px) {
  section.sscSec div.ssc.s01 div.img.i01{
    width: 24%;
    top: 85%;
    left: 0;
  }
  section.sscSec div.ssc.s01 div.img.i02{
    width: 25%;
    top: -22rem;
    right: 5%;
  }
  section.sscSec div.ssc.s01 div.img.i03{
    width: 24%;
    top: 50%;
    bottom: inherit;
  }
}
@media print, screen and (max-width: 1024px) {
  section.sscSec div.ssc.s01 div.wrap div.txt-area p.message{
    font-size: 2.8vw;
  }
}
@media print, screen and (max-width: 960px) {
  section.sscSec div.ssc.s01 div.wrap div.img-area{
    margin-left: 5%;
    margin-right: 5%;
  }
  section.sscSec div.ssc.s05 div.aboutSscwrap div.box{
    width: 31%;
  }
  section.sscSec div.ssc.s06 div.wrap{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.sscSec div.ssc.s06 div.wrap div.box{
    width: 48.5%;
    margin-bottom: 2.5rem;
  }
  section.sscSec div.ssc.s06 div.wrap div.box.b03{
    margin-bottom: 0;
    padding: 3rem 1.5rem;
  }
  section.sscSec div.ssc.s08 div.sscBannerwrap div.box {
    width: 31%;
  }
}
@media print, screen and (max-width: 767px) {
  section.sscSec div.ssc.s01{
    position: relative;
    padding-bottom: 90%;
  }
  section.sscSec div.ssc.s01 div.wrap{
    display: block;
  }
  section.sscSec div.ssc.s01 div.wrap div.img-area{
    width: 13.7rem;
    margin-left: auto;
    margin-right: auto;
  }
  section.sscSec div.ssc.s01 div.wrap div.txt-area{
    margin-top: 3rem;
  }
  section.sscSec div.ssc.s01 div.wrap div.txt-area p.message{
    font-size: 2.0rem;
    line-height: 1.6;
  }
  section.sscSec div.ssc.s01 div.wrap div.txt-area p.message span.impact{
    color: #1903C4;
    font-weight: bold;
  }
  section.sscSec div.ssc.s01 div.img.i01{
    width: 50%;
    top: 130%;
    left: -5%;
  }
  section.sscSec div.ssc.s01 div.img.i02{
    width: 47%;
    top: 105%;
    right: -5%;
  }
  section.sscSec div.ssc.s01 div.img.i03{
    width: 50%;
    top: inherit;
    right: 0;
    bottom: 0%;
  }
  section.sscSec div.ssc.s02{
    margin-top: 5rem;
  }
  section.sscSec div.ssc.s02 div.wrap{
    display: block;
  }
  section.sscSec div.ssc.s02 div.wrap div.box{
    width: 80%;
    margin: 0 auto 3rem;
  }
  section.sscSec div.ssc.s02 div.wrap div.box.b03{
    margin-bottom: 0;
  }
  section.sscSec div.ssc.s02 div.wrap div.box p{
    margin-top: 1rem;
    font-size: 1.8rem;
    line-height: 1.4;
    text-align: center;
  }
  section.sscSec div.ssc.s03 h3{
    font-size: 3rem;
  }
  section.sscSec div.ssc.s03 h4{
    font-size: 2.2rem;
    margin-bottom: 2rem;
    text-align: left;
  }
  section.sscSec div.ssc.s04{
    margin-top: 5rem;
  }
  section.sscSec div.ssc.s04 div.wrap{
    display: block;
  }
  section.sscSec div.ssc.s04 div.wrap div.img{
    width: 100%;
  }
  section.sscSec div.ssc.s04 div.wrap div.txt{
    width: 100%;
    margin-top: 3rem;  
  }
  section.sscSec div.ssc.s04 div.wrap div.txt p.p01{
    margin-bottom: 2rem;
  }
  section.sscSec div.ssc.s05{
    padding: 7rem 0;
  }
  section.sscSec div.ssc.s05 h3{
    font-size: 2.8rem;
    line-height: 1.3;
    margin-bottom: 3rem;
    text-align: center;
  }
  section.sscSec div.ssc.s05 div.aboutSscwrap div.box{
    width: 48.5%;
  }
  section.sscSec div.ssc.s06 div.title p.sub{
    font-size: 1.8rem;
    padding-right: 1.5rem;
  }
  section.sscSec div.ssc.s06 div.title div.border{
    top: 1.2rem;
  }
  section.sscSec div.ssc.s06 h3{
    font-size: 2.8rem;
  }
  section.sscSec div.ssc.s06 div.wrap{
    display: block;
  }
  section.sscSec div.ssc.s06 div.wrap div.box{
    width: 100%;
    margin-bottom: 2rem;
  }
  section.sscSec div.ssc.s06 div.wrap div.box h4{
    font-size: 2.2rem;
  }
  section.sscSec div.ssc.s06 div.img-area{
    width: 100%;
    margin-top: 5rem;
  }
  section.sscSec div.ssc.s07 div.title p.sub{
    font-size: 1.8rem;
    padding-right: 1.5rem;
  }
  section.sscSec div.ssc.s07 div.title div.border{
    top: 1.2rem;
  }
  section.sscSec div.ssc.s07 h3{
    font-size: 2.8rem;
    margin-bottom: 3rem;
  }
  section.sscSec div.ssc.s07 div.mainwrap{
    display: block;
    margin-bottom: 10rem;
  }
  section.sscSec div.ssc.s07 div.mainwrap div.txt{
    width: 100%;
  }
  section.sscSec div.ssc.s07 div.mainwrap div.txt p.ttl{
    font-size: 1.7rem;
    margin-bottom: 2rem;
  }
  section.sscSec div.ssc.s07 div.mainwrap div.img{
    margin-top: 5rem;
    width: 100%;
  }
  section.sscSec div.ssc.s07 h4{
    font-size: 2.2rem;
    line-height: 1.4;
    margin-bottom: 5rem;
    text-align: center;
  }
  section.sscSec div.ssc.s07 div.box{
    display: block;
    margin-bottom: 8rem;
  }
  section.sscSec div.ssc.s07 div.box.b04{
    margin-bottom: 0;
  }
  section.sscSec div.ssc.s07 div.box div.img{
    display: none;
  }
  section.sscSec div.ssc.s07 div.box div.txt{
    width: 100%;
  }
  section.sscSec div.ssc.s07 div.box div.txt h5{
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
  section.sscSec div.ssc.s07 div.box div.txt div.imgSP{
    display: block;
    width: 100%;
  }
  section.sscSec div.ssc.s07 div.box div.txt p{
    margin-top: 3rem;
  }
  section.sscSec div.ssc.s08 h3{
    font-size: 3.0rem;
    margin-bottom: 3rem;
  }
  section.sscSec div.ssc.s08 div.sscBannerwrap div.box {
    width: 48.5%;
  }
  section.sscSec div.ssc.s08 div.block.b02 h3{
    text-align: left;
    margin-bottom: 4rem;
  }
  section.sscSec div.ssc.s08 div.block.b02 dl dt span.border{
    display: none;
  }
  section.sscSec div.ssc.s09 div.title{
    position: relative;
    margin-bottom: 3rem;
  }
  section.sscSec div.ssc.s09 div.title h3{
    font-size: 2.8rem;
    display: block;
    padding-right: inherit;
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 2rem;
  }
  section.sscSec div.ssc.s09 div.title div.border{
    display: none;
  }
  section.sscSec div.ssc.s09 div.wrap{
    display: block;
  }
  section.sscSec div.ssc.s09 div.wrap div.img{
    width: 100%;
  }
  section.sscSec div.ssc.s09 div.wrap div.txt{
    margin-top: 3rem;
    width: 100%;
  }
  section.sscSec div.ssc.s09 div.wrap div.txt p.p01{
    margin-bottom: 2rem;
  }
  section.sscSec div.ssc.s09 div.wrap div.txt p.p02{
    margin-bottom: 2rem;
  }
  section.sscSec div.ssc.s09 div.wrap div.txt div.button-area{
    margin: 5rem auto 0;
  }
}
@media print, screen and (max-width: 560px) {
  section.sscSec div.ssc.s02 div.wrap div.box{
    width: 100%;
  }
}

/* about 社会変革のためのプロジェクト
-------------------------------------------------- */
section.projectSec div.project.p01 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
section.projectSec div.project.p01 div.wrap div.img{
  width: 41.4rem;
  margin-right: 5%;
}
section.projectSec div.project.p01 div.wrap div.txt p.message{
  font-size: 2.8rem;
  line-height: 1.6;
}
section.projectSec div.project.p01 div.wrap div.txt p.message span.impact{
  color: #1903C4;
  font-weight: bold;
}
section.projectSec div.project.p02 div.bg {
  position: relative;
  width: 100%;
  height: 17.2rem;
  background: url(../img/about/project/projectSec_bg01_pc.png)center center / contain no-repeat;
}
section.projectSec div.project.p02{
  position: relative;
  margin-top: 10rem;
}
section.projectSec div.project.p02 h3{
  position: absolute;
  font-size: 5rem;
  line-height: 1.2;
  top: 2.3rem;
  z-index: 1;
}
section.projectSec div.project.p02 h3 span{
  color: #1903C4;
}
section.projectSec div.project.p03{
  margin-top: 2rem;
}
section.projectSec div.project.p03 p.lead{
  font-size: 2.2rem;
  line-height: 1.8;
}
section.projectSec div.project.p03 div.projectbox{
  margin-top: 10rem;
}
section.projectSec div.project.p03 div.projectbox div.wrap{
  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.projectSec div.project.p03 div.projectbox div.wrap div.box{
  width: 31.5%;
}
section.projectSec div.project.p03 div.projectbox div.wrap div.box.b01,
section.projectSec div.project.p03 div.projectbox div.wrap div.box.b02,
section.projectSec div.project.p03 div.projectbox div.wrap div.box.b03{
    margin-bottom: 5rem;
}
section.projectSec div.project.p03 div.projectbox div.wrap div.box div.img{
  margin-bottom: 1rem;
}
section.projectSec div.project.p03 div.projectbox div.wrap div.box h4{
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
section.projectSec div.project.p03 div.projectbox div.wrap div.box h4 span{
  display: block;
  font-size: 1.6rem;
}
section.projectSec div.project.p03 div.projectbox div.wrap div.box p.p-txt{
  font-size: 1.4rem;
  line-height: 1.6;
}
section.projectSec div.project.p04{
  margin-top: 15rem;
}
section.projectSec div.project.p04 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.projectSec div.project.p04 div.text-area{
  width: 34rem;
}
section.projectSec div.project.p04 div.text-area div.pjt1000{
  width: 15.4rem;
  margin-bottom: 1.5rem;
}
section.projectSec div.project.p04 div.text-area h3{
  width: 23.3rem;
  margin-bottom: 0.8rem;
}
section.projectSec div.project.p04 div.text-area p.sub{
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 3rem;
}
section.projectSec div.project.p04 div.text-area div.button-area.pc{
  margin: 3rem auto 0 0;
}
section.projectSec div.project.p04 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.projectSec div.project.p04 div.list-area{
  width: 60%;
}
section.projectSec div.project.p04 div.list-area div.sscTopwrap div.box{
  width: 31%;
  position: relative;
}
section.projectSec div.project.p04 div.list-area div.sscTopwrap div.box.blank{
  margin-bottom: 0!important;
}
section.projectSec div.project.p04 div.list-area div.sscTopwrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.projectSec div.project.p04 div.list-area div.sscTopwrap div.box:nth-child(1),
section.projectSec div.project.p04 div.list-area div.sscTopwrap div.box:nth-child(2),
section.projectSec div.project.p04 div.list-area div.sscTopwrap div.box:nth-child(3){
  margin-bottom: 3rem;
}
section.projectSec div.project.p04 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.projectSec div.project.p04 div.list-area div.sscTopwrap div.box div.img{
  margin-bottom: 1.5rem;
}
section.projectSec div.project.p04 div.list-area div.sscTopwrap div.box p.ttl{
  font-size: 1.4rem;
  line-height: 1.8;
}
section.projectSec div.project.p04 div.button-area.sp{
  display: none;
}
section.projectSec div.project.p05 {
  margin-top: 10rem;
  padding: 5rem 0 10rem;
  background: linear-gradient(135deg, rgba(15, 13, 203, 0.1) 0%, rgba(34, 201, 248, 0.1) 100%);
  position: relative;
}
section.projectSec div.project.p05 h3{
  font-size: 3.8rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 4rem;
}
section.projectSec div.project.p05 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.projectSec div.project.p05 div.wrap div.img{
  width: 34rem;
  margin-right: 3rem;
}
section.projectSec div.project.p05 div.wrap div.txt{
  width: 60%;
}
section.projectSec div.project.p05 div.wrap div.txt p{
  line-height: 1.8;
}
section.projectSec div.project.p05 div.wrap div.txt p.p02{
  margin-top: 3rem;
}
section.projectSec div.project.p05 div.wrap div.txt div.button-area{
  margin: 5rem 0 0 auto;
}
section.projectSec div.project.p05 div.wrap div.txt div.button-area a.button{
  background: inherit;
}
section.projectSec div.project.p06{
  background: url(../img/top/criticalBizTopSec_img_bg.jpg) center top / cover no-repeat;
  width: 100%;
  padding: 17rem 0 22rem;
}
section.projectSec div.project.p06 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.projectSec div.project.p06 div.text-area{
  width: 34rem;
}
section.projectSec div.project.p06 div.text-area div.pjt1000{
  width: 15.4rem;
  margin: 0 0 0.8rem auto;
}
section.projectSec div.project.p06 div.text-area h3{
  width: 27.8rem;
  margin: 0 0 1rem auto;
}
section.projectSec div.project.p06 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.projectSec div.project.p06 div.text-area p.p-txt{
  color: #fff;
  letter-spacing: 0.01rem;
}
section.projectSec div.project.p06 div.text-area div.button-area{
  margin: 3.5rem 0 0 auto;
}
section.projectSec div.project.p06 div.text-area div.button-area a.button{
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
section.projectSec div.project.p06 div.text-area div.button-area a.button::before{
  background-image: url(../img/common/button_icon_wh.svg);
}
section.projectSec div.project.p06 div.text-area div.button-area a.button:hover::before{
  background-image: url(../img/common/button_btn_on.svg);
}
section.projectSec div.project.p06 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.projectSec div.project.p06 div.list-area{
  width: 60%;
}
section.projectSec div.project.p06 div.list-area div.criticalBizTopwrap div.box{
  width: 31%;
  position: relative;
}
section.projectSec div.project.p06 div.list-area div.criticalBizTopwrap div.box.blank{
  margin-bottom: 0!important;
}
section.projectSec div.project.p06 div.list-area div.criticalBizTopwrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.projectSec div.project.p06 div.list-area div.criticalBizTopwrap div.box:nth-child(1),
section.projectSec div.project.p06 div.list-area div.criticalBizTopwrap div.box:nth-child(2),
section.projectSec div.project.p06 div.list-area div.criticalBizTopwrap div.box:nth-child(3){
  margin-bottom: 3rem;
}
section.projectSec div.project.p06 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.projectSec div.project.p06 div.list-area div.criticalBizTopwrap div.box div.img{
  margin-bottom: 1.5rem;
}
section.projectSec div.project.p06 div.list-area div.criticalBizTopwrap div.box p.ttl{
  font-size: 1.4rem;
  line-height: 1.8;
  color: #fff;
}
section.projectSec div.project.p06 div.button-area.sp{
  display: none;
}
section.projectSec div.project.p07 {
  padding: 5rem 0 10rem;
  background: #000;
  position: relative;
}
section.projectSec div.project.p07 h3{
  font-size: 3.8rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 5rem;
  color: #9EF500;
}
section.projectSec div.project.p07 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.projectSec div.project.p07 div.wrap div.img{
  width: 34rem;
  margin-right: 3rem;
}
section.projectSec div.project.p07 div.wrap div.txt{
  width: 60%;
}
section.projectSec div.project.p07 div.wrap div.txt p{
  line-height: 1.8;
  color: #fff;
}
section.projectSec div.project.p07 div.wrap div.txt p.p02,
section.projectSec div.project.p07 div.wrap div.txt p.p03{
  margin-top: 3rem;
}
section.projectSec div.project.p07 div.wrap div.txt div.button-area{
  margin: 5rem 0 0 auto;
}
section.projectSec div.project.p07 div.wrap div.txt div.button-area a.button{
  background: inherit;
  color: #fff;
}
section.projectSec div.project.p08{
  margin: 10rem 0 15rem;
}
section.projectSec div.project.p08 div.inner{
  max-width: 1260px;
}
section.projectSec div.project.p08 div.bg{
  background: url(../img/top/happinessTopSec_img_bg.jpg) center center / cover no-repeat;
  width: 100%;
  height: 30rem;
}
section.projectSec div.project.p08 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.projectSec div.project.p08 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.projectSec div.project.p08 div.text-area{
  width: 28rem;
}
section.projectSec div.project.p08 div.text-area div.pjt1000{
  width: 15.4rem;
  margin-bottom: 1.5rem;
}
section.projectSec div.project.p08 h3{
  width: 27.8rem;
  height: auto;
  margin-bottom: 1rem;
}
section.projectSec div.project.p08 div.text-area p.sub{
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 3rem;
}
section.projectSec div.project.p08 div.text-area div.button-area{
  margin: 3rem auto 0 0;
}
section.projectSec div.project.p08 div.button-area.sp{
  display: none;
}
section.projectSec div.project.p08 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.projectSec div.project.p08 div.list-area{
  width: 60%;
}
section.projectSec div.project.p08 div.list-area div.happinessTopwrap div.box{
  width: 31%;
  position: relative;
}
section.projectSec div.project.p08 div.list-area div.happinessTopwrap div.box.blank{
  margin-bottom: 0!important;
}
section.projectSec div.project.p08 div.list-area div.happinessTopwrap div.box:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.projectSec div.project.p08 div.list-area div.happinessTopwrap div.box:nth-child(1),
section.projectSec div.project.p08 div.list-area div.happinessTopwrap div.box:nth-child(2),
section.projectSec div.project.p08 div.list-area div.happinessTopwrap div.box:nth-child(3){
  margin-bottom: 3rem;
}
section.projectSec div.project.p08 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.projectSec div.project.p08 div.list-area div.happinessTopwrap div.box div.img{
  margin-bottom: 1.5rem;
}
section.projectSec div.project.p08 div.list-area div.happinessTopwrap div.box p.ttl{
  font-size: 1.4rem;
  line-height: 1.8;
}
@media print, screen and (max-width: 1280px) {
  section.projectSec div.project.p02 div.bg {
    background: url(../img/about/project/projectSec_bg01_pc.png)center center / cover no-repeat;
  }
}
@media print, screen and (max-width: 1024px) {
  section.projectSec div.project.p01 div.wrap div.img{
    width: 42%;
    margin-right: 5%;
  }
  section.projectSec div.project.p01 div.wrap div.txt p.message{
    font-size: 2.8vw;
  }
  section.projectSec div.project.p04 div.text-area{
    width: 28rem;
  }
  section.projectSec div.project.p06 div.text-area{
    width: 28rem;
  }
}
@media print, screen and (max-width: 960px) {
  section.projectSec div.project.p08 div.content{
    width: 100%;
  }
  section.projectSec div.project.p08 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) {
  /* project.p01 */
  section.projectSec div.project.p01 div.wrap{
    display: block;
  }
  section.projectSec div.project.p01 div.wrap div.img{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  section.projectSec div.project.p01 div.wrap div.txt{
    margin-top: 5rem;
  }
  section.projectSec div.project.p01 div.wrap div.txt p.message{
    font-size: 2.0rem;
    line-height: 1.6;
  }
  /* project.p02 */
  section.projectSec div.project.p02 div.bg {
    position: relative;
    width: 100%;
    height: 17.2rem;
    background: url(../img/about/project/projectSec_bg01_sp.png)center center / cover no-repeat;
  }
  section.projectSec div.project.p02{
    margin-top: 5rem;
  }
  section.projectSec div.project.p02 h3{
    position: absolute;
    font-size: 3.8rem;
    line-height: 1.3;
    top: 4rem;
    z-index: 1;
  }
  /* project.p03 */
  section.projectSec div.project.p03{
    margin-top: 2rem;
  }
  section.projectSec div.project.p03 p.lead{
    font-size: 1.8rem;
    line-height: 1.8;
  }
  section.projectSec div.project.p03 div.projectbox{
    margin-top: 7rem;
  }
  section.projectSec div.project.p03 div.projectbox div.wrap div.box{
    width: 48.5%;
  }
  section.projectSec div.project.p03 div.projectbox div.wrap div.box.b01,
  section.projectSec div.project.p03 div.projectbox div.wrap div.box.b02,
  section.projectSec div.project.p03 div.projectbox div.wrap div.box.b03,
  section.projectSec div.project.p03 div.projectbox div.wrap div.box.b04{
      margin-bottom: 5rem;
  }
  section.projectSec div.project.p03 div.projectbox div.wrap div.box div.img{
    margin-bottom: 1rem;
  }
  section.projectSec div.project.p03 div.projectbox div.wrap div.box h4{
    font-size: 1.8rem;
  }
  section.projectSec div.project.p03 div.projectbox div.wrap div.box h4 span{
    font-size: 1.5rem;
  }
  /* project.p04 */
  section.projectSec div.project.p04{
    margin-top: 10rem;
  }
  section.projectSec div.project.p04 div.wrap{
    display: block;
  }
  section.projectSec div.project.p04 div.text-area{
    width: 100%;
  }
  section.projectSec div.project.p04 div.text-area p.sub{
    margin-bottom: 1.5rem;
  }
  section.projectSec div.project.p04 div.text-area div.button-area.pc{
    display: none;
  }
  section.projectSec div.project.p04 div.list-area{
    margin-top: 5rem;
    width: 100%;
  }
  section.projectSec div.project.p04 div.list-area div.sscTopwrap div.box{
    width: 48.5%;
  }
  section.projectSec div.project.p04 div.list-area div.sscTopwrap div.box:nth-child(4){
    margin-bottom: 3rem;
  }
  section.projectSec div.project.p04 div.button-area.sp{
    display: block;
  }
  /* project.p05 */
  section.projectSec div.project.p05 {
    margin-top: 7rem;
  }
  section.projectSec div.project.p05 h3{
    font-size: 3.0rem;
    margin-bottom: 3rem;
  }
  section.projectSec div.project.p05 div.wrap{
    display: block;
  }
  section.projectSec div.project.p05 div.wrap div.img{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  section.projectSec div.project.p05 div.wrap div.txt{
    width: 100%;
    margin-top: 3rem;
  }
  section.projectSec div.project.p05 div.wrap div.txt p.p02{
    margin-top: 2rem;
  }
  section.projectSec div.project.p05 div.wrap div.txt div.button-area{
    margin: 5rem auto 0 auto;
  }
  /* project.p06 */
  section.projectSec div.project.p06{
    padding: 12rem 0 10rem;
  }
  section.projectSec div.project.p06 div.wrap{
    display: block;
  }
  section.projectSec div.project.p06 div.text-area{
    width: 100%;
  }
  section.projectSec div.project.p06 div.text-area h3{
    width: 27.8rem;
    margin-bottom: 1rem;
    margin-right: 0;
    margin-left: auto;
  }
  section.projectSec div.project.p06 div.text-area p.sub{
    margin-bottom: 1.5rem;
  }
  section.projectSec div.project.p06 div.text-area div.button-area.pc{
    display: none;
  }
  section.projectSec div.project.p06 div.list-area{
    margin-top: 5rem;
    width: 100%;
  }
  section.projectSec div.project.p06 div.list-area div.criticalBizTopwrap div.box{
    width: 48.5%;
  }
  section.projectSec div.project.p06 div.list-area div.criticalBizTopwrap div.box:nth-child(4){
    margin-bottom: 3rem;
  }
  section.projectSec div.project.p06 div.button-area.sp{
    display: block;
  }
  section.projectSec div.project.p06 div.button-area.sp a.button{
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  section.projectSec div.project.p06 div.button-area.sp a.button::before{
    background-image: url(../img/common/button_icon_wh.svg);
  }
  section.projectSec div.project.p06 div.button-area.sp a.button:hover::before{
    background-image: url(../img/common/button_btn_on.svg);
  }
  /* project.p07 */
  section.projectSec div.project.p07 h3{
    font-size: 3.0rem;
    margin-bottom: 3rem;
  }
  section.projectSec div.project.p07 div.wrap{
    display: block;
  }
  section.projectSec div.project.p07 div.wrap div.img{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  section.projectSec div.project.p07 div.wrap div.txt{
    width: 100%;
    margin-top: 3rem;
  }
  section.projectSec div.project.p07 div.wrap div.txt p.p02,
  section.projectSec div.project.p07 div.wrap div.txt p.p03{
    margin-top: 2rem;
  }
  section.projectSec div.project.p07 div.wrap div.txt div.button-area{
    margin: 5rem auto 0 auto;
  }
  /* project.p08 */
  section.projectSec div.project.p08{
    margin: 7rem 0 12rem;
  }
  section.projectSec div.project.p08 div.content-area{
    width: 95%;
    margin: 7rem auto 0;
  }
  section.projectSec div.project.p08 h3{
    margin-bottom: 0.8rem;
  }
  section.projectSec div.project.p08 div.wrap{
    display: block;
  }
  section.projectSec div.project.p08 div.text-area{
    width: 100%;
  }
  section.projectSec div.project.p08 div.text-area p.sub{
    margin-bottom: 1.5rem;
  }
  section.projectSec div.project.p08 div.text-area div.button-area{
    display: none;
  }
  section.projectSec div.project.p08 div.list-area{
    width: 100%;
    margin-top: 3rem;
  }
  section.projectSec div.project.p08 div.list-area div.happinessTopwrap div.box{
    width: 48.5%;
  }
}

/* activityDetailSec
-------------------------------------------------- */
/* outline */
section.activityDetailSec div.outline h4.outline{
  font-size: 2.8rem;
  line-height: 1.2;
  border-left: 8px solid #1902C4;
  padding-left: 1.2rem;
  padding-bottom: 0.2rem;
  margin-bottom: 4rem;
}
section.activityDetailSec div.outline.o02{
  margin-top: 5rem;
}
section.activityDetailSec div.outline table th{
  width: 16rem;
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: left;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #BCBCBC;
}
section.activityDetailSec div.outline table th.first{
  padding-top: 0;
}
section.activityDetailSec div.outline table td{
  font-size: 1.5rem;
  line-height: 1.8;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #BCBCBC;
}
section.activityDetailSec div.outline table td a{
  color: #1903C4;
  text-decoration: underline;
}
section.activityDetailSec div.outline table td a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.activityDetailSec div.outline table td.first{
  padding-top: 0;
}
section.activityDetailSec div.outline table td span.bold{
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
}
/* opportunity */
section.activityDetailSec div.opportunity{
  margin-top: 15rem;
}
section.activityDetailSec div.opportunity h3{
  font-size: 3.8rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 5rem;
}
section.activityDetailSec div.opportunity div.box{
  background: #F5F5F5;
  padding: 2rem;
}
section.activityDetailSec div.opportunity div.box.b01,
section.activityDetailSec div.opportunity div.box.b02{
  margin-bottom: 3rem;
}
section.activityDetailSec div.opportunity div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.activityDetailSec div.opportunity div.wrap div.img{
  width: 34%;
}
section.activityDetailSec div.opportunity div.wrap div.txt{
  width: 64%;
}
section.activityDetailSec div.opportunity div.wrap div.txt div.svg{
  width: 8.5rem;
  margin: 0 0 1rem auto;
}
section.activityDetailSec div.opportunity div.wrap div.txt h4{
  font-size: 2.6rem;
  line-height: 1.4;
  margin-bottom: 2rem;
}
section.activityDetailSec div.opportunity div.wrap div.txt span.mark{
  background: linear-gradient(90deg, rgba(34, 201, 248, 0.1) 0%, rgba(15, 13, 203, 0.1) 100%);
}
section.activityDetailSec div.opportunity div.wrap div.txt p.p-txt{
  line-height: 1.6;
}
section.activityDetailSec div.opportunity div.wrap div.txt div.button-area{
  margin: 1rem 0 0 auto;
  width: 24.4rem;
}
section.activityDetailSec div.opportunity div.wrap div.txt div.button-area a.button{
  width: 24.4rem;background: inherit;
}
/* voice */
section.activityDetailSec div.voice{
  margin-top: 15rem;
  padding-top: 9rem;
  padding-bottom: 15rem;
  background: url(../img/about/common/voice_bg.png)no-repeat;
}
section.activityDetailSec div.voice div.svg{
  width: 10.6rem;
  margin-bottom: 1rem;
}
section.activityDetailSec div.voice h3{
  font-size: 3.8rem;
  line-height: 1.3;
  margin-bottom: 5rem;
}
section.activityDetailSec div.voice div.box 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;
  position: relative;
}
section.activityDetailSec div.voice div.box div.wrap div.border{
  position: absolute;
  content: '';
  height: 1px;
  width: 46%;
  border-bottom: 1px solid #BCBCBC;
  bottom: 0;
}
section.activityDetailSec div.voice div.box div.wrap div.img{
  width: 46%;
}
section.activityDetailSec div.voice div.box div.wrap div.txt{
  width: 46%;
  position: relative;
}
section.activityDetailSec div.voice div.box div.wrap div.txt p.name{
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}
section.activityDetailSec div.voice div.box div.wrap div.txt p.title{
  font-size: 2.8rem;
  line-height: 1.4;
  font-weight: bold;
}
section.activityDetailSec div.voice div.box p.message{
  margin-top: 5rem;
  line-height: 1.8;
}
section.activityDetailSec div.voice div.box.b01{
  margin-bottom: 12rem;
}
/* eventInfoSec */
section.eventInfoSec{
  margin-top: 15rem;
}
section.eventInfoSec div.svg{
  width: 6.7rem;
  margin-bottom: 1.5rem;
}
section.eventInfoSec h3{
  font-size: 3.8rem;
  line-height: 1.3;
}
section.eventInfoSec div.post-area{
  margin-top: 5rem;
}
section.eventInfoSec div.post-area dl.post{
  width: 100%;
  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 #141414;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}
section.eventInfoSec div.post-area dl.post:last-child{
  margin-bottom: 0;
}
section.eventInfoSec div.post-area dl.post a.link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 100;
}
section.eventInfoSec 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;
}
section.eventInfoSec div.post-area dl.post:hover::after{
  background-image: url(../img/common/button_icon04_on.svg);
  transition: 0.3s;
  right: 0.5rem;
}
section.eventInfoSec div.post-area dl.post dt.date{
  font-size: 1.4rem;
  width: 12rem;
}
section.eventInfoSec div.post-area dl.post dd.area{
  width: 18rem;
  font-size: 1.5rem;
}
section.eventInfoSec div.post-area dl.post dd.title{
  width: 64%;
}
section.eventInfoSec div.post-area dl.post dd.tag{
  width: 95%;
  font-size: 1.6rem;
  margin-top: 1rem;
  margin-left: 12rem;
}
section.eventInfoSec div.post-area dl.post dd.tag a{
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;  
  padding: 0.25rem 1.4rem 0.45rem;
  pointer-events: none;
  border-radius: 5rem;
  background: #01BDC4;
  margin-right: 1.5rem;
}
section.eventInfoSec div.post-area dl.post dd.tag a:last-child{
  margin-right: 0;
}
section.eventInfoSec div.post-area dl.post dd.tag.online a,
section.eventInfoSec div.post-area dl.post dd.tag.cl-meeting a,
section.eventInfoSec div.post-area dl.post dd.tag.ssc-stepup-meeting a,
section.eventInfoSec div.post-area dl.post dd.tag.growup-meeting a,
section.eventInfoSec div.post-area dl.post dd.tag.manager-talklive a,
section.eventInfoSec div.post-area dl.post dd.tag.ssc-talklive a{
  background: #C70606;
}
section.eventInfoSec div.post-area dl.post dd.tag.forum a,
section.eventInfoSec div.post-area dl.post dd.tag.social-company-forum a,
section.eventInfoSec div.post-area dl.post dd.tag.social-symposium a,
section.eventInfoSec div.post-area dl.post dd.tag.national-forum a,
section.eventInfoSec div.post-area dl.post dd.tag.region-forum a{
  background: #FF4E00;
}
/* relatedEventSec */
section.relatedEventSec{
  margin: 10rem 0 12rem;
}
section.relatedEventSec div.title{
  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.relatedEventSec div.title h3{
  font-size: 3.8rem;
  line-height: 1.3;
}
section.relatedEventSec div.title div.border{
    border-bottom: 1px solid #141414;
    width: 45%;
}
section.relatedEventSec div.postwrap{
  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.relatedEventSec div.postwrap div.box{
  width: 23.5%;
  background: #F5F5F5;
  padding: 1.5rem 1.5rem 3rem;
  position: relative;
  margin-bottom: 3rem;
}
section.relatedEventSec div.postwrap div.box:hover {
  opacity: 0.6;
  transition: 0.6s;
}
section.relatedEventSec div.postwrap div.box.blank{
  background: inherit;
  padding: inherit;
  margin-bottom: 0;
}
section.relatedEventSec div.postwrap div.box a.link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 100;
}
section.relatedEventSec div.postwrap div.box dl{
  margin: 1rem 0 0;
}
section.relatedEventSec div.postwrap div.box dl dt{
  font-size: 1.4rem;
}
section.relatedEventSec div.postwrap div.box dl dd.tag{
  margin: 0.5rem 0 0.8rem;
}
section.relatedEventSec div.postwrap div.box dl dd.tag a{
  display: inline-block;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.2;
  padding: 0.3rem 1.5rem;
  border-radius: 5rem;
  pointer-events: none;
}
section.relatedEventSec div.postwrap div.box dl dd.tag.column a{
  background: #D9009F;
}
section.relatedEventSec div.postwrap div.box dl dd.tag.report a{
  background: #02740F;
}
section.relatedEventSec div.postwrap div.box dl dd.tag.ssc a{
  background: #FFC400;
}
section.relatedEventSec div.postwrap div.box dl dd.tag.criticalbusiness a{
  background: #021269;
}
section.relatedEventSec div.postwrap div.box dl dd.tag.happiness-project a{
  background: #3BC400;
}
section.relatedEventSec div.postwrap div.box dl dd.area{
  text-align: right;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
section.relatedEventSec div.postwrap div.box dl dd.ttl{
  font-size: 1.4rem;
}
section.relatedEventSec div.postwrap p.p-txt{
  width: 100%;
}
section.relatedEventSec div.button-area{
  margin: 5rem auto 0;
}
@media print, screen and (max-width: 960px) {
  section.eventInfoSec div.post-area dl.post dd.area{
    display: block;
    width: 95%;
    margin-top: 0.8rem;
  }
  section.eventInfoSec div.post-area dl.post dd.title{
    display: block;
    width: 95%;
    margin-top: 0.6rem;
  }
  section.eventInfoSec div.post-area dl.post dd.tag{
    margin-left: 0;
  }
  section.relatedEventSec div.title div.border{
    display: none;
  }
  section.relatedEventSec div.postwrap div.box{
    width: 32%;
  }
}
@media print, screen and (max-width: 767px) {
  /* outline */
  section.activityDetailSec div.outline h4.outline{
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
  section.activityDetailSec div.outline table th{
    display: block;
    width: 100%;
    text-align: left;
    padding-bottom: 0;
    border-bottom: inherit;
  }
  section.activityDetailSec div.outline table th.first{
    padding-top: 0;
  }
  section.activityDetailSec div.outline table td{
    display: block;
    font-size: 1.6rem;
    padding-top: 0;
    padding-bottom: 2rem;
  }
  section.activityDetailSec div.outline table td a{
    color: #1903C4;
    text-decoration: underline;
  }
  section.activityDetailSec div.outline table td.first{
    padding-top: 0;
  }
  section.activityDetailSec div.outline table td span.bold{
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
  }
  /* opportunity */
  section.activityDetailSec div.opportunity{
    margin-top: 10rem;
  }
  section.activityDetailSec div.opportunity h3{
    font-size: 2.8rem;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 5rem;
  }
  section.activityDetailSec div.opportunity div.box{
    padding: 1.5rem;
  }
  section.activityDetailSec div.opportunity div.box.b01,
  section.activityDetailSec div.opportunity div.box.b02{
    margin-bottom: 0;
  }
  section.activityDetailSec div.opportunity div.wrap{
    display: block;
  }
  section.activityDetailSec div.opportunity div.wrap div.img{
    width: 100%;
  }
  section.activityDetailSec div.opportunity div.wrap div.txt{
    margin-top: 2rem;
    width: 100%;
  }
  section.activityDetailSec div.opportunity div.wrap div.txt div.svg{
    margin: 0 0 2rem auto;
  }
  section.activityDetailSec div.opportunity div.wrap div.txt h4{
    font-size: 2.5rem;
    line-height: 1.5;
    margin-bottom: 2rem;
  }
  section.activityDetailSec div.opportunity div.wrap div.txt p.p-txt{
    font-size: 1.6rem;
    line-height: 1.6;
  }
  section.activityDetailSec div.slider-arrow.slider-prev.fa.fa-chevron-left.slick-arrow {
    position: absolute;
    color: #BCBCBC;
    z-index: 8;
    font-size: 2.0rem;
    top: 50%;
    left: -4%;
    transform: translateY(-65%);
  }
  section.activityDetailSec div.slider-arrow.slider-next.fa.fa-chevron-right.slick-arrow {
    position: absolute;
    color: #BCBCBC;
    z-index: 8;
    font-size: 2.0rem;
    top: 50%;
    right: -4%;
    transform: translateY(-65%);
  }
  /* voice */
  section.activityDetailSec div.voice{
    margin-top: 10rem;
    padding-top: 9rem;
    padding-bottom: 10rem;
  }
  section.activityDetailSec div.voice h3{
    font-size: 3.0rem;
  }
  section.activityDetailSec div.voice div.box div.wrap{
    display: block;
  }
  section.activityDetailSec div.voice div.box div.wrap div.border{
    display: none;
  }
  section.activityDetailSec div.voice div.box div.wrap div.img{
    width: 70%;
    margin: 3rem 0 0 auto;
  }
  section.activityDetailSec div.voice div.box div.wrap div.txt{
    width: 100%;
    position: relative;
  }
  section.activityDetailSec div.voice div.box div.wrap div.txt p.name{
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  section.activityDetailSec div.voice div.box div.wrap div.txt p.title{
    font-size: 2.5rem;
  }
  section.activityDetailSec div.voice div.box p.message{
    margin-top: 3rem;
  }
  section.activityDetailSec div.voice div.box.b01{
    margin-bottom: 10rem;
  }
  /* eventInfoSec */
  section.eventInfoSec{
    margin-top: 10rem;
  }
  section.eventInfoSec div.svg{
    margin-bottom: 1.5rem;
  }
  section.eventInfoSec h3{
    font-size: 2.8rem;
  }
  section.eventInfoSec div.post-area dl.post dd.area{
    margin-top: 0.6rem;
    width: 92%;
  }
  section.eventInfoSec div.post-area dl.post dd.title{
    width: 92%;
  }
  section.eventInfoSec div.post-area dl.post dd.tag a{
    display: inline-block;
    padding: 0.4rem 1.2rem 0.4rem;
    margin-bottom: 0.8rem;
  }
  section.eventInfoSec div.post-area dl.post dd.tag a:last-child{
    margin-bottom: 0;
  }
  /* relatedEventSec */
  section.relatedEventSec div.title h3 {
    font-size: 2.8rem;
  }
  section.relatedEventSec div.postwrap div.box{
    width: 48.5%;
  }
}
@media print, screen and (max-width: 560px) {
  section.eventInfoSec div.post-area dl.post dd.area{
    width: 90%;
    margin-top: 0.4rem;
  }
  section.eventInfoSec div.post-area dl.post dd.title{
    width: 90%;
    margin-top: 0.4rem;
  }
  section.eventInfoSec div.post-area dl.post dd.tag{
    width: 90%;
    margin-top: 1rem;
  }
  section.eventInfoSec div.post-area dl.post dd.tag a{
    padding: 0.4rem 1.2rem 0.3rem;
  }
  section.relatedEventSec div.postwrap div.box{
    width: 100%;
  }
}

/* contactSec
-------------------------------------------------- */
section.contactSec{
  margin: 10rem auto 15rem;
}
section.contactSec p.p-txt{
  font-size: 1.6rem;
}
section.contactSec div.check {
  text-align: center;
  margin-top: 5rem;
}
section.contactSec div.check input[type="checkbox"] {
  position: relative;
  width: 2rem;
  height: 2rem;
  border: 1px solid #BCBCBC;
  vertical-align: -5px;
  margin-right: 1rem;
}
section.contactSec div.check a.underline{
  color: #1903C4;
  text-decoration: underline;
}
section.contactSec div.check a.underline:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.contactSec div.button-area{
  width: 30rem;
  margin: 3rem auto 0;
}
section.contactSec div.button-area input[type="submit"]{
  width: 30rem;
  height: 6.5rem;
  font-size: 2.3rem;
  line-height: 1.4;
  padding-top: 0.4rem;
  padding-bottom: 0.6rem;
  background: #2E2E2E;
  color: #fff;
  border: 1px solid #2E2E2E;
  border-radius: 5rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  cursor: pointer;
  position: relative;
}
section.contactSec div.button-area input[type="submit"]:hover{
  opacity: 0.6;
  transition: 0.6s;
}
table.table_form{
  width: 100%;
  margin-top: 10rem;
}
th span.required{
  background: #F40000;
  text-align: center;
  width: 6rem;
  padding: 0.4rem 0 0.5rem;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.3;
  display: inline-block;
  border-radius: 6rem;
  margin-right: 2rem;
}
table.table_form th{
  width: 35rem;
  font-size: 1.6rem;
  text-align: left;
  padding: 2.5rem 0 2rem;
  vertical-align: middle;
  line-height: 2.0;
  font-weight: normal;
  border-bottom: 1px solid #BCBCBC;
}
table.table_form th.contact_details{
  vertical-align: top;
}
table.table_form th.contact_details,
table.table_form td.contact_details{
  padding: 0 0 2rem 0;
}
/* td */
table.table_form td{
  padding: 2.5rem 0 2rem;
  border-bottom: 1px solid #BCBCBC;
  font-size: 1.6rem;
  line-height: 2.0;
}
table.table_form td input{
  line-height: 3.2;
  height: 3.2em;
  padding-left: 1rem;
  border: 1px solid #BCBCBC;
}
table.table_form td span.mwform-radio-field {
  display: block;
}
.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0!important;
}
table.table_form td input[type=radio] {
  line-height: 2.0;
  height: 2em;
  width: inherit;
  margin-bottom: 0.6rem;
}
table.table_form td.organization_name input,
table.table_form td.name input,
table.table_form td.kana input,
table.table_form td.position input,
table.table_form td.mailaddress input{
  width: 100%;
}
table.table_form td.tel input {
  width: 31%;
}
table.table_form td.remarks textarea{
  width: 100%;
  height: 12em;
  line-height: 1.8;
  padding-left: 1rem;
  border: 1px solid #BCBCBC;
}
table.table_form td span.att {
    display: block;
    margin-top: 1rem;
    line-height: 1.6;
    font-size: 1.4rem;
}
/* input */
div.mw_wp_form_input p.input-hidden{
  display: none;
}
/* confirm */
div.mw_wp_form_confirm p.confirm-hidden{
  display: none;
}
div.mw_wp_form_confirm p.input-hidden{
  display: block;
}
div.mw_wp_form_confirm div.check{
  display: none;
}
div.mw_wp_form_confirm div.button-area {
    margin: 5rem auto 0;
}
/* error */
.wpcf7 .wpcf7-not-valid {
  background: pink;
}
span.wpcf7-not-valid-tip{
  display: none!important;
}
.mw_wp_form .error {
  text-align: left;
  margin-top: 1rem;
}
@media print, screen and (max-width: 767px) {
  table.table_form{
    margin-top: 7rem;
  }
  table.table_form th{
    display: block;
    width: 100%;
    text-align: left;
    padding: 3rem 0 0;
    vertical-align: middle;
    line-height: 2.0;
    font-weight: normal;
    border-bottom: none;
  }
  table.table_form th.contact_details{
    padding: 0;
  }
  table.table_form td{
    display: block;
    padding: 1.5rem 0 3rem;
  }
  table.table_form td.contact_details{
    padding: 1.5rem 0 3rem;
  }
  table.table_form td.tel input{
    width: 27%;
    margin: 0 auto 0 0;
  }
}

/* sendmessageSec
-------------------------------------------------- */
section.sendmessageSec{
  margin: 10rem auto 15rem;
}
section.sendmessageSec p.p-txt{
  font-size: 1.6rem;
}
section.sendmessageSec div.button-area{
  width: 22rem;
  margin: 7rem auto 0;
}
section.sendmessageSec div.button-area a.button{
  width: 22rem;
}
@media print, screen and (max-width: 767px) {
  section.sendmessageSec p.p-txt{
    font-size: 1.5rem;
  }
  section.sendmessageSec div.button-area{
    margin: 5rem auto 0;
  }
}

/* ==================================================
以下、装飾の指定
================================================== */
/*iPhoneでinput要素にCSSが効かない時 */
input[type="button"],input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="date"],input[type="submit"],textarea{
   -webkit-appearance: none!important;
}