@charset "utf-8";

/* *****************************************************************************

  index.html

***************************************************************************** */
/* kv */
.kv{
  padding-left: 6rem;
  padding-right: 6rem;
  overflow: hidden;
}
.kv > .-inner{
  max-width:  1240px;
  height: 512px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  position: relative;
}
.kv > .-inner::after{
  content: "";
  width: 684px;
  height: 430px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
  background: url(/assets/images/home/img-kv.jpg) right center no-repeat;
  background-size: 684px auto;
}

@media screen and (max-width: 1280px){
  /* kv */
  .kv > .-inner::after{
    left: 461px;
    right: auto;
  }
}

@media screen and (max-width: 1000px){
  /* kv */
  .kv{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .kv > .-inner::after{
    left: auto;
    right: -260px;
  }
}

@media screen and (max-width: 760px){
  /* kv */
  .kv{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .kv > .-inner{
    height: auto;
    aspect-ratio: 4/5;
    display: block;
  }
  .kv > .-inner::after{
    aspect-ratio: 684/430;
    width: 100%;
    height: auto;
    top: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0); 
    background: url(/assets/images/home/img-kv.jpg) right center no-repeat;
    background-size: contain;
  }
}

/* kv-catch */
.kv-catch{
  z-index: 1;
}
.kv-catch > .-main > p{
  font-size: 4.8rem;
  line-height: 1.25;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
}
.kv-catch > .-en{
  color: #e91a21;
  font-family: 'Chillax', sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1;
  margin-top: 2rem;
}

@media screen and (max-width: 960px){
  /* kv-catch */
  .kv-catch > .-main > p{
    font-size: 5vw;
  }
  .kv-catch > .-en{
    margin-top: 2vw;
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 960px){
  /* kv-catch */
  .kv-catch > .-main > p{
    font-size: 5vw;
  }
  .kv-catch > .-en{
    margin-top: 2vw;
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 760px){
  /* kv-catch */
  .kv-catch{
    position: absolute;
    top: 12vw;
    left: 0;
  }
  .kv-catch > .-main > p{
    font-size: 6.5vw;
  }
  .kv-catch > .-en{
    margin-top: 2.75vw;
    font-size: 3.25vw;
  }
}

/* contents-home */
.contents-home{
  margin-bottom: 16rem;
}

@media screen and (max-width: 1000px){
  /* contents-home */
  .contents-home{
    margin-bottom: 14rem;
  }
}

@media screen and (max-width: 760px){
  /* contents-home */
  .contents-home{
    margin-bottom: 12rem;
  }
}

/* section-field */
.section-field{
  margin-top: 8rem;  
}
.section-field > .-field{
  margin-top: 8rem;
}
.section-field > .-field:nth-child(1){
  margin-top: 0;
}

@media screen and (max-width: 760px){
  /* section-field */
  .section-field{
    margin-top: 6rem;
  }
  .section-field > .-field{
    margin-top: 6rem;
  }
}

/* section-heading */
.section-heading > .-en{
  font-size: 2.2rem;
  line-height: 1;
  white-space: nowrap;
  color: #e91a21;
  font-family: 'Chillax', sans-serif;
  font-weight: 600;
  margin-bottom: 1.7rem;
}
.section-heading > .-main{
  font-size: 3.2rem;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  line-height: 1.35;
}

@media screen and (max-width: 760px){
  /* section-heading */
  .section-heading > .-en{
    font-size: 2.1rem;
  }
  .section-heading > .-main{
    font-size: 2.8rem;
  }
}

/* section-heading-middle */
.section-heading-middle{
  font-size: 2rem;
  line-height: 1.45;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  padding-left: 2.4rem;
  position: relative;
}
.section-heading-middle::before{
  content: "";
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e91a21;
  border-radius: 3px;
}

/* intro-box */
.intro-box{
  margin: 6rem 6rem 14.2rem;
}
.intro-box > .-inner{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media screen and (max-width: 1000px){
  /* intro-box */
  .intro-box{
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

@media screen and (max-width: 760px){
  /* intro-box */
  .intro-box{
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 10rem;
  }
}

/* intro-text */
.intro-text{
  display: inline-block;
  text-align: left;
}
.intro-text > p{
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 3.2rem;
}
.intro-text > p:nth-child(1){
  margin-top: 0;
}

/* section-news */
.section-news{
  margin-left: 6rem;
  margin-right: 6rem;
  margin-bottom: 13rem;
}
.section-news > .-inner{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
.section-news > .-inner > .-heading{
    width: 22.5%;
    padding-right: 2rem;
}
.section-news > .-inner > .-primary{
    width: 77.5%;
}

@media screen and (max-width: 1000px){
  /* section-news */
  .section-news{
    margin-left: 4rem;
    margin-right: 4rem;
    margin-bottom: 12rem;
  }
}

@media screen and (max-width: 760px){
  /* section-news */
  .section-news{
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 10rem;
  }
  .section-news > .-inner{
    display: block;
  }
  .section-news > .-inner > .-heading{
    width: 100%;
    padding-right: 0;
  }
  .section-news > .-inner > .-primary{
    margin-top: 4rem;
    width: 100%;
  }
}

/* section-news-heading */
.section-news-heading > .-main{
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  font-size: 2.4rem;
  line-height: 1;
  white-space: nowrap;
}
.section-news-heading > .-en{
  font-size: 1.8rem;
  line-height: 1;
  white-space: nowrap;
  color: #e91a21;
  font-family: 'Chillax', sans-serif;
  font-weight: 600;
  margin-top: 1.7rem;
}

@media screen and (max-width : 760px){
  /* section-news-heading */
  .section-news-heading{
    display: flex;
    align-items: flex-end;
  }
  .section-news-heading > .-en{
    margin-top: 0;
    margin-left: 2rem;
  }
}

/* news-list */
.news-list{
  width: 100%;
}
.news-list > .-item{
  margin-top: 1.2rem;
  display: flex;
}
.news-list > .-item:nth-child(1){
  margin-top: 0;
}
/*
.news-list > .-item > a{
  display: flex;
  width: 100%;
}
*/
.news-list > .-item > .-date{
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  color: #e91a21;
  width: 12.8rem;
  font-size: 1.6rem;
  line-height: 1.5;
  padding-right: 2rem;
  white-space: nowrap;
}
.news-list > .-item > .-text{
  font-size: 1.6rem;
  line-height: 1.5;
  flex: 1;
  color: #1a1a1a;
  /*
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  */
}
/*
.news-list > .-item > a:hover > .-text{
  color: #e91a21;
}
*/

@media screen and (max-width : 760px){
  /* news-list */
  .news-list > .-item{
    margin-top: 1.8rem;
    display: block;
  }
  /*
  .news-list > .-item > a{
    display: block;
  }
  */
  .news-list > .-item > .-date{
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
  }
}

/* section-about */
.section-about{
  margin-left: 6rem;
  margin-right: 6rem;
  margin-bottom: 12rem;
}
.section-about > .-inner{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width : 1000px){
  /* section-about */
  .section-about{
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

@media screen and (max-width : 760px){
  .section-about{
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 10rem;
  }
}

/* section-field-about */
.section-field-about{
  margin-top: 4.5rem;  
}

/* section-about-text */
.section-about-text > p{
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 1.75em;
}
.section-about-text > p:nth-child(1){
  margin-top: 0;
}

/* number-list-about */
.number-list-about{
  counter-reset: number-list-about;
  margin-top: 5.5rem;
}
.number-list-about > .-item{
  position: relative;
  margin-top: 4.5rem;
}
.number-list-about > .-item:nth-child(1){
  margin-top: 0;
}
.number-list-about > .-item > .-heading{
  font-size: 2rem;
  color: #e91a21;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  line-height: 1.45;
  padding-left: 5rem;
  position: relative;
}
.number-list-about > .-item > .-heading::before{
  counter-increment: number-list-about;
  content: counter(number-list-about);
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  width: 3.2rem;
  text-align: center;
  background-color: #e91a21;
  font-family: 'Chillax', sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.2rem;
  border-radius: 50%;
}
.number-list-about > .-item > .-text{
  padding-left: 5rem;
  margin-top: 1rem;
}
.number-list-about > .-item > .-text > p{
  font-size: 1.4rem;
  line-height: 2;
}
.number-list-about > .-item > .-text > p > strong{
  font-family: "FOT-UD角ゴ_ラージ Pr6N E";
}

@media screen and (max-width: 760px){
  /* number-list-about */
  .number-list-about{
    margin-top: 4.5rem;
  }
  .number-list-about > .-item > .-heading{
    font-size: 1.9rem;
    padding-left: 4rem;
  }
  .number-list-about > .-item > .-text{
    padding-left: 0;
  }
  .number-list-about > .-item > .-heading::before{
    top: -0.2rem;
    width: 3rem;
    font-size: 1.9rem;
    line-height: 3rem;
  }
}

/* background-box */
.background-box{
  margin-top: 3.5rem;
}

/* background-list */
.background-list > .-item{
  position: relative;
  display: flex;
  height: 100%;
  padding-bottom: 2.5rem;
}
.background-list > .-item::before{
  width: 1px;
  height: 100%;
  background-color: #e91a21;
  position: absolute;
  content: "";
  top: 0;
  left: 0.3rem;
}
.background-list > .-item:nth-child(1)::before{
  top: 1.5rem;
}
.background-list > .-item:last-child::before{
  height: 1.5rem;
}
.background-list > .-item > .-year{
  font-size: 1.4rem;
  line-height: 2;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  padding-left: 2.5rem;
  color: #e91a21;
  width: 180px;
}
.background-list > .-item > .-year::before{
  width: 7px;
  height: 7px;
  position: absolute;
  content: "";
  border-radius: 50%;
  background-color: #e91a21;;
  top: 1.2rem;
  left: 0;
}
.background-list > .-item > .-main{
  flex: 1;
}

@media screen and (max-width : 760px){
  /* background-list */
  .background-list > .-item{
    display: block;
  }
  .background-list > .-item:last-child{
    padding-bottom: 0;
  }
  .background-list > .-item > .-year{
    padding-left: 2rem;
    width: 100%;
  }
  .background-list > .-item > .-main{
    padding-left: 2rem;
  }
}

/* background-text */
.background-text > p{
  font-size: 1.4rem;
  line-height: 2;
}

/* background-text-list */
.background-text-list > .-item{
  font-size: 1.4rem;
  line-height: 2;  
  padding-left: 2.2rem;
  position: relative;
}
.background-text-list > .-item::before{
    content: "";
    background-color: #1a1a1a;
    position: absolute;
    top: 1.3rem;
    left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

/* faq-answer-list */
.faq-answer-list > .-item{
    margin-top: 0.8rem;
}
.faq-answer-list > .-item:nth-child(1){
    margin-top: 0;
}

/* media-box */
.media-box{
  display: flex;
  justify-content: space-between;
}
.media-box-youtube{
  width: 63.5%;
  padding-right: 4rem;
}
.media-box-podcast{
  flex: 1;
}

@media screen and (max-width : 1000px){
  /* media-box */
  .media-box{
    display: block;
  }
  .media-box-youtube{
    width: 100%;
    padding-right: 0;
  }
  .media-box-podcast{
    margin-top: 8rem;
  }
}

@media screen and (max-width : 760px){
  /* media-box */
  .media-box-podcast{
    margin-top: 6rem;
  }
}

/* about-video */
.about-video{
  margin-top: 5.5rem;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
.video{
  width: 100%;
  aspect-ratio: 16 / 9;
}
.video iframe{
  width: 100%;
  height: 100%;
}

@media screen and (max-width : 760px){
  /* about-video */
  .about-video{
    margin-top: 3.5rem;
  }
}

/* about-audio */
.about-audio{
  margin-top: 5.5rem;
}
.about-audio > audio{
  width: 100%;
}

@media screen and (max-width : 760px){
  /* about-audio */
  .about-audio{
    margin-top: 3.5rem;
  }
}

/* about-audio-note */
.about-audio-note > p{
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 1rem;
  margin-left: 1em;
}
.about-audio-note > p::before{
  content: '※';
  margin-left: -1em;
}


/* white-block */
.white-block{
  overflow: hidden;
  padding-left: 6rem;
  padding-right: 6rem;
  margin-bottom: 12rem;
}
.white-block-inner-01{
  max-width: 1120px;
  margin: auto;
}
.white-block-inner-02{
  margin-left: calc(50% - 50vw);
  background-color: #ffffff;
  border-top-right-radius: 6rem;
  border-bottom-right-radius: 6rem;
  padding-left: 14rem;
  padding-right: 8rem;
  display: flex;
  justify-content: flex-end;
}
.white-block-inner-03{
  width: 100%;
  max-width: 960px;
  padding-top: 8rem;
  padding-bottom: 12rem;
}

@media screen and (max-width : 1200px){
  /* white-block */
  .white-block-inner-02{
    padding-left: 12rem;
    padding-right: 6rem;
  }
}

@media screen and (max-width : 1000px){
  /* white-block */
  .white-block{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .white-block-inner-02{
    padding-left: 4rem;
  }
}

@media screen and (max-width : 760px){
  .white-block{
    padding-left: 0rem;
    padding-right: 0rem;
    margin-bottom: 10rem;
  }
  .white-block-inner-02{
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    display: block;
  }
  .white-block-inner-03{
    padding-bottom: 10rem;
  }
}

/* section-message */
.section-message{
  margin-bottom: 12rem;  
}

@media screen and (max-width : 760px){
  /* section-message */
  .section-message{
    margin-bottom: 10rem;  
  }
}

/* message-box */
.message-box-wrap{
  margin-top: 8.5rem;
}
.message-box{
  display: flex;
  justify-content: space-between;
  margin-top: 10rem;
}
.message-box:nth-child(1){
  margin-top: 0;
}

@media screen and (max-width : 1000px){
  /* message-box */
  .message-box-wrap{
    margin-top: 8rem;
  }
}

@media screen and (max-width : 760px){
  /* message-box */
  .message-box-wrap{
    margin-top: 6rem;
  }
  .message-box{
    display: block;
    margin-top: 8rem;
  }
}

/* message-profile */
.message-profile{
  width: 47.5%;
  padding-left: 3.75%;
  display: flex;
  align-items: center;
  padding-right: 2rem;
}
.message-profile > .-img{
  width: 140px;
}
.message-profile > .-img > img{
  border-radius: 50%;
  width: 100%;
}
.message-profile > .-text{
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  padding-left: 8.7719%;
}
.message-profile > .-text > .-data{
  font-size: 1.4rem;
  white-space: nowrap;
  line-height: 1.5714;
  margin-bottom: 1rem;
}
.message-profile > .-text > .-name{
  font-size: 2.1rem;
  white-space: nowrap;
  line-height: 1;
}
.message-profile > .-text > .-name > span{
  font-size: 1.4rem;
  padding-left: 0.5em;
}

@media screen and (max-width : 1000px){
  /* message-profile */
  .message-profile{
    padding-left: 0;
  }
}

@media screen and (max-width : 900px){
  /* message-profile */
  .message-profile{
    display: block;
    width: 35%;
    padding-right: 5%;
  }
  .message-profile > .-img{
    margin-left: auto;
    margin-right: auto;
  }
  .message-profile > .-text{
    margin-top: 2rem;
    padding-left: 0;
    text-align: center;
  }
}

@media screen and (max-width : 760px){
  /* message-profile */
  .message-profile{
    width: 100%;
    padding-right: 0;
  }
}

/* message-text */
.message-text{
  width: 52.5%;
  padding-right: 3.75%;
}
.message-text > .-main{
  position: relative;
}
.message-text > .-main::before,
.message-text > .-main::after{
  content: "";
  width: 70px;
  height: 58px;
  position: absolute;
  top: -2.6rem;
}
.message-text > .-main::before{
  left: -4.8rem;
  background: url(/assets/images/home/illust-quotation-left.svg) center center no-repeat;
  background-size: 7rem auto;
}
.message-text > .-main::after{
  right: -4.8rem;
  background: url(/assets/images/home/illust-quotation-right.svg) center center no-repeat;
  background-size: 7rem auto;
}
.message-text > .-main > p{
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 1.75em;
}
.message-text > .-main > p:nth-child(1){
  margin-top: 0;
}

@media screen and (max-width : 900px){
  /* message-text */
  .message-text{
    width: 65%;
    padding-right: 1%;
  }
}

@media screen and (max-width : 760px){
  /* message-text */
  .message-text{
    width: 100%;
    margin-top: 4rem;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .message-text > .-main::before,
  .message-text > .-main::after{
    width: 60px;
    height: 50px;
  }
  .message-text > .-main::before{
    left: -3rem;
    background: url(/assets/images/home/illust-quotation-left.svg) center center no-repeat;
    background-size: 6rem auto;
  }
  .message-text > .-main::after{
    right: -3rem;
    background: url(/assets/images/home/illust-quotation-right.svg) center center no-repeat;
    background-size: 6rem auto;
  }
}

/* supporter-list */
.supporter-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8rem;
  margin-left: auto;
  margin-right: auto;
  width: 720px;
}
.supporter-list > .-item{
  width: 50%;
  margin-top: 7.2rem;
}
.supporter-list > .-item:nth-child(-n+2){
  margin-top: 0;
}
.supporter-list > .-item:nth-child(odd){
  padding-right: 4.1667%;
}
.supporter-list > .-item:nth-child(even){
  padding-left: 4.1667%;
}

/* supporter-profile */
.supporter-profile{
  display: flex;
  justify-content: center;
  align-items: center;
}
.supporter-profile > .-img{
  width: 100px;
}
.supporter-profile > .-img > img{
  border-radius: 50%;
}
.supporter-profile > .-text{
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  padding-left: 8.7719%;
}
.supporter-profile > .-text > .-data{
  font-size: 1.4rem;
  white-space: nowrap;
  line-height: 1.5714;
  margin-bottom: 1rem;
}
.supporter-profile > .-text > .-name{
  font-size: 2.1rem;
  white-space: nowrap;
  line-height: 1;
}

/* supporter-text */
.supporter-text{
  margin-top: 5rem;
  padding-right: 3.6rem;
}
.supporter-text > .-main{
  position: relative;
}
.supporter-text > .-main::before,
.supporter-text > .-main::after{
  content: "";
  width: 52px;
  height: 42px;
  position: absolute;
  top: -1.5rem;
}
.supporter-text > .-main::before{
  left: -3rem;
  background: url(/assets/images/home/illust-quotation-left.svg) center center no-repeat;
  background-size: 5.2rem auto;
}
.supporter-text > .-main::after{
  right: -3rem;
  background: url(/assets/images/home/illust-quotation-right.svg) center center no-repeat;
  background-size: 5.2rem auto;
}
.supporter-text > .-main > p{
  font-size: 1.4rem;
  line-height: 2;
}

/* supporter-list-small */
.supporter-list-small{
  display: flex;
  flex-wrap: wrap;
  margin-top: 8rem;
}
.supporter-list-small > .-item{
  width: calc(100%/3 - 2rem  * 2/3);
  margin-right: 2rem;
  display: flex;
  align-items: center;
  margin-top: 6rem;
}
.supporter-list-small > .-item:nth-child(3n){
  margin-right: 0;
}
.supporter-list-small > .-item:nth-child(-n+3){
  margin-top: 0;
}
.supporter-list-small > .-item > .-img > img{
  border-radius: 50%;
}
.supporter-list-small > .-item > .-text{
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  padding-left: 8.7719%;
}
.supporter-list-small > .-item > .-text > .-data{
  font-size: 1.4rem;
  white-space: nowrap;
  line-height: 1.5714;
  margin-bottom: 1rem;
}
.supporter-list-small > .-item > .-text > .-name{
  font-size: 2.1rem;
  white-space: nowrap;
  line-height: 1;
}

/* section-works */
.section-works{
  padding-left: 6rem;
  padding-right: 6rem;
  margin-bottom: 12rem;
}
.section-works > .-inner{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width : 1000px){
  /* section-works */
  .section-works{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (max-width : 760px){
  /* section-works */
  .section-works{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 10rem;
  }
}

/* works-box */
.works-box{
  display: flex;
  justify-content: space-between;
}
.works-box > .-primary{
  width: 47.5%;
}
.works-box > .-img{
  width: 38.75%;
}
.works-box > .-img > img{
  width: 100%;
}

@media screen and (max-width : 1000px){
  /* works-box */
  .works-box > .-primary{
    width: 51.5%;
  }
  .works-box > .-img{
    width: 40%;
  }
}

@media screen and (max-width : 760px){
  /* works-box */
  .works-box{
    display: block;
  }
  .works-box > .-primary{
    width: 100%;
  }
  .works-box > .-img{
    margin-top: 6rem;
    width: 100%;
  }
}

/* works-text */
.works-text{
  margin-top: 4.5rem;
}
.works-text > p{
  line-height: 2;
  font-size: 1.4rem;
}

/* works-button */
.works-button{
  margin-top: 5.4rem;
  max-width: 288px;
}
.works-button > a{
  display: inline-block;
  width: 100%;
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  font-size: 1.6rem;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: bottom;
  height: 80px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}
.works-button > a:hover{
  color: #ffffff;
  background-color: #e91a21;
}
.works-button > a > span{
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1.5;
  padding-right: 3.2rem;
  background: url(/assets/images/icon-pdf-red.svg) right center no-repeat;
  background-size: 1.7rem auto;
}
.works-button > a:hover > span{
  background: url(/assets/images/icon-pdf-white.svg) right center no-repeat;
  background-size: 1.7rem auto;
}

@media screen and (max-width : 760px){
  /* works-button */
  .works-button{
    margin-top: 4rem;
  }
}

/* section-organization */
.section-organization{
  margin-left: 6rem;
  margin-right: 6rem;
  margin-bottom: 12rem;
}
.section-organization > .-inner{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* link-block */
.link-block{
  padding-top: 8rem;
  padding: 8rem 6rem 10rem;
  background-color: #ffffff;
}
.link-block > .-inner{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width : 1000px){
  /* link-block */
  .link-block{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (max-width : 760px){
  /* link-block */
  .link-block{
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 8rem;
  }
}

/* link-box */
.link-box{
  display: flex;
  justify-content: space-between;
}
.link-box > .-item{
  width: 50%;
}
.link-box > .-item:nth-child(1){
  padding-right: 2.4rem;  
}
.link-box > .-item:nth-child(2){
  padding-left: 2.4rem;  
}

@media screen and (max-width : 760px){
  /* link-box */
  .link-box > .-item:nth-child(1){
    padding-right: 1rem;  
  }
  .link-box > .-item:nth-child(2){
    padding-left: 1em;  
  }
}

@media screen and (max-width : 640px){
  /* link-box */
  .link-box{
    display: block;
  }
  .link-box > .-item{
    width: 100%;
  }
  .link-box > .-item:nth-child(1){
    padding-right: 0;
  }
  .link-box > .-item:nth-child(2){
    margin-top: 6rem;
    padding-left: 0;
  }
}

/* link-button */
.link-button{
  width: 100%;
  max-width: 372px;
  margin-top: 3rem;
}
.link-button > a{
  display: inline-block;
  width: 100%;
  border-radius: 1rem;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  font-size: 1.6rem;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: bottom;
  height: 76px;
  border: 2px solid #e91a21;
  display: flex;
  align-items: center;
  background: #e91a21 url(/assets/images/arrow-circle-white.svg) right 2rem center no-repeat;
  background-size: 2rem auto;
  color: #ffffff;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}
.link-button > a:hover{
  color: #e91a21;
  background: #ffffff url(/assets/images/arrow-circle-red.svg) right 2rem center no-repeat;
  background-size: 2rem auto;
}

@media screen and (max-width : 640px){
  /* link-button */
  .link-button{
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
}

/* link-button-text */
.link-button-text{
  width: 100%;
  max-width: 372px;
  margin-top: 1.5rem;
}
.link-button-text > p{
  line-height: 2;
  font-size: 1.4rem;
}

@media screen and (max-width : 640px){
  /* link-button-text */
  .link-button-text{
    max-width: none;
  }
}

/* section-faq */
.section-faq{
  margin-top: 8rem;
  padding-left: 6rem;
  padding-right: 6rem;
}
.section-faq > .-inner{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width : 1000px){
  /* section-faq */
  .section-faq{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (max-width : 760px){
  /* section-faq */
  .section-faq{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* faq-box */
.faq-box{
  display: flex;
  justify-content: space-between;
}
.faq-box > .-heading{
  width: 35%;
}
.faq-box > .-primary{
  width: 65%;
}

@media screen and (max-width : 900px){
  /* faq-box */
  .faq-box{
    display: block;
  }
  .faq-box > .-heading{
    width: 100%;
  }
  .faq-box > .-primary{
    width: 100%;
    margin-top: 8rem;
  }
}

@media screen and (max-width : 760px){
  /* faq-box */
  .faq-box{
    display: block;
  }
  .faq-box > .-heading{
    width: 100%;
  }
  .faq-box > .-primary{
    width: 100%;
    margin-top: 6rem;
  }
}

/* faq-field */
.faq-field > .-item{
  margin-top: 8rem;
}
.faq-field > .-item:nth-child(1){
  margin-top: 0;
}

/* faq-list */
.faq-list{
  margin-top: 3.2rem;
}
.faq-list-box{
  margin-top: 3.5rem;
}
.faq-list-heading{
  cursor: pointer;
  display: block;
  position: relative;
}
.faq-question{
  display: flex;
  justify-content: space-between;
}
.faq-question-mark{
  line-height: 1;
  font-family: 'Chillax', sans-serif;
  font-weight: 700;
  font-size: 3rem;
  color: #1a1a1a;
  width: 5.6rem;
  margin-top: 1px;
}
.faq-question-text{
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  padding-right: 6rem;
  flex: 1;
}
.faq-question-text > p{
  font-size: 1.6rem;
  line-height: 1.75;
}
.faq-list-mark{
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.faq-list-mark::before,
.faq-list-mark::after{
  position: absolute;
  background-color: #e91a21;
  content: '';
}
.faq-list-mark::before{
  top: 0;
  left: 7px;
  width: 3px;
  height: 17px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.faq-list-open .faq-list-mark::before{
  -webkit-ransform: scaleY(0);
  transform: scaleY(0);
}
.faq-list-mark::after{
  top: 7px;
  left: 0;
  width: 17px;
  height: 3px;
}
.faq-list-main{
  margin-top: 2rem;
  display: none;
}
.faq-answer{
  display: flex;
  justify-content: space-between;
}
.faq-answer-mark{
  line-height: 1;
  font-family: 'Chillax', sans-serif;
  font-weight: 700;
  font-size: 3rem;
  color: #e91a21;
  width: 5.6rem;
  margin-top: 1px;
}
.faq-answer-text{
  flex: 1;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  padding-right: 6rem;
  color: #e91a21;
}
.faq-answer-text > p{
  font-size: 1.6rem;
  line-height: 1.75;
  color: #e91a21;
}
.faq-answer-text > .-space{
  margin-top: 1em;
}

@media screen and (max-width : 760px){
  /* faq-list */
  .faq-question-mark{
    font-size: 2.6rem;
    width: 4.5rem;
  }
  .faq-question-text{
    padding-right: 4rem;
  }
  .faq-list-mark{
    right: 0;
  }
  .faq-answer-mark{
    font-size: 2.6rem;
    width: 4.5rem;
  }
  .faq-answer-text{
    padding-right: 0;
  }
}

/* faq-answer-list */
.faq-answer-list > .-item{
  padding-left: 2.8rem;
  position: relative;
  margin-top: 0.8rem;
}
.faq-answer-list > .-item:nth-child(1){
  margin-top: 0;
}
.faq-answer-list > .-item::before{
  content: "";
  background-color: #e91a21;
  position: absolute;
  top: 1.5rem;
  left: 0.8rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}

@media screen and (max-width: 760px){
  /* basic-list */
  .faq-answer-list > .-item{
    padding-left: 1.5rem;
    margin-top: 0.5rem;
  }
  .faq-answer-list > .-item::before{
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
  }
}