@import url("//code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css");
.CLM__half, .CLM__three, .CLM__four, .CLM__five {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: -ms- left;
  justify-content: -ms- left;
  justify-content: -webkit- left;
  -webkit-box-pack: left;
  justify-content: left;
  -ms-flex-align: -ms- top;
  align-items: -ms- top;
  align-items: -webkit- top;
  -webkit-box-align: top;
  align-items: top;
}

.CLM__half img, .CLM__three img, .CLM__four img, .CLM__five img {
  width: 100%;
  vertical-align: top;
}

.CLM__half .wide100, .CLM__three .wide100, .CLM__four .wide100, .CLM__five .wide100 {
  width: 100% !important;
}

.CLM__half > li {
  width: 48%;
  margin-right: 4%;
}

.CLM__half > li:nth-child(2n) {
  margin-right: 0;
}

.CLM__three > li {
  width: 32%;
  margin-right: 2%;
}

.CLM__three > li:nth-child(3n) {
  margin-right: 0;
}

.CLM__four > li {
  width: 23.5%;
  margin-right: 2%;
}

.CLM__four > li:nth-child(4n) {
  margin-right: 0;
}

.CLM__five > li {
  width: 18%;
  margin-right: 2.5%;
}

.CLM__five > li:nth-child(5n) {
  margin-right: 0;
}

.nowrapCLM {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: -ms- space-between;
  justify-content: -ms- space-between;
  justify-content: -webkit- space-between;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -ms-flex-align: -ms- top;
  align-items: -ms- top;
  align-items: -webkit- top;
  -webkit-box-align: top;
  align-items: top;
}

.nowrapCLM > li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 3%;
}

.nowrapCLM > li:last-child {
  margin-right: 0;
}

.nowrapCLM > li img {
  width: 100%;
}

.nowrapCLM > li a {
  display: block;
}

@font-face {
  font-family: "logotypejp";
  src: url("/special/aoashi/logotypejp_kanaALL.woff2") format("woff2"), url("/special/aoashi/logotypejp_kanaALL.woff") format("woff"), url("/special/aoashi/logotypejp_kanaALL.ttf") format("truetype");
}

html {
  font-size: 62.5%;
}

body {
  background: #e8e8e8;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000;
}

/* kvArea */
.kvArea {
  width: 100%;
  background: #fff;
}

.kvArea img {
  width: 100%;
  max-width: none;
}

.kvArea .jLogo {
  width: 40px;
  position: absolute;
  top: 15px;
  left: 15px;
}

@media only screen and (max-width: 1170px) {
  .kvArea .jLogo {
    width: 3.4vw;
    top: 1.2vw;
    left: 1.2vw;
  }
}

.section01 {
  background: #fff;
  margin-top: -9.6vw;
  padding-bottom: 5.2vw;
}

@media only screen and (max-width: 1170px) {
  .section01 {
    margin-top: -4.8vw;
  }
}

