@charset "UTF-8";
/*==============================================
reset
==============================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

button {
  background: transparent;
  border: none;
  font: inherit;
  cursor: pointer;
  outline: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: normal;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*img{
    max-width: 100%;
}*/
sup {
  vertical-align: top;
  font-size: 1.2em;
  font-weight: normal;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*==============================================
variables
==============================================*/
/* main-color */
/* sub-color */
/* bg-color */
/* text-color */
/* contents width */
/* mixin */
.font-line {
  display: block;
}

/* function */
/*==============================================
basic
==============================================*/
@font-face {
  font-family: 'Hiragino Sans';
  font-weight: 400;
  src: local("HiraginoSans-W3"), local("Hiragino Sans");
}

@font-face {
  font-family: 'Hiragino Sans';
  font-weight: 700;
  src: local("HiraginoSans-W6"), local("Hiragino Sans");
}

.main * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  min-height: 100%;
  overflow-x: hidden;
}

body {
  color: #000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Helvetica Neue", "メイリオ", 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
  font-size: 16px;
  line-height: calc(30 / 16);
}

a {
  color: #000;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

a path {
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

a:visited {
  color: #000;
}

a:link {
  color: #000;
}

a:hover, a.hover {
  color: #0d5eb0;
}

a:hover img, a.hover img {
  opacity: .8;
}

a:hover path, a.hover path {
  fill: #0d5eb0;
}

.global-header a:hover {
  color: #000;
}

.global-footer a {
  color: #fff;
}

sup,
.sup {
  font-size: .7em;
  line-height: inherit;
  margin: 0 .3em;
  top: inherit;
}

.sub {
  font-size: .7em;
  margin: 0 .1em;
}

.sub-02 {
  vertical-align: sub;
}

sup.sup-02 {
  font-size: 1.2em;
  position: relative;
  top: -.2em;
  margin: 0 .1em;
}

.win7 sup.sup-02 {
  font-size: .8em;
}

@media only screen and (max-width: 767px) {
  sup.sup-02 {
    font-size: .8em;
  }
  .android sup.sup-02 {
    font-size: 1.4em;
  }
}

img {
  max-width: 100%;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  vertical-align: bottom;
}

/*==============================================
layout
==============================================*/
/*
* main
* contents
* l-arch
* l-row
*/
/* contents
----------------------- */
.contents {
  margin: 0 auto;
  max-width: 1220px;
}

.contents__inner {
  padding-left: calc(10 / 1220 * 100%);
  padding-right: calc(10 / 1220 * 100%);
}

@media only screen and (max-width: 767px) {
  .contents {
    width: 92vw;
  }
  .contents__inner {
    padding-left: 0;
    padding-right: 0;
  }
}

/* l-arch
----------------------- */
.l-arch {
  margin-bottom: -30px;
  overflow-x: hidden;
  position: relative;
}

.l-arch__bg {
  border-bottom-left-radius: calc(4000 / 1366 * 100%) 700px;
  border-bottom-right-radius: calc(4000 / 1366 * 100%) 700px;
  left: 50%;
  min-height: 120px;
  padding-bottom: 100px;
  position: relative;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(2200 / 1366 * 100%);
}

.ie .l-arch {
  margin-bottom: -35px;
}

.ie .l-arch__bg {
  width: calc(6000 / 1366 * 100%);
}

@media only screen and (max-width: 767px) {
  .l-arch__bg {
    min-height: 90px;
    border-bottom-left-radius: calc(650 / 750 * 100%) 150px;
    border-bottom-right-radius: calc(650 / 750 * 100%) 150px;
    padding-bottom: 13.33333vw;
  }
}

/* l-row
----------------------- */
.l-row {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l-row > * {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.l-row--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l-row--stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media only screen and (max-width: 767px) {
  .l-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .l-row > * {
    width: 100%;
  }
  .l-row > *:not(:last-child) {
    margin-right: auto;
  }
  .l-row--replace > *:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-row--replace > *:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .l-row--replace > *:not(:last-child) {
    margin-bottom: 0 !important;
  }
  .l-row--replace > *:last-child {
    margin-bottom: 9.33333vw;
  }
}

/* l-block
----------------------- */
.l-block:not(:last-child) {
  margin-bottom: 4.16667%;
}

/*==============================================
hero
==============================================*/
/*
* hero
* hero-text

*/
/* hero(ecotechnology)
----------------------- */
.hero {
  position: relative;
}

.hero__text {
  left: 11.42857vw;
  position: absolute;
  top: 12.5vw;
}

.hero__image img {
  width: 100%;
}

.hero__edition {
  position: absolute;
  right: 8.57143vw;
  top: 0;
  width: 101px;
}

.hero__edition--listpage {
  right: 35px;
  top: 0;
  width: 100px;
}

.hero__edition--sdgs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  right: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 90%;
  width: 100%;
}

.hero__edition--sdgs-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  right: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 95%;
  width: 100%;
}

.hero__edition--detail {
  height: 110px;
  width: 101px;
}

.hero__arch {
  bottom: -2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.hero-slider__item--7 .hero-text, .hero--vol7 .hero-text {
  top: 21.42857vw;
}

.hero-slider__item--8 .hero-text, .hero--vol8 .hero-text {
  top: 25vw;
}

.hero-slider__item--12 .hero-text, .hero--vol12 .hero-text {
  top: 9.64286vw;
}

.hero-slider__item--13 .hero-text, .hero--vol13 .hero-text {
  top: 9.64286vw;
}

.hero-slider__item--14 .hero-text, .hero--vol14 .hero-text {
  top: 25vw;
}

.hero-slider__item--15 .hero-text, .hero--vol15 .hero-text {
  top: 27.85714vw;
}

.hero-slider__item--15 .hero-text__ribbon, .hero--vol15 .hero-text__ribbon {
  margin-bottom: 0px;
}

.hero-slider__item--15 .hero-text__main, .hero--vol15 .hero-text__main {
  margin-bottom: .1em;
}

.hero-slider__item--16 .hero-text, .hero--vol16 .hero-text {
  top: 16.42857vw;
}

.hero-slider__item--17 .hero-text, .hero--vol17 .hero-text {
  top: 21.42857vw;
}

.hero-slider__item--17 .hero-text__main, .hero--vol17 .hero-text__main {
  margin-bottom: .1em;
}

.hero-slider__item--18 .hero-text, .hero--vol18 .hero-text {
  top: 6.42857vw;
}

.hero-slider__item--19 .hero-text, .hero--vol19 .hero-text {
  top: 19.28571vw;
}

.hero-slider__item--20 .hero-text, .hero--vol20 .hero-text {
  top: 24.71429vw;
}

.hero--vol23 .hero-text {
  top: 25vw;
}

.hero--vol23 .hero-text__main .arrow {
  right: -7.5em;
}

.hero--vol24 .hero-text {
  top: 19.28571vw;
  left: 5.71429vw;
}

.hero--vol25 .hero-text {
  top: 22.14286vw;
  left: 7.14286vw;
}

.hero--vol26 .hero-text {
  top: 20vw;
}

.hero--vol27 .hero-text {
  top: 17.85714vw;
  left: 53.57143vw;
}

@media only screen and (max-width: 1400px) {
  .hero__edition {
    width: 7.21429%;
  }
  .hero__edition--listpage {
    width: 7.14286%;
  }
  .hero__edition--sdgs {
    width: 100%;
  }
  .hero__edition--sdgs-detail {
    width: 100%;
  }
  .hero-slider__item--01 .hero__text, .hero--vol1 .hero__text {
    width: 42.21429%;
  }
  .hero-slider__item--02 .hero__text, .hero--vol2 .hero__text {
    width: 49.21429%;
  }
  .hero-slider__item--03 .hero__text, .hero--vol3 .hero__text {
    width: 44.14286%;
  }
  .hero-slider__item--04 .hero__text, .hero--vol4 .hero__text {
    width: 42.92857%;
  }
  .hero-slider__item--05 .hero-text__main, .hero--vol5 .hero-text__main {
    width: 37.42857vw;
  }
  .hero-slider__item--05 .hero-text__sub, .hero--vol5 .hero-text__sub {
    width: 26.64286vw;
  }
  .hero-slider__item--06 .hero-text__main, .hero--vol6 .hero-text__main {
    width: 41.21429vw;
  }
  .hero-slider__item--06 .hero-text__sub, .hero--vol6 .hero-text__sub {
    width: 34.57143vw;
  }
  .hero-slider__item--07 .hero-text__main, .hero--vol7 .hero-text__main {
    width: 43.57143vw;
  }
  .hero-slider__item--07 .hero-text__sub, .hero--vol7 .hero-text__sub {
    width: 35vw;
  }
  .hero-slider__item--08 .hero-text__main, .hero--vol8 .hero-text__main {
    width: 38.07143vw;
  }
  .hero-slider__item--08 .hero-text__sub, .hero--vol8 .hero-text__sub {
    width: 43.07143vw;
  }
  .hero--cam01 .hero-text {
    width: 63.64286vw;
  }
  .hero-slider__item--09 .hero-text__main, .hero--vol9 .hero-text__main {
    width: 42.71429vw;
  }
  .hero-slider__item--09 .hero-text__sub, .hero--vol9 .hero-text__sub {
    width: 44.21429vw;
  }
  .hero-slider__item--10 .hero-text__main, .hero--vol10 .hero-text__main {
    width: 31.64286vw;
  }
  .hero-slider__item--10 .hero-text__sub, .hero--vol10 .hero-text__sub {
    width: 35.57143vw;
  }
  .hero-slider__item--11 .hero-text__main, .hero--vol11 .hero-text__main {
    width: 35.5vw;
  }
  .hero-slider__item--11 .hero-text__sub, .hero--vol11 .hero-text__sub {
    width: 35.57143vw;
  }
  .hero-slider__item--12 .hero-text, .hero--vol12 .hero-text {
    top: 9.64285vw;
  }
  .hero-slider__item--12 .hero-text__main, .hero--vol12 .hero-text__main {
    width: 42.92857vw;
  }
  .hero-slider__item--12 .hero-text__sub, .hero--vol12 .hero-text__sub {
    width: 29.07143vw;
  }
  .hero-slider__item--13 .hero-text__main, .hero--vol13 .hero-text__main {
    width: 42.92857vw;
  }
  .hero-slider__item--13 .hero-text__sub, .hero--vol13 .hero-text__sub {
    width: 47.42857vw;
  }
  .hero-slider__item--14 .hero-text__main, .hero--vol14 .hero-text__main {
    width: 46.21429vw;
  }
  .hero-slider__item--14 .hero-text__sub, .hero--vol14 .hero-text__sub {
    width: 44.14286vw;
  }
  .hero-slider__item--15 .hero-text__main, .hero--vol15 .hero-text__main {
    width: 47.92857vw;
  }
  .hero-slider__item--15 .hero-text__sub, .hero--vol15 .hero-text__sub {
    width: 46vw;
  }
  .hero-slider__item--16 .hero-text__main, .hero--vol16 .hero-text__main {
    width: 39.71429vw;
  }
  .hero-slider__item--16 .hero-text__sub, .hero--vol16 .hero-text__sub {
    width: 26.5vw;
  }
  .hero-slider__item--17 .hero-text__main, .hero--vol17 .hero-text__main {
    width: 42.85714vw;
  }
  .hero-slider__item--17 .hero-text__sub, .hero--vol17 .hero-text__sub {
    width: 26.5vw;
  }
  .hero-slider__item--18 .hero-text__main, .hero--vol18 .hero-text__main {
    width: 35.78571vw;
  }
  .hero-slider__item--18 .hero-text__sub, .hero--vol18 .hero-text__sub {
    width: 28.57143vw;
  }
  .hero-slider__item--19 .hero-text__main, .hero--vol19 .hero-text__main {
    width: 36.78571vw;
  }
  .hero-slider__item--19 .hero-text__sub, .hero--vol19 .hero-text__sub {
    width: 28vw;
  }
  .hero-slider__item--20 .hero-text__main, .hero--vol20 .hero-text__main {
    width: 38.14286vw;
  }
  .hero-slider__item--20 .hero-text__sub, .hero--vol20 .hero-text__sub {
    width: 30.5vw;
  }
  .hero--vol21 .hero-text__main {
    width: 26.57143vw;
  }
  .hero--vol21 .hero-text__sub {
    width: 31.21429vw;
  }
  .hero--vol22 .hero-text__main {
    width: 33.28571vw;
  }
  .hero--vol22 .hero-text__sub {
    width: 31vw;
  }
  .hero--vol23 .hero-text__main {
    width: 39.21429vw;
  }
  .hero--vol23 .hero-text__main .arrow {
    right: -6.5em;
  }
  .hero--vol23 .hero-text__sub {
    width: 46.35714vw;
  }
  .hero--vol24 .hero-text__main {
    width: 43.71429vw;
  }
  .hero--vol24 .hero-text__sub {
    width: 36.5vw;
  }
  .hero--vol25 .hero-text__main {
    width: 54vw;
  }
  .hero--vol25 .hero-text__sub {
    width: 40.92857vw;
  }
  .hero--vol26 .hero-text__main {
    width: 35vw;
  }
  .hero--vol26 .hero-text__sub {
    width: 48.42857vw;
  }
  .hero--vol27 .hero-text__main {
    width: 40.64286vw;
  }
  .hero--vol27 .hero-text__sub {
    width: 38.14286vw;
  }
}

@media only screen and (max-width: 767px) {
  .hero__edition {
    right: 4vw;
    top: 0;
    width: 13.46667vw;
  }
  .hero__edition--sdgs {
    top: 90%;
    width: 100%;
  }
  .hero__edition--sdgs-detail {
    top: 95%;
    width: 100%;
  }
  .hero__arch {
    bottom: 0;
  }
  .hero-slider__item--01 .hero-text__main, .hero--vol1 .hero-text__main {
    width: 81.73333vw;
  }
  .hero-slider__item--01 .hero-text__sub, .hero--vol1 .hero-text__sub {
    width: 46.53333vw;
  }
  .hero-slider__item--02 .hero-text__main, .hero--vol2 .hero-text__main {
    width: 88vw;
  }
  .hero-slider__item--02 .hero-text__sub, .hero--vol2 .hero-text__sub {
    width: 79.2vw;
  }
  .hero-slider__item--03 .hero-text__main, .hero--vol3 .hero-text__main {
    width: 75.46667vw;
  }
  .hero-slider__item--03 .hero-text__sub, .hero--vol3 .hero-text__sub {
    width: 78.26667vw;
  }
  .hero-slider__item--04 .hero-text__main, .hero--vol4 .hero-text__main {
    width: 78.8vw;
  }
  .hero-slider__item--04 .hero-text__sub, .hero--vol4 .hero-text__sub {
    width: 62.93333vw;
  }
  .hero-slider__item--05 .hero-text__main, .hero--vol5 .hero-text__main {
    width: 71.73333vw;
  }
  .hero-slider__item--05 .hero-text__sub, .hero--vol5 .hero-text__sub {
    width: 59.6vw;
  }
  .hero-slider__item--06 .hero-text__main, .hero--vol6 .hero-text__main {
    width: 80.8vw;
  }
  .hero-slider__item--06 .hero-text__sub, .hero--vol6 .hero-text__sub {
    width: 65.33333vw;
  }
  .hero-slider__item--07 .hero-text, .hero--vol7 .hero-text {
    top: 42.66667vw;
  }
  .hero-slider__item--07 .hero-text__main, .hero--vol7 .hero-text__main {
    width: 81.33333vw;
  }
  .hero-slider__item--07 .hero-text__sub, .hero--vol7 .hero-text__sub {
    width: 65.33333vw;
  }
  .hero-slider__item--08 .hero-text, .hero--vol8 .hero-text {
    top: 42.66667vw;
  }
  .hero-slider__item--08 .hero-text__main, .hero--vol8 .hero-text__main {
    width: 71.06667vw;
  }
  .hero-slider__item--08 .hero-text__sub, .hero--vol8 .hero-text__sub {
    width: 80.4vw;
  }
  .hero--cam01 .hero-text {
    width: 92.13333vw;
  }
  .hero-slider__item--09 .hero-text__main, .hero--vol9 .hero-text__main {
    width: 79.73333vw;
  }
  .hero-slider__item--09 .hero-text__sub, .hero--vol9 .hero-text__sub {
    width: 82.53333vw;
  }
  .hero-slider__item--10 .hero-text__main, .hero--vol10 .hero-text__main {
    width: 66.4vw;
  }
  .hero-slider__item--10 .hero-text__sub, .hero--vol10 .hero-text__sub {
    width: 59.06667vw;
  }
  .hero-slider__item--11 .hero-text__main, .hero--vol11 .hero-text__main {
    width: 66.26667vw;
  }
  .hero-slider__item--11 .hero-text__sub, .hero--vol11 .hero-text__sub {
    width: 66.4vw;
  }
  .hero-slider__item--12 .hero-text, .hero--vol12 .hero-text {
    top: auto;
  }
  .hero-slider__item--12 .hero-text__main, .hero--vol12 .hero-text__main {
    width: 80.13333vw;
  }
  .hero-slider__item--12 .hero-text__sub, .hero--vol12 .hero-text__sub {
    width: 54.26667vw;
  }
  .hero-slider__item--13 .hero-text__main, .hero--vol13 .hero-text__main {
    width: 52vw;
  }
  .hero-slider__item--13 .hero-text__sub, .hero--vol13 .hero-text__sub {
    width: 54.26667vw;
  }
  .hero-slider__item--14 .hero-text, .hero--vol14 .hero-text {
    top: 40vw;
  }
  .hero-slider__item--14 .hero-text__main, .hero--vol14 .hero-text__main {
    width: 81.33333vw;
  }
  .hero-slider__item--14 .hero-text__sub, .hero--vol14 .hero-text__sub {
    width: 53.33333vw;
  }
  .hero-slider__item--15 .hero-text, .hero--vol15 .hero-text {
    top: 50.66667vw;
  }
  .hero-slider__item--15 .hero-text__main, .hero--vol15 .hero-text__main {
    width: 85.33333vw;
  }
  .hero-slider__item--15 .hero-text__sub, .hero--vol15 .hero-text__sub {
    width: 80vw;
  }
  .hero-slider__item--16 .hero-text, .hero--vol16 .hero-text {
    top: 40vw;
  }
  .hero-slider__item--16 .hero-text__main, .hero--vol16 .hero-text__main {
    width: 76vw;
  }
  .hero-slider__item--16 .hero-text__sub, .hero--vol16 .hero-text__sub {
    width: 53.33333vw;
  }
  .hero-slider__item--17 .hero-text, .hero--vol17 .hero-text {
    top: auto;
  }
  .hero-slider__item--17 .hero-text__main, .hero--vol17 .hero-text__main {
    width: 80vw;
  }
  .hero-slider__item--17 .hero-text__sub, .hero--vol17 .hero-text__sub {
    width: 53.33333vw;
  }
  .hero-slider__item--18 .hero-text, .hero--vol18 .hero-text {
    top: 9.33333vw;
  }
  .hero-slider__item--18 .hero-text__main, .hero--vol18 .hero-text__main {
    width: 65.33333vw;
  }
  .hero-slider__item--18 .hero-text__sub, .hero--vol18 .hero-text__sub {
    width: 53.33333vw;
  }
  .hero-slider__item--19 .hero-text, .hero--vol19 .hero-text {
    top: 40vw;
  }
  .hero-slider__item--19 .hero-text__main, .hero--vol19 .hero-text__main {
    width: 68.66667vw;
  }
  .hero-slider__item--19 .hero-text__sub, .hero--vol19 .hero-text__sub {
    width: 52.26667vw;
  }
  .hero-slider__item--20 .hero-text, .hero--vol20 .hero-text {
    top: 42.4vw;
  }
  .hero-slider__item--20 .hero-text__main, .hero--vol20 .hero-text__main {
    width: 71.2vw;
  }
  .hero-slider__item--20 .hero-text__sub, .hero--vol20 .hero-text__sub {
    width: 56.66667vw;
  }
  .hero--vol21 .hero-text__main {
    width: 62vw;
  }
  .hero--vol21 .hero-text__sub {
    width: 57.6vw;
  }
  .hero--vol22 .hero-text {
    top: 8vw;
  }
  .hero--vol22 .hero-text__main {
    width: 49.6vw;
  }
  .hero--vol22 .hero-text__sub {
    width: 57.86667vw;
  }
  .hero--vol23 .hero-text {
    top: 45.33333vw;
  }
  .hero--vol23 .hero-text__main {
    width: 74vw;
  }
  .hero--vol23 .hero-text__main .arrow {
    right: -10% !important;
  }
  .hero--vol23 .hero-text__sub {
    width: 86.53333vw;
  }
  .hero--vol24 .hero-text {
    top: 40vw;
  }
  .hero--vol24 .hero-text__main {
    width: 81.6vw;
  }
  .hero--vol24 .hero-text__sub {
    width: 68.13333vw;
  }
  .hero--vol25 .hero-text {
    top: 40vw;
    left: 4vw;
  }
  .hero--vol25 .hero-text__main {
    width: 90.66667vw;
  }
  .hero--vol25 .hero-text__sub {
    width: 76.4vw;
  }
  .hero--vol26 .hero-text {
    top: 40vw;
  }
  .hero--vol26 .hero-text__main {
    width: 74vw;
  }
  .hero--vol26 .hero-text__sub {
    width: 86.53333vw;
  }
  .hero--vol27 .hero-text {
    top: 46.66667vw;
    left: 4vw;
  }
  .hero--vol27 .hero-text__main {
    width: 75.06667vw;
  }
  .hero--vol27 .hero-text__sub {
    width: 68.53333vw;
  }
  .hero__text {
    bottom: 8vw;
    left: 2.66667vw;
    top: auto;
  }
}

/* hero-text
----------------------- */
.hero-text--left-bottom {
  top: auto;
  bottom: 5.71429vw;
}

.hero-text--center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hero-text--right {
  left: auto;
  right: 8.57143vw;
}

.hero-text__ribbon {
  margin-bottom: 20px;
  position: relative;
  width: 511px;
}

.hero-text__main {
  margin-bottom: .7em;
  position: relative;
}

.hero-text__main .arrow {
  position: absolute;
  right: -1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

a:hover .hero-text .arrow path {
  fill: #888;
}

@media only screen and (max-width: 1400px) {
  .hero-text__ribbon {
    margin-bottom: 1.42857vw;
    width: 36.5vw;
  }
}

@media only screen and (max-width: 767px) {
  .hero-text--right {
    left: 2.66667vw;
    right: auto;
  }
  .hero-text--left-bottom {
    bottom: 5.33333vw;
  }
  .hero-text--center {
    bottom: auto;
  }
  .hero-text__ribbon {
    width: 58.66667vw;
  }
  .hero-text__main .arrow {
    top: 50%;
    right: -1.5em;
  }
}

/*# sourceMappingURL=../../map/common/css/renewal.css.map */