.section01 .outer {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.section01 .textArea {
  width: 62%;
  margin-top: 40px;
}

.section01 .textArea .title {
  font-family: "logotypejp", "Hiragino Kaku Gothic Std", sans-serif;
  font-size: 5.3rem;
  font-weight: 400;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

@media only screen and (max-width: 1170px) {
  .section01 .textArea .title {
    font-size: 4.6rem;
  }
}

.section01 .textArea .title span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #89CAA1)) repeat scroll 0 0;
  background: transparent -webkit-linear-gradient(transparent 70%, #89CAA1 0%) repeat scroll 0 0;
  background: transparent -o-linear-gradient(transparent 70%, #89CAA1 0%) repeat scroll 0 0;
  background: transparent linear-gradient(transparent 70%, #89CAA1 0%) repeat scroll 0 0;
  display: inline;
  padding: 0 0.35em;
}

.section01 .textArea .text {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 1170px) {
  .section01 .textArea .text {
    font-size: 1.6rem;
  }
}

.section01 .textArea .text p {
  margin-top: 1.5em;
  line-height: 1.65;
  font-weight: 700;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

.section01 .imgArea {
  width: 38%;
  text-align: right;
}

.section01 .imgArea figcaption {
  font-size: 1rem;
  text-align: center;
  margin-top: 3px;
}

.contentsTitle {
  font-family: "logotypejp", "Hiragino Kaku Gothic Std", sans-serif;
  text-align: center;
}

.contentsTitle .eng {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 1170px) {
  .contentsTitle .eng {
    font-size: 1.8rem;
  }
}

.contentsTitle .jpn {
  font-size: 5.3rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 1170px) {
  .contentsTitle .jpn {
    font-size: 4.6rem;
  }
}

.section02 {
  padding: 5.2vw 5vw;
}

.section02 .outer {
  max-width: 1170px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section02 .movie {
  margin-top: 2vw;
}

.section02 .movie iframe {
  width: 100%;
  height: calc(1170px / 560 * 315);
}

@media only screen and (max-width: 1170px) {
  .section02 .movie iframe {
    width: 90vw;
    height: calc(90vw / 560 * 315);
  }
}

.section02 .note {
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  margin-top: 1em;
}

.section02 .slider {
  width: 700px;
  margin: 5.2vw auto 0;
  opacity: 0;
  position: relative;
}

.section02 .slider.slick-initialized {
  opacity: 1;
}

.section02 .slider .arrow {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.section02 .slider .arrow:hover {
  opacity: 1;
}

.section02 .slider .arrow.slick-disabled {
  cursor: auto;
}

.section02 .slider .arrow.slick-disabled:hover {
  opacity: 0;
}

.section02 .slider .arrow::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
  position: absolute;
  top: 50%;
}

.section02 .slider .arrow.prev {
  left: 0;
}

.section02 .slider .arrow.prev::after {
  left: 10px;
  border-width: 48px 43px 48px 0;
  border-color: transparent #89caa1 transparent transparent;
}

.section02 .slider .arrow.next {
  right: 0;
}

.section02 .slider .arrow.next::after {
  right: 10px;
  border-width: 48px 0 48px 43px;
  border-color: transparent transparent transparent #89caa1;
}

.section02 .slider .item img {
  width: 100%;
}

.section02 .btnArea {
  margin: 1em auto 0;
  width: 306px;
}

.section02 .btnArea a {
  display: block;
  width: 100%;
  height: 54px;
  text-align: center;
  line-height: 54px;
  position: relative;
  background: #000;
}

.section02 .btnArea a span {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  position: relative;
  margin-left: -15px;
}

.section02 .btnArea a:hover {
  text-decoration: none;
}

.section02 .btnArea a:hover::before {
  width: 100%;
}

.section02 .btnArea a::before {
  content: "";
  width: 0%;
  height: 100%;
  background: #f1ca16;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

.section02 .btnArea a::after {
  content: "";
  width: 19px;
  height: 19px;
  background: url("/img/special/aoashi/icon_download.png") center center no-repeat;
  background-size: contain;
  margin-left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.section03 {
  padding: 5.2vw 5vw;
}

.section03 .outer {
  max-width: 1170px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  padding: 60px;
}

.section03 .img {
  margin-top: 2.5vw;
}

.section03 .img img {
  max-width: 100%;
}

.section03 .bnrNote {
  margin-top: 0.5em;
}

.section03 .btnArea {
  width: 500px;
  margin: 1.5em auto 0;
}

.section03 .btnArea a {
  display: block;
  text-decoration: none;
  background: #7FBB95;
  height: 80px;
  line-height: 80px;
  text-align: center;
  position: relative;
}

.section03 .btnArea a span {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
  position: relative;
}

.section03 .btnArea a:hover::before {
  width: 100%;
}

.section03 .btnArea a::before {
  content: "";
  width: 0%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

.section03 .list {
  margin-top: 3.5vw;
}

.section03 .list .title {
  margin-top: 2.5vw;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
}

.section03 .list .date {
  text-align: center;
  font-size: 3rem;
  font-weight: 400;
  margin-top: 0.5vw;
}

.section03 .list .text {
  font-size: 2rem;
  line-height: 1.5;
  margin-top: 1em;
}

.section03 .list .text ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-top: 1em;
  margin-left: 2em;
}

.section03 .list .text li {
  font-size: 2rem;
  line-height: 1.5;
}

.section03 .list .text a {
  color: #000;
  text-decoration: underline;
}

.section03 .list .text a:hover {
  text-decoration: none;
}

.section03 .borderlist {
  list-style: none !important;
  margin-left: 0 !important;
  margin-bottom: .5em;
  border-top: 1px solid #ccc;
}

.section03 .borderlist li {
  border-bottom: 1px solid #ccc;
  padding: .5em;
  position: relative;
}

.section03 .borderlist li a {
  position: absolute;
  right: 0;
  text-decoration: none !important;
  background: #000;
  color: #FFF !important;
  font-size: 1.4rem;
  padding: .5rem 2rem .4rem;
  font-weight: bold;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}

.section03 .borderlist li a:hover {
  background: #f1ca16;
}

.bnrText {
  font-size: 2rem;
  text-align: center;
}

.bnrText.Msize {
  font-size: 2.2rem;
}

.goodsArea {
  text-align: center;
}

.goodsArea .contentsTitle .jpn {
  letter-spacing: 0;
  line-height: 1.2;
}

.goodsArea .bnrText {
  padding: 1em 0;
  color: #fff100;
}

.goodsArea__list li {
  margin-bottom: 30px;
}

.goodsArea__list li figcaption {
  padding: 1em 0;
}

.goodsArea .btnArea {
  width: 60%;
}

.goodsArea .btnArea a {
  background: #fef000;
  color: #000;
  font-family: "Hiragino Kaku Gothic Std", sans-serif;
  font-weight: 800;
}

.goodsArea .btnArea a span {
  color: #000;
}

.goodsArea .btnArea a::before {
  background: #014097;
}

.goodsArea .btnArea a::after {
  display: none;
}

.goodsArea__info {
  margin-top: 50px;
  border: 1px solid #FFF;
  padding: 5%;
  text-align: left;
}

.goodsArea__info dt {
  text-align: center;
  border-bottom: 1px solid #FFF;
  font-size: 20px;
  padding-bottom: .5em;
  font-weight: bold;
  margin-bottom: 1em;
}

.goodsArea__info dd {
  margin-bottom: 1em;
}

.goodsArea__info dd:last-child {
  margin-bottom: 0;
}

.goodsArea__info dd a {
  color: #fef000;
}

.goodsArea__info dd strong {
  font-weight: bold;
  margin-bottom: .3em;
}

.bg_white {
  background: #FFF;
}

.bg_darkgray {
  background: #041327;
  color: #FFF;
}

.snsBtn {
  background: #000;
  margin: 0;
  padding: 10px 0 5px;
}

.credit {
  padding: 1em 0 2.5vw;
  max-width: 1170px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4rem;
  text-align: center;
}

body.interview {
  background: #FFF;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
}

.kvArea .aoashi {
  position: absolute;
  top: 15px;
  left: 65px;
}

.kvArea .aoashi a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.6);
  padding: 0 1em;
  font-size: 13px;
  border-radius: 4px;
  font-weight: bold;
  color: #333;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
}

.kvArea .aoashi a:hover {
  text-decoration: none;
  background: white;
}

.sec {
  width: 100%;
  text-align: center;
}

.sec .wd980 {
  width: 980px;
  margin: auto;
}

.interviewWrap__heading {
  margin-bottom: 30px;
}

.interviewWrap__heading img {
  width: 100%;
}

.interviewWrap .interviewTXT p {
  text-align: left;
  font-size: 15px;
  line-height: 2;
  font-weight: bold;
}

.interviewWrap__thum {
  width: 100%;
  margin: 30px 0;
}

.interviewWrap__thum img {
  width: 100%;
}

.interviewWrap__subheading {
  font-size: 30px;
  font-family: 'Hiragino Kaku Gothic Std', sans-serif;
  font-weight: 800;
  margin-top: 70px;
}

.interviewWrap dl {
  margin: 30px 0;
}

.interviewWrap dl dt, .interviewWrap dl dd {
  margin-bottom: 1em;
  text-align: left;
  font-size: 15px;
  line-height: 2;
}

.interviewWrap dl dt {
  font-weight: bold;
}

.interviewWrap__profile {
  border: 1px solid #CCC;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.interviewWrap__profile__img {
  width: 280px;
  margin-right: 20px;
}

.interviewWrap__profile__img img {
  width: 100%;
}

.interviewWrap__profile__txt {
  width: calc(100% - 300px);
  margin: 0 !important;
}

.interviewWrap__profile__txt dt {
  font-size: 35px !important;
  line-height: 1.3;
  font-family: 'Hiragino Kaku Gothic Std', sans-serif;
  font-weight: 800;
  margin-bottom: .5em !important;
}

.interviewWrap__profile__txt dt span {
  font-size: 20px;
  padding-left: .5em;
}

.btn__black {
  margin: 50px 0;
}

.btn__black a {
  background: #000;
  width: 70%;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  font-family: 'Hiragino Kaku Gothic Std', sans-serif;
  font-weight: 800;
  color: #FFF;
  display: inline-block;
  border-radius: 3px;
  position: relative;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
}

.btn__black a::before {
  font-family: 'ionicons';
  content: '\f3d2';
  font-size: 30px;
  line-height: 1;
  position: relative;
  top: 3px;
  right: 10px;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
}

.btn__black a:hover {
  text-decoration: none;
  background: #88caa0;
}

.btn__black a:hover::before {
  right: 30px;
}

.bnrArea {
  text-align: center;
  margin: 30px 0;
}

.bnrArea a {
  display: inline-block;
  margin: auto;
}

.spDISP {
  display: none;
}