@charset "UTF-8";

.article {
  border: none;
  max-width: 818px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
.article:first-child {
  padding: 30px 30px 25px;
  border: none
}
.article-hdr {
  margin-bottom: 25px
}
.article-hdr-inner {
  background: #f2f2f2;
  border-bottom: 3px solid #0082ca
}
.article-ttl {
  font-size: 24px;
  padding: 17px 20px 5px
}
.tag-box {
  padding: 0 20px 6px
}
.tag-item {
  display: inline-block
}
.tag-item a {
  margin-right: 7px;
  padding-left: 26px;
  color: #0081ca;
  font-size: 12px;
  background: url(../img/news/icon-tag-blue.png) 0 center no-repeat
}
.article-body {
  color: #444;
  padding: 20px
}
.article-body h2, .article-body h3 {
  color: #0082ca
}
.article-body h2 {
  font-size: 24px;
  padding-bottom: 5px;
  margin-bottom: 50px;
  border-bottom: 2px solid #0082ca
}
.article-body h3 {
  font-size: 16px;
  padding: 0 10px;
  margin-bottom: 27px;
  border-left: 5px solid #0082ca
}
.article-body p {
  font-size: 16px;
  margin-bottom: 18px
}
.article-body p:after, .article-body p:before {
  content: "";
  display: block;
  overflow: hidden
}
.article-body p:after {
  clear: both
}
.article-body p {
  zoom: 1
}
.article-body p + h2, .article-body p + h3 {
  margin-top: 50px
}
.article-body a {
  color: #0082ca;
  text-decoration: underline
}
.article-body a[href$=".ppt"], .article-body a[href$=".pptx"] {
  background: url(../img/news/icon-power.png) 0 3px no-repeat;
  padding-left: 23px
}
.article-body a[href$=".xls"], .article-body a[href$=".xlsx"] {
  background: url(../img/news/icon-excel.png) 0 3px no-repeat;
  padding-left: 23px
}
.article-body a[href$=".doc"], .article-body a[href$=".docx"] {
  background: url(../img/news/icon-word.png) 0 3px no-repeat;
  padding-left: 23px
}
.article-body a[href$=".pdf"] {
  background: url(../img/news/icon-pdf.png) 0 3px no-repeat;
  padding-left: 23px
}
.article-body a[href$=".txt"] {
  background: url(../img/news/icon-doc.png) 0 3px no-repeat;
  padding-left: 23px
}
.article-body a[href$=".wmv"] {
  background: url(../img/news/icon-movie.png) 0 3px no-repeat;
  padding-left: 23px
}
.article-body .alignleft {
  margin-right: 30px;
  float: left
}
.article-body .alignright {
  margin-left: 30px;
  float: right
}
.article-body p.wp-caption-text {
  color: #0082ca;
  font-size: 12px;
  margin: 7px 0 0
}
.article-body ol, .article-body ul {
  margin: 30px 2px
}
.article-body li {
  font-size: 16px;
  margin-bottom: 8px
}
.article-body ol {
  list-style: decimal inside
}
.article-body ol li {
  color: #0082ca;
  font-weight: 700
}
.article-body ol li span {
  color: #444;
  font-weight: 400
}
.article-body ul li {
  background: url(../img/news/icon-circle.png) 0 6px no-repeat;
  padding-left: 14px
}
@media screen and (max-width:900px) {
  #goback .btn, .article {
    width: auto;
    min-width: 0;
    float: none
  }
  #main {
    padding: 5px 10px 0
  }
  #main img {
    max-width: 100%
  }
  #sidebar {
    margin-top: 10px
  }
  .article {
    padding: 7px !important;
    height: auto !important
  }
  .article-hdr {
    margin-bottom: 25px
  }
  .article-ttl {
    background: #f2f2f2;
    font-size: 16px;
    padding: 11px 10px 0
  }
  .tag-box {
    padding: 0 10px 6px
  }
  .tag-item {
    display: inline-block
  }
  .tag-item a {
    margin-right: 5px;
    padding-left: 20px;
    color: #0081ca;
    font-size: 10px;
    background: url(../img/news/icon-tag-blue@2x.png) 0 center no-repeat;
    background-size: 16px 10px
  }
  .article-body {
    padding: 0
  }
  .article-body h2, .article-body h3 {
    color: #0082ca
  }
  .article-body h2 {
    font-size: 16px;
    padding-bottom: 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #0082ca
  }
  .article-body h3 {
    font-size: 12px;
    padding: 0 7px;
    margin-bottom: 13px
  }
  .article-body p {
    font-size: 12px;
    margin-bottom: 10px
  }
  .article-body p + h2, .article-body p + h3 {
    margin-top: 25px
  }
  .article-body a[href$=".ppt"], .article-body a[href$=".pptx"] {
    background: url(../img/news/icon-power@2x.png) 2px 2px no-repeat;
    background-size: 10px 10px;
    padding-left: 20px
  }
  .article-body a[href$=".xls"], .article-body a[href$=".xlsx"] {
    background: url(../img/news/icon-excel@2x.png) 2px 2px no-repeat;
    background-size: 10px 10px;
    padding-left: 20px
  }
  .article-body a[href$=".doc"], .article-body a[href$=".docx"] {
    background: url(../img/news/icon-word@2x.png) 2px 2px no-repeat;
    background-size: 10px 10px;
    padding-left: 20px
  }
  .article-body a[href$=".pdf"] {
    background: url(../img/news/icon-pdf@2x.png) 2px 2px no-repeat;
    background-size: 10px 10px;
    padding-left: 20px
  }
  .article-body a[href$=".txt"] {
    background: url(../img/news/icon-doc@2x.png) 2px 2px no-repeat;
    background-size: 10px 10px;
    padding-left: 20px
  }
  .article-body a[href$=".wmv"] {
    background: url(../img/news/icon-movie@2x.png) 2px 2px no-repeat;
    background-size: 10px 10px;
    padding-left: 20px
  }
  .article-body .alignleft {
    width: 50% !important;
    margin: 0 13px 5px 0
  }
  .article-body .alignright {
    width: 50% !important;
    margin: 0 0 5px 13px
  }
  .article-body p.wp-caption-text {
    color: #0082ca;
    font-size: 10px;
    margin-top: 5px
  }
  .article-body ol, .article-body ul {
    margin: 22px 2px
  }
  .article-body li {
    font-size: 12px;
    margin-bottom: 5px
  }
  .article-body ul li {
    background: url(../img/news/icon-circle@2x.png) 1px 6px no-repeat;
    background-size: 7px 7px
  }
}
.article-body .topicsBox ul li {
  background: 0 0;
  padding: auto
}
.article-body .topicsBox li {
  font-size: auto;
  margin: auto
}
.article-body .topicsBox h3 {
  border: none
}
.div.topicsBox hr.topics-hr {
  margin: 0
}
.topicsBox strong {
  font-weight: 700
}
div.topicsBox {
  font-size: 16px
}
div.topicsBox * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
div.topicsBox img {
  max-width: 778px
}
div.topicsBox .mtBig {
  margin-top: 50px !important
}
div.topicsBox .mtMini {
  margin-top: 20px !important
}
div.topicsBox .mt-5 {
  margin-top: -5px !important
}
div.topicsBox .mt-10 {
  margin-top: -10px !important
}
div.topicsBox .mt-15 {
  margin-top: -15px !important
}
div.topicsBox .mt-20 {
  margin-top: -20px !important
}
div.topicsBox .mtMini {
  margin-top: 2em !important
}
div.topicsBox hr.topics-hr {
  margin: 2em 0;
  clear: both
}
div.topicsBox h3, div.topicsBox h4, div.topicsBox h5 {
  margin: 2em 0 0 0;
  color: #0082ca;
  font-weight: 700
}
div.topicsBox h3 {
  font-size: 24px;
  padding: 1em 0 5px;
  border-left: none
}
div.topicsBox h3.border {
  border-bottom: 2px solid #0082ca
}
div.topicsBox h3.center, div.topicsBox h5.center {
  text-align: center
}
div.topicsBox h3.center {
  text-align: center;
  border-bottom: 2px solid #0082ca
}
div.topicsBox h3.red.border {
  color: #bf0f12;
  border-bottom: 2px solid #bf0f12
}
div.topicsBox h3.red {
  color: #bf0f12;
  border-bottom: 2px solid #bf0f12
}
div.topicsBox h4 {
  font-size: 18px;
  padding: 0 10px;
  border-left: 5px solid #0082ca
}
div.topicsBox h5 {
  font-size: 16px;
  font-weight: 700
}
div.topicsBox p {
  margin: 1em 0 0 0
}
div.topicsBox p.text-center {
  text-align: center
}
div.topicsBox p.text-left {
  text-align: left
}
div.topicsBox p.text-right {
  text-align: right
}
div.topicsBox p.topics-small {
  font-size: 12px
}
div.topicsBox ul.basic {
  margin: 1em 0 0 0
}
div.topicsBox ol.basic {
  margin: 1em 0 0 0;
  padding-left: 25px
}
div.topicsBox ul.basic li {
  background: url(../img/news/icon-circle.png) no-repeat 0 6px;
  padding-left: 14px;
  margin: 0
}
div.topicsBox dl.basic {
  margin: 1em 0 0 0;
  overflow: hidden
}
div.topicsBox ol.basic li {
  list-style: decimal;
  margin: 0
}
div.topicsBox dl.basic dt {
  clear: both;
  float: left;
  width: 24%;
  padding: 0 1% 1% 0
}
div.topicsBox dl.basic dd {
  float: left;
  width: 74%;
  margin-left: 0;
  padding: 0 0 1% 0
}
div.topicsBox .disk li {
  list-style: disc;
  padding-left: 20px
}
div.topicsBox ul.supplemental-list {
  margin: 1em 0 0 0;
  padding-left: 0
}
div.topicsBox ul.supplemental-list.disk {
  padding-left: 20px
}
div.topicsBox ul.supplemental-list li {
  margin: 0;
  position: relative;
  background: 0 0;
  font-size: 14px
}
div.topicsBox ul.supplemental-list li i {
  position: absolute;
  top: 0;
  left: 0
}
div.topicsBox ul.supplemental-list li {
  padding-left: 16px
}
div.topicsBox ul.supplemental-list.disk > li {
  padding-left: 0
}
div.topicsBox div.image1-box, div.topicsBox div.image2-box, div.topicsBox div.image3-box, div.topicsBox div.image4-box, div.topicsBox div.image5-box {
  margin: 1em 0 0 0;
  overflow: hidden;
  text-align: center
}
div.topicsBox div.image1-box figure, div.topicsBox div.image2-box figure, div.topicsBox div.image3-box figure, div.topicsBox div.image4-box figure, div.topicsBox div.image5-box figure {
  margin: .5em 0 0 0
}
div.topicsBox figure img {
  max-width: 100% !important
}
div.topicsBox div.image2-box figure {
  padding: 0;
  margin-right: 1%;
  width: 49.5%
}
div.topicsBox div.image2-box figure, div.topicsBox div.image3-box figure, div.topicsBox div.image4-box figure, div.topicsBox div.image5-box figure {
  float: left
}
div.topicsBox div.image2-box figure:nth-child(2n), div.topicsBox div.image3-box figure:nth-child(3n), div.topicsBox div.image4-box figure:nth-child(4n), div.topicsBox div.image5-box figure:nth-child(5n) {
  margin-right: 0
}
div.topicsBox div.image3-box figure {
  padding: 0;
  margin-right: 1%;
  width: 32.666666666%
}
div.topicsBox div.image4-box figure {
  padding: 0;
  margin-right: 1%;
  width: 24.25%
}
div.topicsBox div.image5-box figure {
  width: 19.2%;
  display: block;
  float: left;
  margin-right: 1%
}
div.topicsBox div.image2-box figure img, div.topicsBox div.image3-box figure img, div.topicsBox div.image4-box figure img, div.topicsBox div.image5-box figure img {
  margin: 0
}
div.topicsBox figcaption {
  font-size: 12px;
  margin: 0 .5em
}
div.topicsBox .column-box {
  margin: 2em 0 0 0;
  padding: 1px 20px 1em 20px;
  width: 100%;
  background: #d1e4ee
}
div.topicsBox .column-box > h3 {
  margin-top: 0
}
div.topicsBox .column-box > h4, div.topicsBox .column-box > h5 {
  margin-top: 1em
}
div.topicsBox .box.column2 {
  margin: 1em 0 0 0;
  padding: 0;
  overflow: hidden
}
div.topicsBox .box.column2 .box-left {
  float: left;
  width: 49%;
  margin-right: 2%
}
div.topicsBox .box.column2 .box-left > h3, div.topicsBox .box.column2 .box-left > h4, div.topicsBox .box.column2 .box-left > h5 {
  margin-top: 1em
}
div.topicsBox .box.column2 .box-right {
  width: 49%;
  float: right
}
div.topicsBox .box.column2 .box-right {
  margin-right: 0
}
div.topicsBox .box.column2 .box-left.color, div.topicsBox .box.column2 .box-right.color {
  margin-top: 1em;
  padding: 0 20px 1em 20px;
  background: #d1e4ee
}
div.topicsBox table.basic {
  margin: 1em 0 0 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.7
}
div.topicsBox table.basic td, div.topicsBox table.basic th {
  border: solid 1px #0082ca;
  padding: 8px 12px
}
div.topicsBox table.basic th {
  background: #0082ca;
  color: #fff;
  padding: 8px 12px;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff
}
div.topicsBox table.basic tr:last-child th {
  border-bottom: solid 1px #0082ca
}
div.topicsBox table.basic tr th:last-child {
  border-right: solid 1px #0082ca
}
div.topicsBox .scroll-table {
  overflow: hidden;
  white-space: normal
}
div.topicsBox .text-image-box {
  margin: 0;
  overflow: hidden
}
div.topicsBox .text-image-box figure {
  width: inherit;
  max-width: 380px;
  margin: 2em 0 0 1em;
  text-align: right;
  float: right
}
div.topicsBox .text-image-box figure figcaption {
  display: block;
  font-size: 12px
}
div.topicsBox .text-image-box figure img {
  max-width: 100%
}
div.topicsBox .text-image-box figcaption {
  margin: 0
}
div.topicsBox .movie-box {
  margin: 1em 0 0 0
}
div.topicsBox .movie-box .movie1 {
  width: 70%;
  margin: 0 auto;
  text-align: center
}
div.topicsBox .movie-box .video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 1em
}
div.topicsBox .movie-box .video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important
}
div.topicsBox .movie-box .caption {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.5
}
div.topicsBox a.button-block {
  background: #0082ca
}
div.topicsBox a.btn-base {
  margin: 1em auto 0 auto;
  display: block;
  text-align: center;
  background: #0082ca;
  font-size: 16px;
  padding: 14px 15px 12px 14px;
  color: #fff;
  line-height: 1;
  border: 2px solid #0082ca;
  text-decoration: none
}
div.topicsBox a.btn-base:hover {
  background: #007fbd;
  color: #fff;
  text-decoration: none
}
div.topicsBox a.btn-base.small {
  width: 300px
}
div.topicsBox a.btn-base.normal {
  width: 450px
}
div.topicsBox a.btn-base.large {
  width: 600px
}
.smryBox, .spec-body {
  margin-top: 1em;
  width: 100%;
  display: table;
  background: #eee;
  padding: 1.5em
}
.smryBox > div, .spec-body > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 30%
}
.smryBox > div img, .spec-body > div img {
  display: inline-block;
  max-width: 100% !important
}
.smryBox dl, .spec-body dl {
  display: table-cell;
  width: 70%
}
.smryBox dt, .spec-body dt {
  float: left;
  clear: left;
  width: 30%;
  margin-right: 0;
  font-weight: 700;
  padding: 0 .5em 1em 0
}
.smryBox dd, .spec-body dd {
  padding-left: 30%;
  margin: 0;
  padding: 0 1em 1em 0;
  word-break: break-all
}
.smryBox dt:last-child, .spec-body dt:last-child, div.spec-body div.spec-body dd:last-child, div.topicsBox div.smryBox dd:last-child {
  padding-bottom: 0
}
.article-body .spec-box h3 {
  margin: .2em 0 .5em 0;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.44
}
.article-body ul li.link-official {
  margin-bottom: 2em;
  display: inline-block;
  min-width: 370px;
  list-style: none;
  background: #007fbd
}
.btn-base {
  position: relative;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  padding: 10px 22px;
  -webkit-transition-property: all;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: ease-in-out;
  display: block
}
.article-body a.btn-base {
  color: #fff
}
.text-center {
  text-align: center
}
.spec-box .spec-body {
  display: table;
  width: 100%;
  margin-bottom: 1em;
  background-color: #eee
}
.spec-box .spec-body dl {
  padding: 24px 30px;
  margin-bottom: 2em;
  background-color: #eee;
  font-size: 14px;
  overflow: hidden;
  display: table-cell;
  width: 60%;
  margin-top: 0;
  margin-bottom: 0
}
.spec-box .spec-body dd {
  width: 260px;
  padding: 0 0 0 1em
}
.spec-box .spec-body dt {
  margin-bottom: 3%
}
.spec-box .spec-body dd, .spec-box .spec-body dt {
  display: block;
  float: left
}
.spec-box .spec-body .image {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  padding-top: 24px;
  width: 40%
}
.spec-box .spec-body.w100 {
  display: block;
  width: 100%
}
.spec-box .spec-body.w100 dl {
  padding: 0;
  display: block;
  width: 100%
}
.spec-box .spec-body.w100 dd {
  width: 100%;
  padding: 0 1em 1em 0
}
.spec-box .spec-body.w100 dt {
  margin-bottom: 0;
  padding: 0 1em .3em 0;
  width: 100%
}
.spec-box .spec-body.w100 dd, .spec-box .spec-body.w100 dt {
  display: block;
  width: 100%
}
.spec-body.w100 dt {
  padding: .5em .5em 0 0;
  width: 100%
}
.smryBox.w100 > div {
  display: block;
  width: 100%
}
.smryBox.w100 dl {
  display: block;
  width: 100%
}
.spec-box .spec-body.w100 .image {
  display: block;
  text-align: center;
  vertical-align: middle;
  width: auto
}
.smryBox.w100 img {
  margin: 20px 0 0
}
@media only screen and (max-width:900px) {
  div.topicsBox {
    font-size: 14px
  }
  div.topicsBox h3, div.topicsBox h4, div.topicsBox h5 {
    margin: 2em 0 0 0
  }
  div.topicsBox h3 {
    font-size: 16px
  }
  div.topicsBox h4 {
    font-size: 16px
  }
  div.topicsBox h5 {
    font-size: 14px
  }
  div.topicsBox p.topics-small {
    font-size: 14px
  }
  div.topicsBox ul.basic li {
    background: url(../img/news/icon-circle.png) no-repeat 0 4px
  }
  div.topicsBox dl.basic dt {
    float: none;
    width: auto;
    font-weight: 700
  }
  div.topicsBox dl.basic dd {
    width: 100%
  }
  div.topicsBox ul.supplemental-list {
    font-size: 12px
  }
  div.topicsBox ul.supplemental-list li {
    padding-left: 13px
  }
  div.topicsBox div.image2-box figure, div.topicsBox div.image3-box figure, div.topicsBox div.image4-box figure {
    margin: .5em 0 0 0
  }
  div.topicsBox div.image2-box figure img, div.topicsBox div.image3-box figure img, div.topicsBox div.image4-box figure img, div.topicsBox div.image5-box figure img {
    width: auto;
    max-width: 100% !important
  }
  div.topicsBox div.image2-box figure, div.topicsBox div.image3-box figure, div.topicsBox div.image4-box figure, div.topicsBox div.image5-box figure {
    padding: 0;
    margin-right: 2%;
    width: 49%
  }
  div.topicsBox div.image3-box figure:nth-child(3n), div.topicsBox div.image4-box figure:nth-child(4n), div.topicsBox div.image5-box figure:nth-child(5n) {
    margin-right: 2%
  }
  div.topicsBox div.image2-box figure:nth-child(2n), div.topicsBox div.image3-box figure:nth-child(2n), div.topicsBox div.image4-box figure:nth-child(2n), div.topicsBox div.image5-box figure:nth-child(2n) {
    margin-right: 0
  }
  div.topicsBox div.image5-box {
    letter-spacing: normal
  }
  div.topicsBox div.image5-box figure {
    float: left
  }
  div.topicsBox div.image5-box figure figcaption {
    padding: 0
  }
  div.topicsBox figcaption {
    font-size: 12px
  }
  div.topicsBox .box.column2 {
    margin: 0;
    padding: 0
  }
  div.topicsBox .box.column2 .box-left {
    float: none
  }
  div.topicsBox .box.column2 .box-left, div.topicsBox .box.column2 .box-right {
    margin: 0;
    width: 100% !important
  }
  div.topicsBox .box.column2 .box-left.color, div.topicsBox .box.column2 .box-right.color {
    margin-top: 1em;
    padding: 1px 20px 10px 20px
  }
  div.topicsBox div.table-box {
    margin: 0
  }
  div.topicsBox table.basic {
    font-size: 12px
  }
  div.topicsBox .scroll-table {
    overflow: auto;
    white-space: nowrap
  }
  div.topicsBox div.table-box {
    margin: 0
  }
  div.topicsBox table.basic {
    margin: 1em 0 0 0
  }
  .table-box table.basic tr th {
    min-width: 70px
  }
  .table-box table.basic tr td, .table-box table.basic tr th {
    font-size: 12px;
    font-size: .75rem;
    padding: 5px
  }
  div.topicsBox .text-image-box.boxChange {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  div.topicsBox .text-image-box figure {
    margin-left: 0;
    text-align: center;
    float: none
  }
  div.topicsBox .text-image-box figure img {
    max-width: 100%
  }
  div.topicsBox .text-image-box div.img150 + figure, div.topicsBox .text-image-box div.img300 + figure, div.topicsBox .text-image-box div.img400 + figure, div.topicsBox .text-image-box div.img500 + figure {
    max-width: 100%
  }
  div.topicsBox .movie-box .movie1 {
    width: 100%
  }
  div.topicsBox a.btn-base:hover {
    background: #007fbd;
    color: #fff;
    text-decoration: none
  }
  div.topicsBox a.btn-base.large, div.topicsBox a.btn-base.normal, div.topicsBox a.btn-base.small {
    width: 80%
  }
  .smryBox, .spec-body {
    display: inherit;
    padding: 1em
  }
  .smryBox > div, .spec-body > div {
    display: inherit;
    width: 100%;
    margin: 1em 0 0 0
  }
  .smryBox dl, .spec-body dl {
    display: inherit;
    width: 100%
  }
  .smryBox dt, .spec-body dt {
    float: none;
    width: inherit;
    margin-right: 0;
    padding: .5em 0 0
  }
  .smryBox dd, .spec-body dd {
    padding: 0 0 .5em 0;
    border-bottom: dotted 1px #ccc
  }
  .article-body ul li.link-official {
    display: block;
    width: 90%;
    min-width: inherit;
    margin-right: 0;
    margin: 0 auto .8em;
    padding: 0
  }
  .btn-base {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    padding: 10px 22px;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    display: block
  }
  .article-body a.btn-base {
    color: #fff
  }
  .text-center {
    text-align: center
  }
  .spec-box .spec-body {
    display: block;
    width: 100%;
    margin-bottom: 1em;
    background-color: #eee
  }
  .spec-box .spec-body dl {
    padding: 0;
    margin-bottom: 2em;
    background-color: #eee;
    font-size: 14px;
    font-size: .9rem;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0
  }
  .spec-box .spec-body dd {
    width: 100%;
    padding: 0 0 .5em 0
  }
  .spec-box .spec-body dt {
    margin-bottom: 0
  }
  .spec-box .spec-body dd, .spec-box .spec-body dt {
    display: block;
    float: none
  }
  .spec-box .spec-body .image {
    display: block;
    text-align: center;
    vertical-align: middle;
    width: auto;
    padding: 5px
  }
}
a, address, article, aside, audio, body, canvas, dd, div, dl, dt, embed, footer, h1, h2, h3, h4, h5, h6, header, html, iframe, img, li, nav, object, ol, p, section, small, span, strong, sup, svg, table, td, th, tr, ul, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
html {
  cursor: default;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent
}
::-moz-selection {
  background-color: #ccc;
  color: #000;
  text-shadow: none
}
::selection {
  background-color: #ccc;
  color: #000;
  text-shadow: none
}
ol, ul {
  list-style: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
article, aside, footer, header, nav, section {
  display: block
}
audio, canvas, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
strong {
  font-weight: inherit
}
strong {
  font-weight: bolder
}
sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
svg {
  fill: currentColor
}
svg:not(:root) {
  overflow: hidden
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
a:active, a:hover {
  outline-width: 0
}
a {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}
@font-face {
  font-family: "Yu Gothic M";
  font-weight: 400;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular")
}
@font-face {
  font-family: "Yu Gothic M";
  font-weight: 700;
  src: local("YuGothic-Bold"), local("Yu Gothic Bold"), local("Yu Gothic")
}
@font-face {
  font-family: HiraginoCustom;
  font-weight: 100;
  src: local("HiraginoSans-W1"), local("Hiragino Sans")
}
@font-face {
  font-family: HiraginoCustom;
  font-weight: 200;
  src: local("HiraginoSans-W2"), local("Hiragino Sans")
}
@font-face {
  font-family: HiraginoCustom;
  font-weight: 300;
  src: local("HiraginoSans-W3"), local("Hiragino Sans")
}
@font-face {
  font-family: HiraginoCustom;
  font-weight: 400;
  src: local("HiraginoSans-W3"), local("Hiragino Sans")
}
@font-face {
  font-family: HiraginoCustom;
  font-weight: 500;
  src: local("HiraginoSans-W5"), local("Hiragino Sans")
}
@font-face {
  font-family: HiraginoCustom;
  font-weight: 600;
  src: local("HiraginoSans-W6"), local("Hiragino Sans")
}
@font-face {
  font-family: HiraginoCustom;
  font-weight: 700;
  src: local("HiraginoSans-W6"), local("Hiragino Sans")
}
@font-face {
  font-family: HiraginoCustom;
  font-weight: 800;
  src: local("HiraginoSans-W7"), local("Hiragino Sans")
}
@font-face {
  font-family: HiraginoCustom;
  font-weight: 900;
  src: local("HiraginoSans-W8"), local("Hiragino Sans")
}
body, html {
  font-size: 62.5%
}
body {
  color: #000;
  font-family: HiraginoCustom, "ヒラギノ角ゴシック", Hiragino Sans, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, "游ゴシック", "Yu Gothic", "Yu Gothic M", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Droid Sans, sans-serif;
  letter-spacing: .02em
}
img {
  vertical-align: bottom;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
hr {
  border: 0;
  margin: 0;
  padding: 0
}
svg {
  display: block
}
blockquote {
  display: block;
  margin: 0;
  padding: 0
}
input[type=checkbox], input[type=radio] {
  margin: 0;
  padding: 0
}
iframe {
  vertical-align: middle
}
figure {
  margin: 0;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0
}
.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden
}
.disable-link {
  cursor: default;
  pointer-events: none;
  text-decoration: none
}
.text-replace {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap
}
.l-transition {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999
}
.l-transition--blue {
  background-color: #00b4ff;
  xbackground-color: #dd725e;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0)
}
.l-transition--blue > span {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: -3px;
  right: -1px;
  -webkit-animation: transition-flash .2s linear 0s infinite;
  animation: transition-flash .2s linear 0s infinite
}
.l-transition--blue.is-end > span {
  -webkit-animation: none;
  animation: none;
  visibility: hidden
}
.l-transition--white {
  background-color: #fff;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0)
}
@-webkit-keyframes transition-flash {
  0% {
    opacity: .2
  }
  25% {
    opacity: .2
  }
  26% {
    opacity: .5
  }
  50% {
    opacity: .5
  }
  51% {
    opacity: .2
  }
  75% {
    opacity: .2
  }
  76% {
    opacity: .5
  }
  100% {
    opacity: .5
  }
}
@keyframes transition-flash {
  0% {
    opacity: .2
  }
  25% {
    opacity: .2
  }
  26% {
    opacity: .5
  }
  50% {
    opacity: .5
  }
  51% {
    opacity: .2
  }
  75% {
    opacity: .2
  }
  76% {
    opacity: .5
  }
  100% {
    opacity: .5
  }
}
.l-site-wrap {
  xvisibility: hidden;
  position: relative;
  z-index: 0
}
.page-not_found .l-site-wrap, .page-old .l-site-wrap {
  visibility: visible
}
@media screen and (max-width:900px) {
  .l-site-wrap {
    xpadding-top: 50px
  }
  .page-not_found .l-site-wrap, .page-old .l-site-wrap {
    padding-top: 0
  }
}
.l-site-wrap--fixed-center {
  position: fixed;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:900px) {
  .l-site-wrap--fixed-center {
    padding-top: 0
  }
}
.l-content-wrapl-content-wrap {
  position: relative
}
.l-content-wrap:after {
  xbackground-color: #fff;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
@media screen and (max-width:900px) {
  .is-no-scroll .l-content-wrap {
    top: 0;
    position: fixed
  }
  .is-no-scroll .l-content-wrap:after {
    height: 100%;
    width: 100%;
    opacity: 1
  }
}
.l-head {
  background-color: #fff;
  height: 78px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 1100
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head {
    height: 6.5vw
  }
}
@media screen and (max-width:900px) {
  .l-head {
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    height: auto
  }
}
@media screen and (max-width:900px) {
  .is-no-scroll .l-head {
    position: absolute
  }
}
@media screen and (max-width:900px) {
  .l-head__bar {
    background-color: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    width: 100%;
    z-index: 1
  }
}
@media screen and (max-width:900px) {
  .is-no-scroll .l-head__bar {
    position: fixed
  }
}
.l-head__bar .logo {
  display: block;
  margin-top: 12px;
  margin-left: 29px
}
.pc .l-head__bar .logo {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.l-head__bar .logo.is-hover-on, .pc .l-head__bar .logo:hover {
  opacity: .7
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__bar .logo {
    margin-top: 1vw;
    margin-left: 2.41667vw
  }
}
@media screen and (max-width:900px) {
  .l-head__bar .logo {
    margin-top: 8.5px;
    margin-left: 10px
  }
}
.l-head__bar .sp-trigger {
  cursor: pointer;
  display: none;
  background: #00b4ff;
  height: 50px;
  width: 50px;
  overflow: hidden;
  position: relative
}
@media screen and (max-width:900px) {
  .l-head__bar .sp-trigger {
    display: block
  }
}
.l-head__bar .sp-trigger__open {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0
}
.l-head__bar .sp-trigger__open .icon-trigger {
  position: relative;
  height: 13px;
  width: 20px
}
.l-head__bar .sp-trigger__open .icon-trigger > span {
  position: absolute;
  display: block;
  background: #fff;
  height: 1px;
  width: 100%
}
.l-head__bar .sp-trigger__open .icon-trigger > span:nth-child(1) {
  top: 0;
  left: 0
}
.l-head__bar .sp-trigger__open .icon-trigger > span:nth-child(2) {
  top: 6px;
  left: 0
}
.l-head__bar .sp-trigger__open .icon-trigger > span:nth-child(3) {
  top: 12px;
  left: 0
}
.l-head__bar .sp-trigger__close {
  display: none;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0
}
.is-open-to .l-head__bar .sp-trigger__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.l-head__bar .sp-trigger__close .icon-trigger {
  position: relative;
  height: 21px;
  width: 21px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.l-head__bar .sp-trigger__close .icon-trigger > span:nth-child(1) {
  position: absolute;
  display: block;
  background: #fff;
  height: 1px;
  width: 100%;
  top: 10px;
  left: 0
}
.l-head__bar .sp-trigger__close .icon-trigger > span:nth-child(2) {
  position: absolute;
  display: block;
  background: #fff;
  height: 100%;
  width: 1px;
  top: 0;
  left: 10px
}
.l-head__white {
  display: none
}
@media screen and (max-width:900px) {
  .l-head__white {
    display: block;
    background-color: #fff;
    position: fixed;
    left: -100%;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0
  }
}
.l-head__links {
  height: 100%
}
@media screen and (max-width:900px) {
  .l-head__links {
    background: #fff;
    border-bottom: solid 1px #ccc;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: -100%;
    overflow: hidden;
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden
  }
}
@media screen and (max-width:900px) {
  .is-no-scroll .l-head__links {
    position: relative
  }
}
.l-head__scroller {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
@media screen and (max-width:900px) {
  .l-head__scroller {
    display: block;
    height: auto;
    opacity: 1;
    -webkit-transition: opacity .42s cubic-bezier(.39, .575, .565, 1) .1s, visibility .42s .1s;
    transition: opacity .42s cubic-bezier(.39, .575, .565, 1) .1s, visibility .42s .1s
  }
}
.l-head__scroller > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}
@media screen and (max-width:900px) {
  .l-head__scroller > ul {
    display: block;
    padding-top: 50px
  }
}
.l-head__scroller > ul > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 160px;
  border-left: solid 1px #eee
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller > ul > li {
    width: 13.33333vw
  }
}
@media screen and (max-width:900px) {
  .l-head__scroller > ul > li {
    height: auto;
    width: 100%;
    border-left: none
  }
}
.l-head__scroller > ul > li.hover-on-btn-active > a:before {
  -webkit-transition: height .3s, visibility 0s .3s;
  transition: height .3s, visibility 0s .3s;
  height: 0
}
.l-head__scroller > ul > li.hover-on-btn-to > a:before {
  visibility: visible;
  height: 3px;
  -webkit-transition: height .3s, visibility 0s;
  transition: height .3s, visibility 0s
}
.pc .l-head__scroller > ul > li > a {
  -webkit-transition: color .3s;
  transition: color .3s
}
.pc .l-head__scroller > ul > li > a .icon-arrow rect {
  -webkit-transition: fill .3s;
  transition: fill .3s
}
.pc .l-head__scroller > ul > li:hover > a {
  color: #00b4ff
}
@media screen and (max-width:900px) {
  .pc .l-head__scroller > ul > li:hover > a {
    color: #000
  }
}
.pc .l-head__scroller > ul > li:hover > a .icon-arrow rect {
  fill: #00b4ff
}
@media screen and (max-width:900px) {
  .pc .l-head__scroller > ul > li:hover > a .icon-arrow rect {
    fill: #000
  }
}
.l-head__scroller > ul > li:last-child {
  margin-right: 0
}
.l-head__scroller > ul > li:before {
  visibility: hidden;
  content: '';
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 1px #ccc;
  background: #fff;
  height: 0;
  width: 100%;
  position: absolute;
  left: 0;
  top: 78px;
  -webkit-transition: height .3s cubic-bezier(.39, .575, .565, 1), visibility .33s;
  transition: height .3s cubic-bezier(.39, .575, .565, 1), visibility .33s
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller > ul > li:before {
    top: 6.5vw
  }
}
@media screen and (max-width:900px) {
  .l-head__scroller > ul > li:before {
    -webkit-transition: none;
    transition: none;
    display: none
  }
}
.l-head__scroller > ul > li.no-second:before {
  display: none !important
}
.l-head__scroller > ul > li.hover-on-active:before {
  visibility: visible;
  -webkit-transition: height .3s cubic-bezier(.39, .575, .565, 1), visibility 0s;
  transition: height .3s cubic-bezier(.39, .575, .565, 1), visibility 0s
}
.l-head__scroller > ul > li.hover-on-active > .links-second {
  display: block;
  height: 80px;
  -webkit-transition: opacity .2s cubic-bezier(.39, .575, .565, 1) .1s;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1) .1s
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller > ul > li.hover-on-active > .links-second {
    height: 6.66667vw
  }
}
.l-head__scroller > ul > li.hover-on-to:before {
  height: 80px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller > ul > li.hover-on-to:before {
    height: 6.66667vw
  }
}
.l-head__scroller > ul > li.hover-on-to > .links-second {
  opacity: 1
}
@media screen and (max-width:900px) {
  .pc .l-head__scroller > ul > li:hover:before {
    display: none
  }
}
.l-head__scroller > ul > li > a {
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  height: 100%;
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller > ul > li > a {
    font-size: 1.16667vw
  }
}
@media screen and (max-width:900px) {
  .l-head__scroller > ul > li > a {
    background-color: #00b4ff;
    color: #fff;
    font-size: 13px;
    height: 51px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.l-head__scroller > ul > li > a:before {
  visibility: hidden;
  background-color: #00b4ff;
  content: "";
  display: block;
  height: 3px;
  width: 96.25%;
  position: absolute;
  left: 50%;
  bottom: 2px;
  margin-left: -48.145%
}
@media screen and (max-width:900px) {
  .l-head__scroller > ul > li > a:before {
    display: none
  }
}
.l-head__scroller > ul > li > a:after {
  background-color: #00b4ff;
  content: "";
  display: block;
  height: 2px;
  width: 96.25%;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -48.145%
}
@media screen and (max-width:900px) {
  .l-head__scroller > ul > li > a:after {
    background-color: #fff;
    width: 100%;
    left: 0;
    bottom: auto;
    top: 0;
    margin-left: 0;
    height: 1px
  }
}
.l-head__scroller > ul > li > a .icon-arrow {
  margin-left: 8px
}
@media screen and (max-width:900px) {
  .l-head__scroller > ul > li > a .icon-arrow {
    margin-left: 0;
    margin-top: -6px;
    position: absolute;
    right: 20px;
    top: 50%
  }
}
.l-head__scroller > ul > li > a .icon-arrow rect {
  fill: #ccc
}
@media screen and (max-width:900px) {
  .l-head__scroller > ul > li > a .icon-arrow rect {
    fill: #fff
  }
}
.l-head__scroller .btn-special {
  background-color: #00b4ff;
  height: 100%;
  width: 198px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller .btn-special {
    width: 16.5vw
  }
}
@media screen and (max-width:900px) {
  .l-head__scroller .btn-special {
    background-color: #fff;
    height: auto;
    width: 100%
  }
}
.pc .l-head__scroller .btn-special > a {
  -webkit-transition: color .3s;
  transition: color .3s
}
.pc .l-head__scroller .btn-special > a .icon-arrow rect {
  -webkit-transition: fill .3s;
  transition: fill .3s
}
@media screen and (max-width:900px) {
  .pc .l-head__scroller .btn-special:hover > a {
    color: #000
  }
}
@media screen and (max-width:900px) {
  .pc .l-head__scroller .btn-special:hover > a .icon-arrow rect {
    fill: #000
  }
}
.l-head__scroller .btn-special.hover-on-btn-active > a:after {
  -webkit-transition: height .3s, visibility 0s .3s;
  transition: height .3s, visibility 0s .3s;
  height: 0
}
.l-head__scroller .btn-special.hover-on-btn-to > a:after {
  visibility: visible;
  height: 3px;
  -webkit-transition: height .3s, visibility 0s;
  transition: height .3s, visibility 0s
}
.l-head__scroller .btn-special .links-second {
  right: 16px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller .btn-special .links-second {
    right: 1.33333vw
  }
}
@media screen and (max-width:900px) {
  .l-head__scroller .btn-special .links-second {
    right: 0
  }
}
.l-head__scroller .btn-special .links-second ul {
  -webkit-transform: none;
  transform: none
}
.l-head__scroller .btn-special:before {
  visibility: hidden;
  content: '';
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 1px #ccc;
  background: #fff;
  height: 0;
  width: 100%;
  position: absolute;
  left: 0;
  top: 78px;
  -webkit-transition: height .3s cubic-bezier(.39, .575, .565, 1), visibility .31s;
  transition: height .3s cubic-bezier(.39, .575, .565, 1), visibility .31s
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller .btn-special:before {
    top: 6.5vw
  }
}
@media screen and (max-width:900px) {
  .l-head__scroller .btn-special:before {
    display: none
  }
}
.l-head__scroller .btn-special.hover-on-active:before {
  visibility: visible;
  -webkit-transition: height .3s cubic-bezier(.39, .575, .565, 1), visibility 0s;
  transition: height .3s cubic-bezier(.39, .575, .565, 1), visibility 0s
}
.l-head__scroller .btn-special.hover-on-active > .links-second {
  display: block;
  -webkit-transition: opacity .2s cubic-bezier(.39, .575, .565, 1) .1s;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1) .1s
}
.l-head__scroller .btn-special.hover-on-to:before {
  height: 110px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller .btn-special.hover-on-to:before {
    height: 9.16667vw
  }
}
.l-head__scroller .btn-special.hover-on-to > .links-second {
  opacity: 1
}
@media screen and (max-width:900px) {
  .pc .l-head__scroller .btn-special:hover:before {
    display: none
  }
}
.l-head__scroller .btn-special > a {
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  height: 100%;
  width: 100%;
  position: relative;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller .btn-special > a {
    font-size: 1.16667vw
  }
}
@media screen and (max-width:900px) {
  .l-head__scroller .btn-special > a {
    background-color: #00b4ff;
    color: #fff;
    font-size: 13px;
    height: 51px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.l-head__scroller .btn-special > a:after {
  background-color: #fff;
  content: "";
  height: 0;
  width: 96.25%;
  position: absolute;
  left: 50%;
  bottom: 2px;
  margin-left: -48.145%
}
@media screen and (max-width:900px) {
  .l-head__scroller .btn-special > a:after {
    display: block;
    width: 100%;
    left: 0;
    bottom: auto;
    top: 0;
    margin-left: 0;
    height: 1px
  }
}
.l-head__scroller .btn-special > a .icon-arrow {
  margin-left: 8px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head__scroller .btn-special > a .icon-arrow {
    margin-left: .66667vw
  }
}
@media screen and (max-width:900px) {
  .l-head__scroller .btn-special > a .icon-arrow {
    margin-left: 0;
    margin-top: -6px;
    position: absolute;
    right: 20px;
    top: 50%
  }
}
.l-head__scroller .btn-special > a .icon-arrow rect {
  fill: #fff
}
.l-head .links-second {
  display: none;
  opacity: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 80px;
  position: absolute;
  margin-left: 80px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head .links-second {
    height: 6.66667vw;
    margin-left: 6.66667vw
  }
}
@media screen and (max-width:900px) {
  .l-head .links-second {
    opacity: 1;
    border-top: none;
    display: block;
    position: relative;
    height: auto;
    margin-left: 0
  }
}
.l-head .links-second > ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px
}
.l-head .links-second > ul:first-child {
  margin-top: 34px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head .links-second > ul:first-child {
    margin-top: 2.83333vw
  }
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head .links-second > ul {
    margin-top: 1.66667vw
  }
}
@media screen and (max-width:900px) {
  .l-head .links-second > ul {
    display: block;
    height: 100%;
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    -webkit-transform: none;
    transform: none
  }
  .l-head .links-second > ul:first-child {
    margin-top: 0
  }
}
.l-head .links-second > ul > li {
  margin-right: 30px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head .links-second > ul > li {
    margin-right: 2.5vw
  }
}
@media screen and (max-width:900px) {
  .l-head .links-second > ul > li {
    height: auto;
    margin-right: 0;
    border-top: solid 1px #ccc
  }
}
.l-head .links-second > ul > li:last-child {
  margin-right: 0
}
.l-head .links-second > ul > li > a {
  font-weight: 700;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  position: relative;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color .3s;
  transition: color .3s
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head .links-second > ul > li > a {
    font-size: 1.16667vw
  }
}
@media screen and (max-width:900px) {
  .l-head .links-second > ul > li > a {
    font-size: 13px;
    height: 51px;
    padding-left: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.pc .l-head .links-second > ul > li > a:hover {
  color: #00b4ff
}
.pc .l-head .links-second > ul > li > a:hover .icon-external path {
  stroke: #00b4ff
}
.pc .l-head .links-second > ul > li > a:hover .icon-arrow rect {
  fill: #00b4ff
}
.l-head .links-second > ul > li > a .icon-external {
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  margin-left: 8px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head .links-second > ul > li > a .icon-external {
    margin-left: .66667vw
  }
}
@media screen and (max-width:900px) {
  .l-head .links-second > ul > li > a .icon-external {
    margin-left: 0;
    margin-top: -7px;
    position: absolute;
    right: 20px;
    top: 50%;
    height: 14px;
    width: 14px
  }
}
.l-head .links-second > ul > li > a .icon-external path {
  fill-rule: evenodd;
  fill: #fff;
  stroke-width: 2px;
  stroke: #ccc;
  -webkit-transition: fill .3s;
  transition: fill .3s
}
.l-head .links-second > ul > li > a .icon-arrow {
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  margin-left: 8px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-head .links-second > ul > li > a .icon-arrow {
    margin-left: .66667vw
  }
}
@media screen and (max-width:900px) {
  .l-head .links-second > ul > li > a .icon-arrow {
    margin-left: 0;
    margin-top: -6px;
    position: absolute;
    right: 20px;
    top: 50%
  }
}
.l-head .links-second > ul > li > a .icon-arrow rect {
  fill: #ccc;
  -webkit-transition: fill .3s;
  transition: fill .3s
}
.l-gnav {
  display: none
}
.l-foot {
  width: 100%
}
@media screen and (max-width:900px) {
  .is-no-scroll .l-foot {
    display: none
  }
}
.pc .l-foot a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.l-foot a.is-hover-on, .pc .l-foot a:hover {
  opacity: .7
}
.l-foot.is-open-company .link-list__wrap--company .icon-cross > span:after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0)
}
.l-foot.is-open-product .link-list__wrap--product .icon-cross > span:after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0)
}
.l-foot.is-open-recruit .link-list__wrap--recruit .icon-cross > span:after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0)
}
.l-foot.is-open-special .link-list__wrap--special .icon-cross > span:after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0)
}
.l-foot__links {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #00b4ff;
  padding-top: 32px;
  padding-bottom: 64px;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-foot__links {
    padding-top: 2.66667vw;
    padding-bottom: 5.33333vw;
    padding-left: 1.66667vw;
    padding-right: 1.66667vw
  }
}
@media screen and (max-width:900px) {
  .l-foot__links {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
  }
}
.l-foot__links .icon-external {
  margin-left: 5px
}
.l-foot__links .icon-external rect {
  stroke-width: 2px;
  stroke: #fff;
  fill-rule: evenodd;
  fill: #00b4ff;
}
.l-foot__links .link-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 56px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-foot__links .link-list {
    margin-left: 4.66667vw
  }
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list {
    margin-left: 0;
    width: 100%
  }
}
.l-foot__links .link-list:first-child {
  margin-left: 0
}
.l-foot__links .link-list a {
  color: #fff;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.l-foot__links .link-list__wrap {
  position: relative;
  padding-left: 11px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-foot__links .link-list__wrap {
    padding-left: .91667vw
  }
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list__wrap {
    border-bottom: solid 1px #4dcbff;
    padding-left: 0;
    width: 100%
  }
}
.l-foot__links .link-list__wrap:before {
  background: #99e1ff;
  display: block;
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list__wrap:before {
    display: none
  }
}
.l-foot__links .link-list__single {
  margin-bottom: 28px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-foot__links .link-list__single {
    margin-bottom: 2.33333vw
  }
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list__single {
    margin-bottom: 1.6vw
  }
}
.l-foot__links .link-list__main {
  font-weight: 700;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-foot__links .link-list__main {
    font-size: 1.5vw
  }
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list__main {
    font-size: 16px;
    height: 61px;
    line-height: 61px;
    border-bottom: solid 1px #4dcbff;
    padding-left: 22px;
    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
  }
}
.l-foot__links .link-list__main:last-child {
  border-bottom: none
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list__main > a {
    display: block;
    width: 100%
  }
}
.l-foot__links .link-list__main .icon-cross {
  display: none
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list__main .icon-cross {
    cursor: pointer;
    position: relative;
    height: 58px;
    width: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.l-foot__links .link-list__main .icon-cross > span {
  position: relative;
  display: block;
  height: 18px;
  width: 18px
}
.l-foot__links .link-list__main .icon-cross > span:before {
  background: #fff;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.5px
}
.l-foot__links .link-list__main .icon-cross > span:after {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -.5px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list__second {
    height: 0;
    overflow: hidden
  }
}
.l-foot__links .link-list ul {
  padding-top: 12px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-foot__links .link-list ul {
    padding-top: 1vw
  }
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list ul {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 22px
  }
}
.l-foot__links .link-list ul li {
  font-size: 14px;
  line-height: 2.143
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-foot__links .link-list ul li {
    font-size: 1.16667vw
  }
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list ul li {
    font-size: 13px;
    line-height: 2.153
  }
}
.l-foot__links .link-list ul li:last-child {
  margin-bottom: -8px
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list ul li:last-child {
    margin-bottom: 0
  }
}
.l-foot__links .link-list--normal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.l-foot__links .link-list--between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between
}
.l-foot__links .link-list--contact:before {
  display: none
}
.l-foot__links .link-list--contact > ul {
  padding-top: 0
}
@media screen and (max-width:900px) {
  .l-foot__links .link-list--contact > ul {
    padding-top: 20px
  }
}
.l-foot__cr {
  background: #222;
  padding-top: 16px;
  padding-bottom: 22px;
  padding-left: 20px;
  padding-right: 20px;
  xdisplay: -webkit-box;
  xdisplay: -ms-flexbox;
  xdisplay: flex;
  x-webkit-box-pack: center;
  x-ms-flex-pack: center;
  xjustify-content: center;
  x-webkit-box-align: center;
  x-ms-flex-align: center;
  xalign-items: center;
	text-align: center;
}
@media screen and (max-width:900px) {
  .l-foot__cr {
    padding-top: 27px;
    padding-bottom: 37px;
    padding-left: 10px;
    padding-right: 10px
  }
}
.l-foot__cr > p {
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  text-align: center
}
@media screen and (max-width:900px) {
  .l-foot__cr > p {
    font-size: 11px;
    line-height: 1.545
  }
}
.l-foot__cr > p small {
  display: block
}
.l-foot__cr > p small .logo {
  margin: -2px 8px 0;
  vertical-align: middle
}
.l-foot__cr > p .cr-full {
  display: none
}
.is-full .l-foot__cr > p .cr-full {
  display: block
}
.l-banner {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px
}
@media screen and (max-width:900px) {
  .l-banner {
    margin-bottom: 10.66667vw
  }
}
.l-banner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.l-banner ul li {
  margin-right: 1.6%;
  margin-top: 1.6%;
  width: 23.8%
}
.pc .l-banner ul li {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.l-banner ul li.is-hover-on, .pc .l-banner ul li:hover {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
@media screen and (max-width:900px) {
  .l-banner ul li {
    margin-right: 3%;
    margin-top: 3%;
    height: auto;
    width: 48.5%
  }
}
.l-banner ul li:nth-of-type(4n+4) {
  margin-right: 0
}
.l-banner ul li:nth-of-type(1), .l-banner ul li:nth-of-type(2) {
  margin-top: 0
}
.l-banner ul li:nth-of-type(3), .l-banner ul li:nth-of-type(4) {
  margin-top: 0
}
@media screen and (max-width:900px) {
  .l-banner ul li:nth-of-type(3), .l-banner ul li:nth-of-type(4) {
    margin-top: 2.66667vw
  }
}
@media screen and (max-width:900px) {
  .l-banner ul li:nth-of-type(2n+2) {
    margin-right: 0
  }
}
.l-banner ul li a {
  display: block
}
.l-banner ul li a img {
  display: block;
  height: auto;
  width: 100%
}
.l-sic-modal {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10000
}
.page-old:before {
  background-color: #eee;
  content: '';
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.l-old {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee;
  padding-top: 70px;
  padding-bottom: 70px;
  height: 100%;
  width: 100%
}
@media screen and (max-width:900px) {
  .l-old {
    padding-top: 10.66667vw;
    padding-bottom: 10.66667vw
  }
}
.l-old__title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 580px
}
@media screen and (max-width:900px) {
  .l-old__title {
    width: 89.33%
  }
}
.l-old__title > h1 {
  font-weight: 400;
  border-bottom: solid 3px #00b4ff;
  color: #00b4ff;
  font-size: 60px;
  letter-spacing: .02em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 18px;
  width: 542px
}
@media screen and (max-width:900px) {
  .l-old__title > h1 {
    font-size: 7.73333vw;
    width: 100%
  }
}
.l-old__title > h2 {
  font-weight: 700;
  font-size: 28px;
  text-align: center;
  margin-top: 18px
}
@media screen and (max-width:900px) {
  .l-old__title > h2 {
    font-size: 4.8vw;
    margin-top: 4.26667vw
  }
}
.l-old__title > p {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  margin-top: 18px
}
@media screen and (max-width:900px) {
  .l-old__title > p {
    font-size: 3.46667vw;
    line-height: 1.38;
    margin-top: 2.93333vw
  }
}
.l-old__bottom {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 38px;
  padding-top: 34px;
  padding-bottom: 38px;
  width: 580px
}
@media screen and (max-width:900px) {
  .l-old__bottom {
    margin-top: 5.06667vw;
    padding-top: 5.06667vw;
    padding-bottom: 5.06667vw;
    width: 89.33%
  }
}
.l-old__bottom ul {
  margin-left: auto;
  margin-right: auto;
  margin-top: 26px;
  width: 87.24%
}
@media screen and (max-width:900px) {
  .l-old__bottom ul {
    margin-top: 3.73333vw;
    width: 89.55%
  }
}
.l-old__bottom ul:first-child {
  margin-top: 0
}
.l-old__bottom .ttl-device {
  font-weight: 700;
  color: #00b4ff;
  font-size: 16px;
  line-height: 1.625
}
@media screen and (max-width:900px) {
  .l-old__bottom .ttl-device {
    font-size: 3.46667vw;
    line-height: 1.538
  }
}
.l-old__bottom .ttl-os {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.625
}
@media screen and (max-width:900px) {
  .l-old__bottom .ttl-os {
    font-size: 3.46667vw;
    line-height: 1.538
  }
}
.l-old__bottom .ttl-browser {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625
}
@media screen and (max-width:900px) {
  .l-old__bottom .ttl-browser {
    font-size: 3.46667vw;
    line-height: 1.538
  }
}
.l-old__logo {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width:900px) {
  .l-old__logo {
    margin-top: 5.06667vw
  }
}
.l-404 {
  width: 100%
}
.l-404__title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 3px #00b4ff;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  width: 542px
}
@media screen and (max-width:900px) {
  .l-404__title {
    border-bottom: solid .8vw #00b4ff;
    padding-bottom: 5.33333vw;
    width: 89.33%
  }
}
.l-404__title > h1 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #00b4ff;
  font-size: 60px;
  letter-spacing: .02em;
  text-align: center
}
@media screen and (max-width:900px) {
  .l-404__title > h1 {
    font-size: 10.66667vw
  }
}
.l-404__title > p {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #00b4ff;
  font-size: 20px;
  letter-spacing: .08em;
  text-align: center;
  margin-top: 10px
}
@media screen and (max-width:900px) {
  .l-404__title > p {
    font-size: 4vw;
    letter-spacing: .06em;
    line-height: 1.33;
    margin-top: 2.93333vw
  }
}
.l-404__bottom {
  margin-left: auto;
  margin-right: auto;
  padding-top: 18px
}
@media screen and (max-width:900px) {
  .l-404__bottom {
    padding-top: 3.46667vw;
    width: 89.33%
  }
}
.l-404__bottom > p {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.625;
  text-align: center
}
@media screen and (max-width:900px) {
  .l-404__bottom > p {
    font-size: 3.46667vw;
    line-height: 1.538
  }
}
.l-404__bottom .p-btn-link {
  margin-top: 36px
}
@media screen and (max-width:900px) {
  .l-404__bottom .p-btn-link {
    margin-top: 6.66667vw
  }
}
.l-404__logo {
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width:900px) {
  .l-404__logo {
    margin-top: 13.06667vw
  }
}
.l-home-kv {
  position: relative;
  overflow: hidden;
  height: 610px;
  width: 100%
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-home-kv {
    height: 50.83333vw
  }
}
@media screen and (max-width:900px) {
  .l-home-kv {
    height: 94.66667vw
  }
}
.l-home-kv__bg {
  background-color: #00b4ff;
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 594px;
  width: 100%
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-home-kv__bg {
    height: 49.5vw
  }
}
@media screen and (max-width:900px) {
  .l-home-kv__bg {
    height: 93.33333vw
  }
}
.l-home-kv__bg .box-video {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden
}
.l-home-kv__bg .box-video:after {
  background: url(../img/home/kv/cover_pattern.png) repeat center center;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%
}
@media screen and (max-width:900px) {
  .l-home-kv__bg .box-video {
    display: none
  }
}
.l-home-kv__bg .box-cover {
  background-color: #00b4ff;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.l-home-kv__wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  height: 100%
}
.l-home-kv .ts-home-kv__c-back-enter-active, .l-home-kv .ts-home-kv__c-back-leave-active {
  -webkit-transition: opacity .24s cubic-bezier(.23, .69, .52, .92) .67s, -webkit-transform .24s cubic-bezier(.23, .69, .52, .92) .68s;
  transition: opacity .24s cubic-bezier(.23, .69, .52, .92) .67s, -webkit-transform .24s cubic-bezier(.23, .69, .52, .92) .68s;
  transition: opacity .24s cubic-bezier(.23, .69, .52, .92) .67s, transform .24s cubic-bezier(.23, .69, .52, .92) .68s;
  transition: opacity .24s cubic-bezier(.23, .69, .52, .92) .67s, transform .24s cubic-bezier(.23, .69, .52, .92) .68s, -webkit-transform .24s cubic-bezier(.23, .69, .52, .92) .68s
}
.l-home-kv .ts-home-kv__c-back-enter, .l-home-kv .ts-home-kv__c-back-leave-to {
  -webkit-transform: translate(0, 8%);
  transform: translate(0, 8%);
  opacity: 0
}
.l-home-kv .ts-home-kv__c-back-enter-to, .l-home-kv .ts-home-kv__c-back-leave {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1
}
.l-home-kv .ts-home-kv__c-front-enter-active, .l-home-kv .ts-home-kv__c-front-leave-active {
  -webkit-transition: opacity .24s cubic-bezier(.23, .69, .52, .92) .51s, -webkit-transform .24s cubic-bezier(.23, .69, .52, .92) .56s;
  transition: opacity .24s cubic-bezier(.23, .69, .52, .92) .51s, -webkit-transform .24s cubic-bezier(.23, .69, .52, .92) .56s;
  transition: opacity .24s cubic-bezier(.23, .69, .52, .92) .51s, transform .24s cubic-bezier(.23, .69, .52, .92) .56s;
  transition: opacity .24s cubic-bezier(.23, .69, .52, .92) .51s, transform .24s cubic-bezier(.23, .69, .52, .92) .56s, -webkit-transform .24s cubic-bezier(.23, .69, .52, .92) .56s
}
.l-home-kv .ts-home-kv__c-front-enter, .l-home-kv .ts-home-kv__c-front-leave-to {
  -webkit-transform: translate(0, 8%);
  transform: translate(0, 8%);
  opacity: 0
}
.l-home-kv .ts-home-kv__c-front-enter-to, .l-home-kv .ts-home-kv__c-front-leave {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1
}
.l-home-kv .ts-home-kv__msg-enter-active, .l-home-kv .ts-home-kv__msg-leave-active {
  -webkit-transition: opacity .33s cubic-bezier(.23, .69, .52, .92) .3s, -webkit-transform .33s cubic-bezier(.23, .69, .52, .92) .3s;
  transition: opacity .33s cubic-bezier(.23, .69, .52, .92) .3s, -webkit-transform .33s cubic-bezier(.23, .69, .52, .92) .3s;
  transition: opacity .33s cubic-bezier(.23, .69, .52, .92) .3s, transform .33s cubic-bezier(.23, .69, .52, .92) .3s;
  transition: opacity .33s cubic-bezier(.23, .69, .52, .92) .3s, transform .33s cubic-bezier(.23, .69, .52, .92) .3s, -webkit-transform .33s cubic-bezier(.23, .69, .52, .92) .3s
}
.l-home-kv .ts-home-kv__msg-enter, .l-home-kv .ts-home-kv__msg-leave-to {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  opacity: 0
}
.l-home-kv .ts-home-kv__msg-enter-to, .l-home-kv .ts-home-kv__msg-leave {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1
}
.l-home-kv__msg {
  position: absolute;
  left: 60px;
  bottom: 110px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-home-kv__msg {
    left: 5vw;
    bottom: 9.16667vw;
    height: 33vw;
    width: 48.5vw
  }
}
@media screen and (max-width:900px) {
  .l-home-kv__msg {
    left: 9.33333vw;
    bottom: 47.46667vw;
    height: 36.93333vw;
    width: 51.73333vw
  }
}
.l-home-kv__msg path {
  fill-rule: evenodd;
  fill: #fff
}
.l-home-kv__c-back {
  position: absolute;
  right: -176px;
  bottom: -62px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-home-kv__c-back {
    right: -14.66667vw;
    bottom: -5.16667vw;
    height: 64.16667vw;
    width: 83.33333vw
  }
}
@media screen and (max-width:900px) {
  .l-home-kv__c-back {
    right: -31.46667vw;
    bottom: -5.6vw;
    height: 97.46667vw;
    width: 126.66667vw
  }
}
.l-home-kv__c-front {
  position: absolute;
  right: -176px;
  bottom: -62px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-home-kv__c-front {
    right: -14.66667vw;
    bottom: -5.16667vw;
    height: 64.16667vw;
    width: 83.33333vw
  }
}
@media screen and (max-width:900px) {
  .l-home-kv__c-front {
    right: -31.46667vw;
    bottom: -5.6vw;
    height: 97.46667vw;
    width: 126.66667vw
  }
}
.l-home-news {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 90px;
  position: relative;
  margin-top: -45px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-home-news {
    height: 7.25806vw;
    margin-top: -3.62903vw
  }
}
@media screen and (max-width:900px) {
  .l-home-news {
    height: auto;
    margin-top: -8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}
.l-home-news:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden
}
.l-home-news__title {
  float: left;
  height: 100%;
  width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (min-width:900.1px) and (max-width:1300px) {
  .l-home-news__title {
    width: 14.2%
  }
}
@media screen and (max-width:900px) {
  .l-home-news__title {
    float: none;
    display: none
  }
}
.l-home-news__title > span {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #00b4ff;
  font-size: 30px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-home-news__title > span {
    font-size: 2.41935vw
  }
}
.l-home-news__topics {
  float: left;
  overflow: hidden;
  height: 100%;
  position: absolute;
  left: 170px;
  top: 0px;
  right: 316px
}
@media screen and (min-width:900.1px) and (max-width:1300px) {
  .l-home-news__topics {
    left: 14.2%;
    right: 26.3%;
    width: 59.5%
  }
}
@media screen and (max-width:900px) {
  .l-home-news__topics {
    position: static;
    float: none;
    height: auto;
    width: 100%
  }
}
.l-home-news__topics ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 17px;
  width: 300%
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-home-news__topics ul {
    padding-top: 1.37097vw
  }
}
@media screen and (max-width:900px) {
  .l-home-news__topics ul {
    padding-top: 4.8vw;
    margin-bottom: 4.8vw;
    width: 600%
  }
}
.l-home-news__topics ul li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 15.73%;
  margin-right: 1.12%
}
@media screen and (max-width:900px) {
  .l-home-news__topics ul li {
    width: 16.66%;
    margin-right: 0;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw
  }
}
.l-home-news__topics ul li:last-child {
  margin-right: 0
}
.l-home-news__topics ul li a {
  display: block;
  line-height: 1.53;
  text-decoration: none
}
.pc .l-home-news__topics ul li a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.l-home-news__topics ul li a.is-hover-on, .pc .l-home-news__topics ul li a:hover {
  opacity: .7
}
.l-home-news__topics ul li a > span {
  font-weight: 700;
  color: #00b4ff;
  font-size: 13px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-home-news__topics ul li a > span {
    font-size: 1.04839vw
  }
}
@media screen and (max-width:900px) {
  .l-home-news__topics ul li a > span {
    font-size: 2.93333vw
  }
}
.l-home-news__topics ul li a > h2 {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  color: #000;
  font-size: 13px;
  margin-top: 1px;
  text-overflow: ellipsis
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-home-news__topics ul li a > h2 {
    font-size: 1.04839vw
  }
}
@media screen and (max-width:900px) {
  .l-home-news__topics ul li a > h2 {
    font-size: 3.2vw
  }
}
.l-home-news__ctrl {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: auto;
  height: 100%;
  width: 316px
}
@media screen and (min-width:900.1px) and (max-width:1300px) {
  .l-home-news__ctrl {
    width: 26.3%
  }
}
@media screen and (max-width:900px) {
  .l-home-news__ctrl {
    float: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 12.13333vw;
    width: 100%
  }
}
.l-home-news__btns {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 46.2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:900px) {
  .l-home-news__btns {
    border-bottom: solid .26667vw #eee;
    width: 71.7%
  }
}
.l-home-news__btns .sp-title {
  display: none
}
@media screen and (max-width:900px) {
  .l-home-news__btns .sp-title {
    display: block;
    margin-right: 25.6vw
  }
  .l-home-news__btns .sp-title > span {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    letter-spacing: .02em;
    color: #00b4ff;
    font-size: 5.33333vw
  }
}
@media screen and (max-width:900px) {
  .l-home-news__btns .btn-prev svg {
    height: 6.8vw;
    width: 6.8vw
  }
}
.deactive-btn-prev .l-home-news__btns .btn-prev {
  pointer-events: none;
  opacity: .5
}
.l-home-news__btns .btn-next {
  margin-left: 10px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-home-news__btns .btn-next {
    margin-left: .80645vw
  }
}
@media screen and (max-width:900px) {
  .l-home-news__btns .btn-next {
    margin-left: 1.33333vw
  }
}
@media screen and (max-width:900px) {
  .l-home-news__btns .btn-next svg {
    height: 6.8vw;
    width: 6.8vw
  }
}
.deactive-btn-next .l-home-news__btns .btn-next {
  pointer-events: none;
  opacity: .5
}
.l-home-news__btns .btn-next, .l-home-news__btns .btn-prev {
  cursor: pointer
}
.pc .l-home-news__btns .btn-next, .pc .l-home-news__btns .btn-prev {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.l-home-news__btns .btn-next.is-hover-on, .l-home-news__btns .btn-prev.is-hover-on, .pc .l-home-news__btns .btn-next:hover, .pc .l-home-news__btns .btn-prev:hover {
  opacity: .7
}
.l-home-news__btns .icon-circle .cls-1 {
  fill: #c0bfd3;
  fill-opacity: 0;
  stroke: #00b4ff;
  stroke-width: 3px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-home-news__btns .icon-circle .cls-1 {
    stroke-width: .24194vw
  }
}
.l-home-news__btns .icon-circle .cls-2 {
  fill: #00b4ff
}
.l-home-news__goto {
  background-color: #00b4ff;
  height: 100%;
  width: 53.8%
}
.pc .l-home-news__goto {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.l-home-news__goto.is-hover-on, .pc .l-home-news__goto:hover {
  opacity: .7
}
@media screen and (max-width:900px) {
  .l-home-news__goto {
    width: 28.3%
  }
}
.l-home-news__goto a {
  color: #fff;
  height: 100%;
  width: 100%;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.l-home-news__goto .btn-text {
  font-weight: 700;
  color: #fff;
  font-size: 16px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-home-news__goto .btn-text {
    font-size: 1.29032vw
  }
}
@media screen and (max-width:900px) {
  .l-home-news__goto .btn-text {
    font-size: 2.93333vw
  }
}
.l-home-news__goto .icon-arrow {
  background: url(../img/common/icon_arrow_blue1.png) no-repeat left top;
  background-size: 100% 100%;
  display: block;
  height: 27px;
  width: 28px;
  margin-left: 9px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-home-news__goto .icon-arrow {
    height: 2.17742vw;
    width: 2.25806vw;
    margin-left: .72581vw
  }
}
@media screen and (max-width:900px) {
  .l-home-news__goto .icon-arrow {
    height: 3.6vw;
    width: 3.73333vw;
    margin-left: 1.06667vw
  }
}
.l-home-link {
  margin-top: 30px;
  padding-bottom: 80px;
  overflow: hidden
}
@media screen and (max-width:900px) {
  .l-home-link {
    margin-top: 9.33333vw;
    padding-bottom: 13.33333vw
  }
}
.l-home-notice ul li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  margin-top: 8px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%
}
@media screen and (max-width:900px) {
  .l-home-notice ul li {
    margin-top: 2.66667vw;
    padding-top: 2.93333vw;
    padding-bottom: 2.93333vw
  }
}
.l-home-notice ul li.is-red > a, .l-home-notice ul li.is-red > p {
  color: #ff3f3f
}
.pc .l-home-notice ul li > a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.l-home-notice ul li > a.is-hover-on, .pc .l-home-notice ul li > a:hover {
  opacity: .7
}
.l-home-notice ul li > a, .l-home-notice ul li > p {
  color: #000;
  font-size: 13px;
  line-height: 1.538;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 64px;
  position: relative;
  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
}
@media screen and (max-width:900px) {
  .l-home-notice ul li > a, .l-home-notice ul li > p {
    padding-left: 3.73333vw;
    padding-right: 8.53333vw
  }
}
.l-home-notice ul li .icon-arrow {
  height: 24px;
  width: 23px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -12px
}
@media screen and (max-width:900px) {
  .l-home-notice ul li .icon-arrow {
    height: 3.6vw;
    width: 3.73333vw;
    right: 2.66667vw;
    margin-top: -1.8vw
  }
}
.l-home-notice ul li .icon-arrow rect {
  fill: #ccc
}
.l-home-banner {
  padding-top: 30px
}
@media screen and (max-width:900px) {
  .l-home-banner {
    padding-top: 8vw
  }
}
.l-home-banner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.l-home-banner ul li {
  margin-top: 1.8%;
  margin-right: 1.8%;
  width: 49.1%
}
.pc .l-home-banner ul li {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.l-home-banner ul li.is-hover-on, .pc .l-home-banner ul li:hover {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
@media screen and (max-width:900px) {
  .l-home-banner ul li {
    margin-top: 2.66667vw;
    margin-right: 0;
    width: 100%
  }
}
.l-home-banner ul li:nth-of-type(2n+0) {
  margin-right: 0
}
.l-home-banner ul li:nth-of-type(1) {
  margin-top: 0
}
.l-home-banner ul li:nth-of-type(2) {
  margin-top: 0
}
@media screen and (max-width:900px) {
  .l-home-banner ul li:nth-of-type(2) {
    margin-top: 2.66667vw
  }
}
.l-home-banner ul li > a > img {
  height: auto;
  width: 100%
}
.l-cate-kv {
  height: 320px;
  width: 100%;
  position: relative;
  overflow: hidden
}
@media screen and (max-width:900px) {
  .l-cate-kv {
    height: 49.86667vw
  }
}
.l-cate-kv__bg {
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 304px;
  width: 100%
}
@media screen and (max-width:900px) {
  .l-cate-kv__bg {
    height: 48.53333vw
  }
}
.l-cate-kv__bg--news {
  background-image: url(../img/news/kv_bg.jpg);
  background-size: cover
}
.l-cate-kv__bg--company {
  background-image: url(../img/company/kv_bg.jpg);
  background-size: cover
}
.l-cate-kv__bg--ir {
  background-image: url(../img/company/kv_bg.jpg);
  background-size: cover
}
.l-cate-kv__bg--recruit {
  background-image: url(../img/recruit/kv_bg.jpg);
  background-size: cover
}
.l-cate-kv__bg--product {
  background-image: url(../img/product/kv_bg.jpg);
  background-size: cover
}
.l-cate-kv__bg--special {
  background-image: url(../img/special/kv_bg.jpg);
  background-size: cover
}
.l-cate-kv__bg--players-voice {
  background-image: url(../img/news/kv_bg.jpg);
  background-size: cover
}
.l-cate-kv__visual {
  position: relative;
  height: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .l-cate-kv__visual {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1200px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
}
@media screen and (max-width:900px) {
  .l-cate-kv__visual {
    position: absolute;
    height: 48.53333vw;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform: none;
    transform: none
  }
}
.l-cate-kv__title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1
}
@media screen and (max-width:900px) {
  .l-cate-kv__title {
    height: 48.53333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 6.66667vw
  }
}
.l-cate-kv__title .title-main {
  font-weight: 700;
  xcolor: #fff;
  font-size: 30px;
  line-height: 1.5;
  text-align: center
}
@media screen and (max-width:900px) {
  .l-cate-kv__title .title-main {
    font-size: 6.93333vw;
    text-align: left
  }
}
.l-cate-kv__title .title-sub {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin-top: 11px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title .title-sub {
    font-size: 2.93333vw;
    line-height: 1.5454;
    text-align: left;
    margin-top: 2.13333vw
  }
}
.l-cate-kv__title .title-sub > span {
  xcolor: #fff;
  font-weight: 400;
  font-size: 12px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title .title-sub > span {
    font-size: 2.66667vw
  }
}
.l-news-list {
  padding-top: 28px
}
@media screen and (max-width:900px) {
  .l-news-list {
    padding-top: 7.46667vw
  }
}
.l-news-list__wrap {
  padding-bottom: 60px
}
@media screen and (max-width:900px) {
  .l-news-list__wrap {
    padding-bottom: 8vw
  }
  .l-news-list__wrap:last-child {
    padding-bottom: 13.33333vw
  }
}
.l-product-list {
  padding-top: 32px
}
@media screen and (max-width:900px) {
  .l-product-list {
    padding-top: 8vw
  }
}
.l-product-list__wrap {
  padding-bottom: 60px
}
@media screen and (max-width:900px) {
  .l-product-list__wrap {
    padding-bottom: 8vw
  }
  .l-product-list__wrap:last-child {
    padding-bottom: 13.33333vw
  }
}
.l-special-colums {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  overflow: hidden
}
.l-special-colums:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden
}
.l-special-colums:last-child {
  margin-bottom: 0
}
@media screen and (max-width:900px) {
  .l-special-colums {
    margin-bottom: 8vw
  }
  .l-special-colums:last-child {
    margin-bottom: 0
  }
}
.l-special-colums .colums__group {
  position: relative;
  max-width: 1270px
}
.l-special-colums .colums__group:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden
}
.l-special-colums .colums__group .img-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-top: 50px;
  width: 48.8189%;
  z-index: 1
}
@media screen and (max-width:900px) {
  .l-special-colums .colums__group .img-box {
    width: 100%
  }
}
.l-special-colums .colums__group .img-box figure {
  display: block;
  width: 100%
}
.l-special-colums .colums__group .img-box figure img {
  width: 100%;
  height: auto
}
.ie .l-special-colums .colums__group .img-box figure img {
  min-height: 1%
}
.l-special-colums .colums__group .img-box figure figcaption {
  position: relative;
  font-size: 14px;
  line-height: 1.714;
  padding-top: 6px;
  padding-left: 16px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-special-colums .colums__group .img-box figure figcaption {
    font-size: 1.12903vw;
    padding-left: 1.29032vw
  }
}
@media screen and (max-width:900px) {
  .l-special-colums .colums__group .img-box figure figcaption {
    font-size: 2.66667vw;
    line-height: 1.5;
    padding-top: .8vw;
    padding-left: 0
  }
}
.l-special-colums .colums__group .img-box figure figcaption:before {
  content: "▲";
  position: absolute;
  left: 0
}
@media screen and (max-width:900px) {
  .l-special-colums .colums__group .img-box figure figcaption:before {
    position: static
  }
}
.l-special-colums .colums__group .img-box figure figcaption a {
  color: #00b4ff;
  text-decoration: none
}
.l-special-colums .colums__group .text-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 51.1811%;
  background-color: #fff
}
@media screen and (max-width:900px) {
  .l-special-colums .colums__group .text-box {
    position: relative;
    margin: 0 auto;
    width: 84vw;
    padding-top: 5.86667vw;
    padding-bottom: 5.86667vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw
  }
}
.l-special-colums .colums__group .text-box strong {
  font-weight: 700
}
.l-special-colums .colums__group .text-box a {
  color: #00b4ff;
  text-decoration: none
}
.pc .l-special-colums .colums__group .text-box a:hover {
  text-decoration: underline
}
.l-special-colums--right .colums__group {
  float: right;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0)
}
@media screen and (max-width:900px) {
  .l-special-colums--right .colums__group {
    float: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.l-special-colums--right .colums__group .img-box {
  float: right;
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0)
}
@media screen and (max-width:900px) {
  .l-special-colums--right .colums__group .img-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
@media screen and (max-width:900px) {
  .l-special-colums--right .colums__group .img-box figure figcaption {
    padding-right: 5.06667vw
  }
}
.l-special-colums--right .colums__group .text-box {
  float: left;
  padding: 46px 82px 49px 49px;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0)
}
@media screen and (max-width:900px) {
  .l-special-colums--right .colums__group .text-box {
    float: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.l-special-colums--left .colums__group {
  float: left;
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0)
}
@media screen and (max-width:900px) {
  .l-special-colums--left .colums__group {
    float: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.l-special-colums--left .colums__group .img-box {
  float: left;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0)
}
@media screen and (max-width:900px) {
  .l-special-colums--left .colums__group .img-box {
    float: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.l-special-colums--left .colums__group .img-box figure figcaption {
  margin-left: auto
}
@media screen and (max-width:900px) {
  .l-special-colums--left .colums__group .img-box figure figcaption {
    text-align: left;
    padding-left: 5.06667vw;
    width: auto
  }
}
.l-special-colums--left .colums__group .text-box {
  float: right;
  padding: 46px 48px 49px 96px;
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0)
}
@media screen and (max-width:900px) {
  .l-special-colums--left .colums__group .text-box {
    float: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.l-special-colums--center {
  padding-left: 150px;
  padding-right: 150px
}
@media screen and (max-width:1400px) {
  .l-special-colums--center {
    padding-left: calc(100% - 1250px);
    padding-right: calc(100% - 1250px)
  }
}
@media screen and (max-width:1280px) {
  .l-special-colums--center {
    padding-left: 20px;
    padding-right: 20px
  }
}
@media screen and (max-width:900px) {
  .l-special-colums--center {
    padding-left: 6.66667vw;
    padding-right: 6.66667vw
  }
}
.l-special-colums--center .colums__group {
  max-width: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto
}
@media screen and (max-width:900px) {
  .l-special-colums--center .colums__group {
    display: block
  }
}
.l-special-colums--center .colums__group .text-box {
  width: 50%;
  padding: 45px 48px
}
.l-special-colums--center .colums__group .text-box:first-child {
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0)
}
@media screen and (max-width:900px) {
  .l-special-colums--center .colums__group .text-box:first-child {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 0;
    float: left;
    width: 81.33333vw !important;
    padding-top: 5.86667vw;
    padding-bottom: 6.93333vw;
    padding-left: 6.93333vw;
    padding-right: 6.93333vw
  }
}
.l-special-colums--center .colums__group .text-box:last-child {
  margin-top: 40px;
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0)
}
@media screen and (max-width:900px) {
  .l-special-colums--center .colums__group .text-box:last-child {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 0;
    margin-top: -20px;
    float: right;
    width: 81.33333vw !important;
    padding-top: 5.86667vw;
    padding-bottom: 6.93333vw;
    padding-left: 6.93333vw;
    padding-right: 6.93333vw
  }
}
.l-special-colums__zadan .colums__group .img-box {
  width: 48.8189%
}
@media screen and (max-width:900px) {
  .l-special-colums__zadan .colums__group .img-box {
    width: 100%
  }
}
.l-special-colums__zadan .colums__group .text-box {
  width: 51.1811%
}
@media screen and (max-width:900px) {
  .l-special-colums__zadan .colums__group .text-box {
    width: 84vw;
    padding-top: 5.86667vw !important;
    padding-bottom: 5.86667vw !important;
    padding-left: 5.33333vw !important;
    padding-right: 5.33333vw !important
  }
}
.l-special-link {
  margin-top: 38px;
  padding-bottom: 76px;
  overflow: hidden
}
.l-special-link .u-wrap-1600:nth-of-type(1) .p-list-link__border {
  display: none
}
.l-special-anchor {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-top: 32px
}
@media screen and (max-width:900px) {
  .l-special-anchor {
    background-color: #fff;
    margin-top: 8vw;
    display: block
  }
}
.l-special-anchor--pagelink .icon-circle {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.l-special-anchor li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  margin-right: 1.6%;
  margin-top: 1.6%;
  width: 23.8%
}
@media screen and (max-width:900px) {
  .l-special-anchor li {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%
  }
}
.l-special-anchor li:before {
  background-color: #ccc;
  display: none;
  content: '';
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  width: 88.05%
}
@media screen and (max-width:900px) {
  .l-special-anchor li:before {
    display: block
  }
}
.l-special-anchor li:first-child:before {
  display: none
}
.l-special-anchor li.is-active {
  pointer-events: none
}
.pc .l-special-anchor li {
  will-change: background-color;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}
.pc .l-special-anchor li > a {
  will-change: color;
  -webkit-transition: color .3s;
  transition: color .3s
}
.pc .l-special-anchor li .icon-circle circle {
  will-change: fill;
  -webkit-transition: fill .3s;
  transition: fill .3s
}
.pc .l-special-anchor li .icon-circle line {
  will-change: stroke;
  -webkit-transition: stroke .3s;
  transition: stroke .3s
}
.l-special-anchor li.is-active, .l-special-anchor li.is-hover-on, .pc .l-special-anchor li:hover {
  background-color: #00b4ff
}
.l-special-anchor li.is-active > a span, .l-special-anchor li.is-hover-on > a span, .pc .l-special-anchor li:hover > a span {
  color: #fff
}
.l-special-anchor li.is-active > a .icon-circle circle, .l-special-anchor li.is-hover-on > a .icon-circle circle, .pc .l-special-anchor li:hover > a .icon-circle circle {
  fill: #fff
}
.l-special-anchor li.is-active > a .icon-circle line, .l-special-anchor li.is-hover-on > a .icon-circle line, .pc .l-special-anchor li:hover > a .icon-circle line {
  stroke: #00b4ff
}
.l-special-anchor li:nth-of-type(1), .l-special-anchor li:nth-of-type(2) {
  margin-top: 0
}
.l-special-anchor li:nth-of-type(3), .l-special-anchor li:nth-of-type(4) {
  margin-top: 0
}
.l-special-anchor li:nth-of-type(4n+0) {
  margin-right: 0
}
@media screen and (max-width:900px) {
  .l-special-anchor li:nth-of-type(4n+0) {
    margin-right: auto
  }
}
.l-special-anchor li:last-child {
  margin-right: 0
}
@media screen and (max-width:900px) {
  .l-special-anchor li:last-child {
    border-bottom: none;
    margin-right: auto
  }
}
.l-special-anchor li > a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
  height: 100%;
  width: 100%;
  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;
  text-decoration: none
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-special-anchor li > a {
    padding-left: 1.12903vw;
    padding-right: 1.12903vw;
    padding-top: 1.12903vw;
    padding-bottom: 1.12903vw
  }
}
@media screen and (max-width:900px) {
  .l-special-anchor li > a {
    padding-left: 0;
    padding-right: 0;
    padding-top: 4.26667vw;
    padding-bottom: 4vw;
    margin-left: auto;
    margin-right: auto;
    width: 89.33%
  }
}
.l-special-anchor li > a span {
  font-weight: 700;
  color: #00b4ff;
  font-size: 16px;
  line-height: 1.25
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-special-anchor li > a span {
    font-size: 1.29032vw
  }
}
@media screen and (max-width:900px) {
  .l-special-anchor li > a span {
    font-size: 3.46667vw
  }
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-special-anchor li > a .icon-circle {
    height: 1.93548vw;
    width: 1.93548vw
  }
}
@media screen and (max-width:900px) {
  .l-special-anchor li > a .icon-circle {
    height: 4.53333vw;
    width: 4.53333vw
  }
}
.l-special-anchor li > a .icon-circle circle {
  fill: #00b4ff
}
.l-special-anchor li > a .icon-circle line {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px
}
@media screen and (max-width:900px) {
  .l-special-anchor li > a .icon-circle line {
    stroke-width: .4vw
  }
}
.l-special-img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1060px
}
@media screen and (min-width:900.1px) and (max-width:1100px) {
  .l-special-img {
    padding-left: 1.81818vw;
    padding-right: 1.81818vw
  }
}
@media screen and (max-width:900px) {
  .l-special-img {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 8vw
  }
}
.l-special-img:last-child {
  margin-bottom: 0
}
@media screen and (max-width:900px) {
  .l-special-img--left {
    padding-right: 5.33333vw
  }
  .l-special-img--left figcaption {
    text-align: left
  }
}
.l-special-img--left .img-box {
  margin-left: 0;
  margin-right: auto
}
@media screen and (max-width:900px) {
  .l-special-img--right {
    padding-left: 5.33333vw
  }
  .l-special-img--right figcaption {
    text-align: right
  }
}
.l-special-img--right .img-box {
  margin-left: auto;
  margin-right: 0
}
@media screen and (max-width:900px) {
  .l-special-img--center {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw
  }
  .l-special-img--center figcaption {
    text-align: center
  }
}
.l-special-img--center .img-box {
  margin-left: auto;
  margin-right: auto
}
.l-special-img .img-box {
  width: 69.81%
}
@media screen and (max-width:900px) {
  .l-special-img .img-box {
    width: 100%
  }
}
@media screen and (max-width:900px) {
  .l-special-img .img-box figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}
.l-special-img .img-box figure img {
  width: 100%;
  height: auto
}
.ie .l-special-img .img-box figure img {
  min-height: 1%
}
.l-special-img .img-box figure figcaption {
  font-size: 14px;
  line-height: 24px;
  padding-top: 6px
}
@media screen and (max-width:900px) {
  .l-special-img .img-box figure figcaption {
    font-size: 2.66667vw;
    line-height: 3.2vw;
    padding-top: 0;
    padding-bottom: 2.4vw
  }
}
.l-special-img .img-box figure figcaption:before {
  content: "▲"
}
@media screen and (max-width:900px) {
  .l-special-img .img-box figure figcaption:before {
    content: ""
  }
}
.l-special-video {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1060px
}
@media screen and (min-width:900.1px) and (max-width:1100px) {
  .l-special-video {
    padding-left: 1.81818vw;
    padding-right: 1.81818vw
  }
}
@media screen and (max-width:900px) {
  .l-special-video {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    margin-bottom: 8vw
  }
  .l-special-video figcaption {
    text-align: center
  }
}
.l-special-video:last-child {
  margin-bottom: 0
}
.l-special-video .iframe-box {
  margin-left: auto;
  margin-right: auto;
  width: 69.81%
}
@media screen and (max-width:900px) {
  .l-special-video .iframe-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
  }
}
.l-special-video .iframe-box figure {
  position: relative;
  padding-top: 56.25%
}
.l-special-video .iframe-box figure iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.ie .l-special-video .iframe-box figure iframe {
  min-height: 1%
}
.l-special-video .iframe-box .caption {
  font-size: 14px;
  line-height: 24px;
  padding-top: 6px
}
@media screen and (max-width:900px) {
  .l-special-video .iframe-box .caption {
    font-size: 2.66667vw;
    line-height: 3.2vw;
    padding-top: 0;
    padding-bottom: 2.4vw;
    text-align: center
  }
}
.l-special-video .iframe-box .caption:before {
  content: "▲"
}
@media screen and (max-width:900px) {
  .l-special-video .iframe-box .caption:before {
    content: ""
  }
}
.l-special-list {
  position: relative;
  margin-top: 50px;
  padding-top: 50px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .l-special-list {
    margin-top: 4.03226vw;
    padding-top: 4.03226vw
  }
}
@media screen and (max-width:900px) {
  .l-special-list {
    margin-top: 10.66667vw;
    padding-top: 10.66667vw
  }
}
.u-wrap-1600:first-child .l-special-list {
  margin-top: 0;
  padding-top: 0
}
.l-cate-kv__bg--project {
  background-image: url(../img/special/project/kv_bg.jpg);
  background-size: cover
}
.l-cate-kv__title--project {
  padding-top: 24px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--project {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0
  }
}
.l-cate-kv__title--project .title-main__project {
  height: 88px;
  width: 453px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--project .title-main__project {
    height: 11.73333vw;
    width: 60.4vw;
    margin-left: auto;
    margin-right: auto
  }
}
.l-cate-kv__title--project .title-main__project path {
  fill-rule: evenodd;
  xfill: #fff
}
.l-cate-kv__title--project .title-sub {
  margin-top: 20px;
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--project .title-sub {
    font-size: 2.93333vw;
    text-align: center;
    margin-top: 3.46667vw
  }
}
.l-project-profile {
  pointer-events: none;
  position: absolute;
  top: 16px;
  left: 0;
  height: 584px;
  width: 100%
}
@media screen and (max-width:900px) {
  .l-project-profile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    width: 89.33%;
    margin-left: auto;
    margin-right: auto
  }
}
.l-project-profile .wrapper {
  position: relative;
  height: 584px;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto
}
@media screen and (max-width:900px) {
  .l-project-profile .wrapper {
    height: auto
  }
}
.l-project-intro {
  padding-top: 70px
}
@media screen and (max-width:900px) {
  .l-project-intro {
    padding-top: 8vw
  }
}
.l-project-banner {
  margin-bottom: 100px
}
@media screen and (max-width:900px) {
  .l-project-banner {
    margin-bottom: 13.33333vw
  }
}
.l-project-banner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.l-project-banner ul li {
  margin-top: 1.8%;
  margin-right: 1.8%;
  width: 49.1%
}
.pc .l-project-banner ul li {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.l-project-banner ul li.is-hover-on, .pc .l-project-banner ul li:hover {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
@media screen and (max-width:900px) {
  .l-project-banner ul li {
    margin-top: 2.66667vw;
    margin-right: 0;
    width: 100%
  }
}
.l-project-banner ul li:nth-of-type(2n+0) {
  margin-right: 0
}
.l-project-banner ul li:nth-of-type(1) {
  margin-top: 0
}
.l-project-banner ul li:nth-of-type(2) {
  margin-top: 0
}
@media screen and (max-width:900px) {
  .l-project-banner ul li:nth-of-type(2) {
    margin-top: 2.66667vw
  }
}
.l-project-banner ul li > a > img {
  height: auto;
  width: 100%
}
.l-cate-kv__bg--players-voice {
  background-image: url(../img/news/kv_bg.jpg);
  background-size: cover
}
.l-cate-kv__title--voice {
  padding-top: 24px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--voice {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0
  }
}
.l-cate-kv__title--voice .title-main__voice {
  height: 88px;
  width: 444px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--voice .title-main__voice {
    height: 11.73333vw;
    width: 59.2vw;
    margin-left: auto;
    margin-right: auto
  }
}
.l-cate-kv__title--voice .title-main__voice path {
  fill-rule: evenodd;
  xfill: #fff
}
.l-cate-kv__title--voice .title-sub {
  margin-top: 20px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--voice .title-sub {
    font-size: 2.93333vw;
    text-align: center;
    margin-top: 3.46667vw
  }
}
.l-voice-main {
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 26px;
  margin-bottom: 16px;
  max-width: 1280px
}
@media screen and (max-width:900px) {
  .l-voice-main {
    padding-left: 0;
    padding-right: 0;
    margin-top: 7.46667vw;
    margin-bottom: 5.33333vw;
    width: 89.33%
  }
}
.l-voice-main__wrap {
  background-color: #fff;
  width: 100%
}
.l-cate-kv--interview {
  height: 600px
}
@media screen and (max-width:900px) {
  .l-cate-kv--interview {
    height: 81.86667vw
  }
}
.l-cate-kv__bg--interview {
  height: 584px
}
@media screen and (max-width:900px) {
  .l-cate-kv__bg--interview {
    height: 80.53333vw
  }
}
.l-cate-kv__bg .bg-image-sp {
  height: 100%;
  width: 100%
}
.l-cate-kv__bg--interview2 {
  background-image: url(../img/special/interview/kv_bg.jpg);
  background-size: cover
}
@media screen and (max-width:900px) {
  .l-cate-kv__bg--interview2 {
    background-image: url(../img/special/interview/kv_bg_sp.jpg);
    background-size: cover
  }
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--interview2 {
    padding-top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0
  }
}
.l-cate-kv__title--interview2 .title-main__interview {
  height: 89px;
  width: 612px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--interview2 .title-main__interview {
    height: 11.86667vw;
    width: 81.6vw;
    margin-left: auto;
    margin-right: auto
  }
}
.l-cate-kv__title--interview2 .title-main__interview path {
  fill-rule: evenodd;
  xfill: #fff
}
.l-cate-kv__title--interview2 .title-sub {
  margin-top: 20px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--interview2 .title-sub {
    font-size: 2.93333vw;
    text-align: center;
    margin-top: 3.46667vw
  }
}
.l-interview-profile {
  pointer-events: none;
  position: absolute;
  top: 16px;
  left: 0;
  height: 584px;
  width: 100%
}
@media screen and (max-width:900px) {
  .l-interview-profile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    width: 89.33%;
    margin-left: auto;
    margin-right: auto
  }
}
.l-interview-profile .wrapper {
  position: relative;
  height: 584px;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto
}
@media screen and (max-width:900px) {
  .l-interview-profile .wrapper {
    height: auto
  }
}
.l-interview-main {
  position: relative;
  padding-top: 70px;
  margin-bottom: 80px
}
@media screen and (max-width:900px) {
  .l-interview-main {
    padding-top: 6.13333vw;
    margin-bottom: 10.66667vw
  }
}
.l-interview-main .l-interview-chapters .l-interview-chapter {
  margin-bottom: 78px
}
.l-interview-main .l-interview-chapters .l-interview-chapter:last-child {
  margin-bottom: 0
}
@media screen and (max-width:900px) {
  .l-interview-main .l-interview-chapters .l-interview-chapter {
    margin-bottom: 20.8vw
  }
  .l-interview-main .l-interview-chapters .l-interview-chapter:last-child {
    margin-bottom: 0
  }
}
@media screen and (max-width:900px) {
  .l-interview-main .l-special-colums .colums__group .img-box {
    width: 100%;
    margin-top: 0;
    z-index: 0
  }
  .l-interview-main .l-special-colums .colums__group .img-box figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .l-interview-main .l-special-colums .colums__group .img-box figure figcaption {
    padding-top: 0;
    padding-bottom: 2.4vw
  }
  .l-interview-main .l-special-colums .colums__group .img-box figure figcaption:before {
    content: ""
  }
  .l-interview-main .l-special-colums .colums__group .text-box {
    width: 84vw;
    margin-top: -20px
  }
  .l-interview-main .l-special-colums .colums__group .text-box:first-child {
    margin-top: 0
  }
  .l-interview-main .l-special-colums--right {
    padding-left: 5.33333vw
  }
  .l-interview-main .l-special-colums--right .colums__group .img-box figure figcaption {
    padding-right: 5.06667vw
  }
  .l-interview-main .l-special-colums--right .colums__group .text-box {
    padding-top: 5.33333vw;
    padding-bottom: 5.86667vw;
    padding-left: 6.93333vw;
    padding-right: 6.93333vw
  }
  .l-interview-main .l-special-colums--left {
    padding-right: 5.33333vw
  }
  .l-interview-main .l-special-colums--left .colums__group .img-box figure figcaption {
    padding-left: 5.06667vw
  }
  .l-interview-main .l-special-colums--left .colums__group .text-box {
    padding-top: 5.33333vw;
    padding-bottom: 5.86667vw;
    padding-left: 6.93333vw;
    padding-right: 6.93333vw
  }
}
.l-cate-kv__bg--history {
  background-image: url(../img/kv_bg.jpg);
  background-size: cover
}
.l-cate-kv__title--history {
  padding-top: 24px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--history {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0
  }
}
.l-cate-kv__title--history .title-main {
  width: 471px;
  height: 50px;
  background-image: url(../img/kv_title.png);
  background-size: contain;
  line-height: 9999px;
  text-indent: -1000%;
  xwhite-space: nowrap;
  overflow: hidden
}

@media screen and (max-width:900px) {
  .l-cate-kv__title--history .title-main {
    width: 62.8vw;
    height: 6.66667vw
  }
}
.l-cate-kv__title--history .title-sub {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  margin-top: 7px;
  letter-spacing: .6em;
  padding-left: 20px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--history .title-sub {
    font-size: 3.2vw;
    line-height: 1;
    margin-top: 2.13333vw;
    padding-left: 1.6vw
  }
}
.l-cate-kv__title--history .title-lead {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-top: 14px;
  text-align: center;
  padding-left: 10px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--history .title-lead {
    font-size: 2.93333vw;
    line-height: 1.545;
    margin-top: 3.2vw;
    padding-left: 2.13333vw
  }
}
.l-history-main {
  position: relative;
  padding-top: 26px;
  margin-bottom: 16px
}
@media screen and (max-width:900px) {
  .l-history-main {
    padding-top: 10.13333vw;
    margin-bottom: 5.33333vw
  }
}
.l-history-main .l-special-colums--left .colums__group .text-box {
  padding: 44px 42px 46px 84px
}
@media screen and (max-width:900px) {
  .l-history-main .l-special-colums .colums__group .img-box {
    width: 100%;
    margin-top: 4vw;
    z-index: 0
  }
  .l-history-main .l-special-colums .colums__group .img-box figure figcaption {
    padding-top: 1.86667vw
  }
  .l-history-main .l-special-colums .colums__group .text-box {
    width: 86.66667vw
  }
  .l-history-main .l-special-colums--right .colums__group .img-box {
    padding-left: 6.66667vw
  }
  .l-history-main .l-special-colums--right .colums__group .img-box figure figcaption {
    padding-right: 6.66667vw
  }
  .l-history-main .l-special-colums--right .colums__group .text-box {
    padding-top: 5.86667vw;
    padding-bottom: 6.93333vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw
  }
  .l-history-main .l-special-colums--left .colums__group .img-box {
    padding-right: 6.66667vw
  }
  .l-history-main .l-special-colums--left .colums__group .img-box figure figcaption {
    padding-left: 6.66667vw
  }
  .l-history-main .l-special-colums--left .colums__group .text-box {
    padding-top: 5.86667vw;
    padding-bottom: 6.93333vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw
  }
}
.l-cate-kv__bg--rolling {
  background-image: url(../img/special/rolling/kv_bg.jpg);
  background-size: cover
}
@media screen and (max-width:900px) {
  .l-cate-kv__bg--rolling {
    background-image: url(../img/special/rolling/kv_bg_sp.jpg);
    background-size: cover
  }
}
.l-cate-kv__title--rolling {
  padding-top: 20px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--rolling {
    padding-top: 0;
    padding-bottom: 2.66667vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0
  }
}
.l-cate-kv__title--rolling .title-main {
  width: 630px;
  height: 185px;
  background-image: url(../img/special/rolling/kv_title.png);
  background-size: contain;
  line-height: 9999px;
  text-indent: -1000%;
  white-space: nowrap;
  overflow: hidden
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--rolling .title-main {
    width: 74vw;
    height: 21.73333vw;
    margin-left: 9.6vw
  }
}
.l-cate-kv__title--rolling .title-sub {
  color: #000;
  margin-top: 6px
}
@media screen and (max-width:900px) {
  .l-cate-kv__title--rolling .title-sub {
    text-align: center;
    margin-top: 2.13333vw
  }
}
.l-rolling-main {
  position: relative;
  padding-top: 26px;
  margin-bottom: 30px
}
@media screen and (max-width:900px) {
  .l-rolling-main {
    padding-top: 10.13333vw;
    margin-bottom: 9.06667vw
  }
}
.l-rolling-main .l-special-colums--left .colums__group .text-box {
  padding: 44px 42px 46px 84px
}
@media screen and (max-width:900px) {
  .l-rolling-main .l-special-colums .colums__group .img-box {
    width: 100%;
    margin-top: 4vw;
    z-index: 0
  }
  .l-rolling-main .l-special-colums .colums__group .img-box figure figcaption {
    padding-top: 1.86667vw
  }
  .l-rolling-main .l-special-colums .colums__group .text-box {
    width: 86.66667vw
  }
  .l-rolling-main .l-special-colums--right .colums__group .img-box {
    padding-left: 6.66667vw
  }
  .l-rolling-main .l-special-colums--right .colums__group .img-box figure figcaption {
    padding-right: 6.66667vw
  }
  .l-rolling-main .l-special-colums--right .colums__group .text-box {
    padding-top: 5.86667vw;
    padding-bottom: 6.93333vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw
  }
  .l-rolling-main .l-special-colums--left .colums__group .img-box {
    padding-right: 6.66667vw
  }
  .l-rolling-main .l-special-colums--left .colums__group .img-box figure figcaption {
    padding-left: 6.66667vw
  }
  .l-rolling-main .l-special-colums--left .colums__group .text-box {
    padding-top: 5.86667vw;
    padding-bottom: 6.93333vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw
  }
}
.l-company-main {
  position: relative;
  padding-top: 26px;
  margin-bottom: 82px
}
@media screen and (max-width:900px) {
  .l-company-main {
    padding-top: 10.13333vw;
    margin-bottom: 13.33333vw
  }
}
.l-company-main--profile {
  padding-top: 32px;
  margin-bottom: 82px
}
@media screen and (max-width:900px) {
  .l-company-main--profile {
    padding-top: 8vw;
    margin-bottom: 13.33333vw
  }
}
.l-company-main--notice {
  padding-top: 32px;
  margin-bottom: 65px
}
@media screen and (max-width:900px) {
  .l-company-main--notice {
    padding-top: 8vw;
    margin-bottom: 10.13333vw
  }
}
.l-recruit-main {
  position: relative;
  padding-top: 30px;
  margin-bottom: 60px
}
@media screen and (max-width:900px) {
  .l-recruit-main {
    padding-top: 5.06667vw;
    margin-bottom: 9.6vw
  }
}
.l-recruit-main--detail {
  margin-bottom: 80px
}
@media screen and (max-width:900px) {
  .l-recruit-main--detail {
    padding-top: 8vw;
    margin-bottom: 13.33333vw
  }
}
.l-recruit-main .l-recruit-list {
  margin-bottom: 40px
}
.l-recruit-main .l-recruit-list:last-child {
  margin-bottom: 0
}
@media screen and (max-width:900px) {
  .l-recruit-main .l-recruit-list {
    margin-bottom: 5.33333vw
  }
  .l-recruit-main .l-recruit-list:last-child {
    margin-bottom: 0
  }
}
.p-sic-logo {
  color: #000
}
.p-sic-logo--head {
  height: 52px;
  width: 107px
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .p-sic-logo--head {
    height: 4.33333vw;
    width: 8.91667vw
  }
}
@media screen and (max-width:900px) {
  .p-sic-logo--head {
    height: 33px;
    width: 67px
  }
}
.p-sic-logo--404 {
  height: 52px;
  width: 107px
}
@media screen and (max-width:900px) {
  .p-sic-logo--404 {
    height: 11.46667vw;
    width: 23.6vw
  }
}
.p-sic-logo .cls-1 {
  fill: #595858
}
.p-sic-logo .cls-2 {
  fill: #fff
}
.p-sic-logo .cls-3 {
  fill: #0082ca
}
.p-loading {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  padding: 6px;
  z-index: 101;
  visibility: hidden
}
.p-loading.is-animate {
  visibility: visible;
  -webkit-animation: flashing 50ms linear 0s infinite alternate;
  animation: flashing 50ms linear 0s infinite alternate
}
.p-loading > p {
  color: #fff;
  font-size: 14px;
  letter-spacing: .08em
}
@-webkit-keyframes flashing {
  0% {
    opacity: .5
  }
  100% {
    opacity: 1
  }
}
@keyframes flashing {
  0% {
    opacity: .5
  }
  100% {
    opacity: 1
  }
}
.p-pagetop {
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 48px;
  width: 48px;
  position: fixed;
  bottom: 20px;
  right: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1000;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity .3s cubic-bezier(.23, .69, .52, .92), -webkit-transform .3s cubic-bezier(.23, .69, .52, .92);
  transition: opacity .3s cubic-bezier(.23, .69, .52, .92), -webkit-transform .3s cubic-bezier(.23, .69, .52, .92);
  transition: transform .3s cubic-bezier(.23, .69, .52, .92), opacity .3s cubic-bezier(.23, .69, .52, .92);
  transition: transform .3s cubic-bezier(.23, .69, .52, .92), opacity .3s cubic-bezier(.23, .69, .52, .92), -webkit-transform .3s cubic-bezier(.23, .69, .52, .92)
}
@media screen and (max-width:900px) {
  .p-pagetop {
    right: 20px;
    bottom: 20px
  }
}
.p-pagetop.is-hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 68px);
  transform: translate(0, 68px);
  -webkit-transition: opacity .3s cubic-bezier(.23, .69, .52, .92), visibility .3s, -webkit-transform .3s cubic-bezier(.23, .69, .52, .92);
  transition: opacity .3s cubic-bezier(.23, .69, .52, .92), visibility .3s, -webkit-transform .3s cubic-bezier(.23, .69, .52, .92);
  transition: transform .3s cubic-bezier(.23, .69, .52, .92), opacity .3s cubic-bezier(.23, .69, .52, .92), visibility .3s;
  transition: transform .3s cubic-bezier(.23, .69, .52, .92), opacity .3s cubic-bezier(.23, .69, .52, .92), visibility .3s, -webkit-transform .3s cubic-bezier(.23, .69, .52, .92)
}
.p-pagetop__circle {
  background: #00b4ff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 24px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.p-pagetop svg {
  position: relative;
  height: 22px;
  width: 23px
}
.p-pagetop svg .cls-1 {
  fill: #fff
}
.p-large-link {
  margin-top: 50px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link {
    margin-top: 4.03226vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link {
    margin-top: 6.66667vw
  }
}
.p-large-link--splist {
  margin-top: -20px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link--splist {
    margin-top: -1.6129vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link--splist {
    margin-top: 4vw
  }
}
.p-large-link--splist:first-child {
  margin-top: 0
}
.p-large-link:first-child {
  margin-top: 0
}
.p-large-link__wrap {
  height: 652px;
  width: 100%;
  position: relative
}
@media screen and (max-width:1599px) {
  .p-large-link__wrap {
    height: 480px
  }
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__wrap {
    height: 38.70968vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__wrap {
    height: auto
  }
}
.p-large-link__wrap:before {
  float: right;
  content: '';
  display: block;
  height: 100%;
  width: 298px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__wrap:before {
    width: 24.03226vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__wrap:before {
    float: none;
    display: none
  }
}
.p-large-link__wrap:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden
}
.p-large-link.is-enter-from {
  visibility: hidden
}
.p-large-link.is-enter-from .box-blue {
  opacity: 0;
  -webkit-transform: translate(-23%, 0);
  transform: translate(-23%, 0)
}
.p-large-link.is-enter-from .p-large-link__white {
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0)
}
.p-large-link.is-enter-active .box-thumb__img {
  visibility: hidden
}
.p-large-link.is-enter-active .box-thumb__cover {
  visibility: visible;
  -webkit-transform: translate(-101%, 0);
  transform: translate(-101%, 0)
}
.p-large-link.is-enter-to {
  visibility: visible
}
.p-large-link.is-enter-to .box-blue {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .46s, -webkit-transform .42s cubic-bezier(.215, .61, .355, 1) .46s;
  transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .46s, -webkit-transform .42s cubic-bezier(.215, .61, .355, 1) .46s;
  transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .46s, transform .42s cubic-bezier(.215, .61, .355, 1) .46s;
  transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .46s, transform .42s cubic-bezier(.215, .61, .355, 1) .46s, -webkit-transform .42s cubic-bezier(.215, .61, .355, 1) .46s
}
.p-large-link.is-enter-to .p-large-link__white {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .67s, -webkit-transform .42s cubic-bezier(.215, .61, .355, 1) .67s;
  transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .67s, -webkit-transform .42s cubic-bezier(.215, .61, .355, 1) .67s;
  transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .67s, transform .42s cubic-bezier(.215, .61, .355, 1) .67s;
  transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .67s, transform .42s cubic-bezier(.215, .61, .355, 1) .67s, -webkit-transform .42s cubic-bezier(.215, .61, .355, 1) .67s
}
.p-large-link:nth-child(even).is-enter-from {
  visibility: hidden
}
.p-large-link:nth-child(even).is-enter-from .box-blue {
  opacity: 0;
  -webkit-transform: translate(23%, 0);
  transform: translate(23%, 0)
}
.p-large-link:nth-child(even).is-enter-from .p-large-link__white {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0)
}
.p-large-link:nth-child(even) .p-large-link__wrap:before {
  float: left
}
.p-large-link:nth-child(even) .p-large-link__thumb {
  float: right;
  padding-right: 0;
  padding-left: 298px;
  margin-right: 0;
  margin-left: -298px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link:nth-child(even) .p-large-link__thumb {
    padding-right: 0;
    padding-left: 24.03226vw;
    margin-right: 0;
    margin-left: -24.03226vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link:nth-child(even) .p-large-link__thumb {
    float: none;
    padding-left: 0;
    margin-left: auto
  }
}
.p-large-link:nth-child(even) .p-large-link__thumb .box-blue {
  left: auto;
  right: 40px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link:nth-child(even) .p-large-link__thumb .box-blue {
    right: 3.22581vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link:nth-child(even) .p-large-link__thumb .box-blue {
    right: auto;
    margin-left: 0;
    margin-right: auto
  }
}
.p-large-link:nth-child(even) .p-large-link__white {
  right: auto;
  left: 0
}
@media screen and (max-width:900px) {
  .p-large-link:nth-child(even) .p-large-link__white {
    margin-left: 0;
    margin-right: auto
  }
}
.p-large-link:nth-child(even) .p-large-link__white .box-bg {
  right: auto;
  left: 0;
  margin-top: -90px;
  margin-right: auto;
  margin-left: -14px;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link:nth-child(even) .p-large-link__white .box-bg {
    margin-top: -7.25806vw;
    margin-left: -1.12903vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link:nth-child(even) .p-large-link__white .box-bg {
    margin-top: -12vw;
    margin-left: -1.86667vw
  }
}
.p-large-link:nth-child(even) .p-large-link__white .box-article {
  margin-left: 96px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link:nth-child(even) .p-large-link__white .box-article {
    margin-left: 7.74194vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link:nth-child(even) .p-large-link__white .box-article {
    margin-left: 13.33333vw
  }
}
.p-large-link:nth-child(even) .p-large-link__white .btn-more {
  left: 106px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link:nth-child(even) .p-large-link__white .btn-more {
    left: 8.54839vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link:nth-child(even) .p-large-link__white .btn-more {
    left: auto;
    margin-left: 13.33333vw
  }
}
.p-large-link__thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  position: relative;
  padding-top: 56px;
  padding-right: 298px;
  margin-right: -298px;
  width: 100%;
  text-decoration: none
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__thumb {
    padding-top: 4.51613vw;
    padding-right: 24.03226vw;
    margin-right: -24.03226vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__thumb {
    float: none;
    padding-top: 0;
    padding-right: 0;
    margin-right: 0;
    height: auto;
    width: 94.6%
  }
}
.p-large-link__thumb.is-hover-on .box-thumb, .pc .p-large-link__thumb:hover .box-thumb {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
.p-large-link__thumb .box-blue {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #00b4ff;
  height: 170px;
  width: 170px;
  padding-top: 20px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 40px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__thumb .box-blue {
    left: 3.22581vw;
    padding-top: 1.6129vw;
    height: 13.70968vw;
    width: 13.70968vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__thumb .box-blue {
    position: relative;
    height: 14.66667vw;
    width: 53.5%;
    top: auto;
    left: auto;
    margin-left: auto;
    margin-bottom: -2.66667vw;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
.p-large-link__thumb .box-blue > h2 {
  font-weight: 700;
  color: #fff;
  font-size: 24px;
  margin-left: 18px;
  line-height: 1.182
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__thumb .box-blue > h2 {
    font-size: 1.93548vw;
    margin-left: 1.45161vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__thumb .box-blue > h2 {
    font-size: 4vw;
    margin-left: 2.66667vw
  }
}
.p-large-link--custom .p-large-link__thumb .box-blue > h2 {
  font-size: 22px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link--custom .p-large-link__thumb .box-blue > h2 {
    font-size: 1.77419vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link--custom .p-large-link__thumb .box-blue > h2 {
    font-size: 4vw
  }
}
.p-large-link__thumb .box-blue > h3 {
  font-weight: 700;
  color: #fff;
  font-size: 18px;
  margin-left: 18px;
  line-height: 1.2
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__thumb .box-blue > h3 {
    font-size: 1.45161vw;
    margin-left: 1.45161vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__thumb .box-blue > h3 {
    font-size: 4vw;
    margin-left: 2.66667vw
  }
}
.p-large-link__thumb .box-blue > p {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #fff;
  font-size: 16px;
  margin-top: 7px;
  margin-left: 18px;
  line-height: 1.35
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__thumb .box-blue > p {
    font-size: 1.29032vw;
    margin-top: .56452vw;
    margin-left: 1.45161vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__thumb .box-blue > p {
    font-size: 2.66667vw;
    margin-left: 2.66667vw;
    margin-top: 1.06667vw;
    line-height: 1
  }
  .p-large-link__thumb .box-blue > p br {
    display: none
  }
}
.p-large-link__thumb .box-blue .icon-arrow {
  background: url(../img/common/icon_arrow_blue1.png) no-repeat left top;
  background-size: 100% 100%;
  display: block;
  height: 68px;
  width: 69px;
  position: absolute;
  bottom: 0;
  right: 0
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__thumb .box-blue .icon-arrow {
    height: 5.48387vw;
    width: 5.56452vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__thumb .box-blue .icon-arrow {
    height: 9.06667vw;
    width: 9.2vw;
    bottom: 2.8vw
  }
}
.p-large-link__thumb .box-thumb {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 6px;
  overflow: hidden
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__thumb .box-thumb {
    padding: .48387vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__thumb .box-thumb {
    position: relative;
    height: auto;
    padding: 0
  }
}
.p-large-link__thumb .box-thumb:before {
  position: relative;
  content: '';
  display: block;
  padding-top: 43.05%;
  top: 0;
  left: 0;
  width: 100%
}
@media screen and (max-width:900px) {
  .p-large-link__thumb .box-thumb:before {
    display: none
  }
}
.p-large-link__thumb .box-thumb__cover {
  background-color: #00b4ff;
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  visibility: hidden
}
.p-large-link__thumb .box-thumb__img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 6px #fff;
  display: block;
  height: auto;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__thumb .box-thumb__img {
    border: solid .48387vw #fff
  }
}
@media screen and (max-width:900px) {
  .p-large-link__thumb .box-thumb__img {
    position: relative;
    border: none
  }
}
.p-large-link__thumb .box-machine {
  position: absolute;
  bottom: 0;
  right: 0
}
@media screen and (max-width:900px) {
  .p-large-link__thumb .box-machine {
    bottom: -3.2vw;
    right: -1.33333vw;
    height: 30.93333vw;
    width: auto;
    z-index: 1
  }
}
.p-large-link__white {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 374px;
  width: 348px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-decoration: none
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__white {
    height: 30.16129vw;
    width: 28.06452vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__white {
    position: relative;
    height: auto;
    width: 94.6%;
    margin-left: auto
  }
}
.p-large-link__white .box-machine {
  position: absolute;
  bottom: 0;
  right: 100%;
  padding-right: 18px;
  margin-bottom: -14px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__white .box-machine {
    padding-right: 1.45161vw;
    margin-bottom: -1.12903vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__white .box-machine {
    bottom: 92.8%;
    right: -2.66667vw;
    height: 22.93333vw;
    width: auto;
    padding-right: 4vw;
    padding-bottom: 0
  }
}
.p-large-link__white .box-white {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden
}
.pc .p-large-link__white .box-white {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.p-large-link__white .box-white.is-hover-on, .pc .p-large-link__white .box-white:hover {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
@media screen and (max-width:900px) {
  .p-large-link__white .box-white {
    padding-bottom: 5.33333vw
  }
}
.p-large-link__white .box-bg {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #eee;
  font-size: 84px;
  line-height: 1;
  width: 200%;
  position: absolute;
  top: 0;
  right: -200%;
  margin-top: -5px;
  margin-right: -12px;
  white-space: nowrap;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__white .box-bg {
    font-size: 6.77419vw;
    margin-top: -.40323vw;
    margin-right: -.96774vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__white .box-bg {
    font-size: 11.2vw;
    letter-spacing: -.02em
  }
}
.p-large-link__white .box-article {
  font-weight: 400;
  color: #000;
  font-size: 15px;
  line-height: 1.867;
  margin-top: 40px;
  margin-left: 40px;
  position: relative
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__white .box-article {
    font-size: 1.20968vw;
    margin-top: 3.22581vw;
    margin-left: 3.22581vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__white .box-article {
    font-size: 3.46667vw;
    line-height: 1.394;
    margin-top: 5.33333vw;
    margin-left: 5.06667vw
  }
}
.p-large-link__white .box-article2 {
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 20px;
  position: relative
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__white .box-article2 {
    margin-top: 3.22581vw;
    margin-left: 3.22581vw;
    margin-right: 1.6129vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__white .box-article2 {
    margin-top: 5.33333vw;
    margin-left: 5.06667vw;
    margin-right: 2.66667vw
  }
}
.p-large-link__white .box-article2 > h3 {
  font-weight: 400;
  color: #000;
  font-size: 17px;
  line-height: 1.867;
  margin-bottom: 10px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__white .box-article2 > h3 {
    font-size: 1.37097vw;
    margin-bottom: .64516vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__white .box-article2 > h3 {
    font-size: 4.53333vw;
    line-height: 1.394;
    margin-bottom: 2.66667vw
  }
}
.p-large-link__white .box-article2 > p {
  font-weight: 400;
  color: #000;
  font-size: 15px;
  line-height: 1.867
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__white .box-article2 > p {
    font-size: 1.20968vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__white .box-article2 > p {
    font-size: 3.46667vw;
    line-height: 1.394
  }
}
.p-large-link__white .btn-more {
  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-bottom: 5px;
  width: 56px;
  position: absolute;
  bottom: 39px;
  left: 50px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__white .btn-more {
    padding-bottom: .40323vw;
    width: 4.51613vw;
    bottom: 3.14516vw;
    left: 4.03226vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__white .btn-more {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 5.6vw;
    margin-left: 5.06667vw;
    padding-bottom: 1.33333vw;
    width: 11.2vw
  }
}
.p-large-link__white .btn-more:after {
  background-color: #00b4ff;
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}
@media screen and (max-width:900px) {
  .p-large-link__white .btn-more:after {
    height: .53333vw
  }
}
.p-large-link__white .btn-more > span {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  display: block;
  color: #00b4ff;
  font-size: 16px;
  position: relative
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-large-link__white .btn-more > span {
    font-size: 1.29032vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__white .btn-more > span {
    font-size: 3.2vw
  }
}
@media screen and (max-width:900px) {
  .p-large-link__white .btn-more > svg {
    height: 1.46667vw;
    width: 1.46667vw
  }
}
.p-large-link__white .btn-more > svg path {
  fill-rule: evenodd;
  fill: #00b4ff
}
.p-list-link {
  position: relative;
  margin-top: 50px;
  padding-top: 50px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link {
    margin-top: 4.03226vw;
    padding-top: 4.03226vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link {
    margin-top: 10.66667vw;
    padding-top: 10.66667vw
  }
}
.p-list-link__banner {
  text-align: center;
  margin-top: 20px
}
@media screen and (max-width:900px) {
  .p-list-link__banner {
    margin-top: 5.33333vw
  }
  .p-list-link__banner a.banner > img {
    height: auto;
    width: 100%
  }
}
.pc .p-list-link__banner a.banner > img {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.p-list-link__banner a.banner > img.is-hover-on, .pc .p-list-link__banner a.banner > img:hover {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
@media screen and (max-width:900px) {
  .p-list-link--hide-over4 .p-list-link__entry > li:nth-child(n+5), .p-list-link--hide-over4 .p-list-link__thumb > li:nth-child(n+5) {
    display: none
  }
}
.u-wrap-1200:first-child .p-list-link, .u-wrap-1600:first-child .p-list-link {
  margin-top: 0;
  padding-top: 0
}
.p-list-link__border {
  background-color: #bbb;
  height: 1px;
  width: 1200px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__border {
    width: 96.77419vw;
    margin-left: -48.3871vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link__border {
    width: 89.33333vw;
    margin-left: -44.66667vw
  }
}
.p-list-link__title {
  text-align: center
}
.p-list-link__title--blue .title-sub {
  color: #00b4ff
}
.p-list-link__title--blue .title-main {
  color: #00b4ff
}
.p-list-link__title--blue .title-main:after {
  background-color: #00b4ff
}
.p-list-link__title--blue .title-main svg path {
  fill-rule: evenodd;
  fill: #00b4ff
}
.p-list-link__title--orage .title-sub {
  color: #ff8400
}
.p-list-link__title--orage .title-main {
  color: #ff8400
}
.p-list-link__title--orage .title-main:after {
  background-color: #ff8400
}
.p-list-link__title--orage svg path {
  fill-rule: evenodd;
  fill: #ff8400
}
.p-list-link__title--green .title-sub {
  color: #d6563d
}
.p-list-link__title--green .title-main {
  color: #d6563d
}
.p-list-link__title--green .title-main:after {
  background-color: #d6563d
}
.p-list-link__title--green .title-main svg path {
  fill-rule: evenodd;
  fill: #d6563d
}
.p-list-link__title .title-sub {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  font-size: 16px;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-list-link__title .title-sub {
    font-size: 2.93333vw
  }
}
.p-list-link__title .title-main {
  font-weight: 700;
  display: inline-block;
  font-size: 28px;
  line-height: 1.5;
  text-align: center;
  padding-bottom: 22px;
  position: relative
}
@media screen and (max-width:900px) {
  .p-list-link__title .title-main {
    font-size: 5.86667vw;
    padding-bottom: 2.93333vw;
    margin-left: auto;
    margin-right: auto;
    width: 97%
  }
}
.p-list-link__title .title-main:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0
}
@media screen and (max-width:900px) {
  .p-list-link__title .title-main:after {
    height: .8vw
  }
}
.p-list-link__title .title-main__interview {
  height: 71px;
  width: 470px
}
@media screen and (max-width:900px) {
  .p-list-link__title .title-main__interview {
    height: 11.86667vw;
    width: 78.8vw;
    margin-left: auto;
    margin-right: auto
  }
}
.p-list-link__title .title-main__interview path {
  fill-rule: evenodd;
  fill: #00b4ff
}
.p-list-link__title .title-main__history-topics {
  height: 75px;
  width: 362px
}
@media screen and (max-width:900px) {
  .p-list-link__title .title-main__history-topics {
    height: 12.13333vw;
    width: 58.66667vw;
    margin-left: auto;
    margin-right: auto
  }
}
.p-list-link__title .title-main__history-topics path {
  fill-rule: evenodd;
  fill: #d6563d
}
.p-list-link__title .title-main__project {
  height: 68px;
  width: 348px
}
@media screen and (max-width:900px) {
  .p-list-link__title .title-main__project {
    height: 11.86667vw;
    width: 60.66667vw;
    margin-left: auto;
    margin-right: auto
  }
}
.p-list-link__title .title-main__project path {
  fill-rule: evenodd;
  fill: #00b4ff
}
.p-list-link__title .title-main__voice {
  height: 74px;
  width: 341px
}
@media screen and (max-width:900px) {
  .p-list-link__title .title-main__voice {
    height: 13.06667vw;
    width: 60vw;
    margin-left: auto;
    margin-right: auto
  }
}
.p-list-link__title .title-main__voice path {
  fill-rule: evenodd;
  fill: #00b4ff
}
.p-list-link__title .title-main__gamecenter {
  height: 75px;
  width: 302px
}
@media screen and (max-width:900px) {
  .p-list-link__title .title-main__gamecenter {
    height: 12.13333vw;
    width: 49.06667vw;
    margin-left: auto;
    margin-right: auto
  }
}
.p-list-link__title .title-main__gamecenter path {
  fill-rule: evenodd;
  fill: #00b4ff
}
.p-list-link__title .title-img {
  text-align: center
}
@media screen and (max-width:900px) {
  .p-list-link__title .title-img__rolling {
    height: 23.46667vw;
    width: 69.6vw
  }
}
.p-list-link__title .caption {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin-top: 18px
}
@media screen and (max-width:900px) {
  .p-list-link__title .caption {
    font-size: 3.2vw;
    line-height: 1.41;
    margin-top: 3.46667vw
  }
}
.p-list-link__title .caption > span {
  font-weight: 400;
  font-size: 12px
}
@media screen and (max-width:900px) {
  .p-list-link__title .caption > span {
    font-size: 2.66667vw
  }
}
.p-list-link__entry {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.p-list-link--hide-over4 .p-list-link__entry {
  margin-top: 20px
}
@media screen and (max-width:900px) {
  .p-list-link__entry {
    margin-top: 5.06667vw
  }
}
.p-list-link__entry--blue .box-thumb__title > p {
  color: #00b4ff
}
.p-list-link__entry--blue .icon-circle circle {
  fill: #00b4ff
}
.p-list-link__entry--orange .box-thumb__title > p {
  color: #ff8400
}
.p-list-link__entry--orange .icon-circle circle {
  fill: #ff8400
}
.p-list-link__entry--green .box-thumb__title > p {
  color: #d6563d
}
.p-list-link__entry--green .icon-circle circle {
  fill: #d6563d
}
.p-list-link__entry li {
  background: #fff;
  margin-right: 1.6%;
  margin-top: 1.6%;
  width: 23.8%
}
.pc .p-list-link__entry li {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.p-list-link__entry li.is-hover-on, .pc .p-list-link__entry li:hover {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
@media screen and (max-width:900px) {
  .p-list-link__entry li {
    margin-right: 4.6%;
    margin-top: 4.6%;
    width: 47.7%
  }
}
.p-list-link__entry li:nth-of-type(1), .p-list-link__entry li:nth-of-type(2) {
  margin-top: 0
}
.p-list-link__entry li:nth-of-type(3), .p-list-link__entry li:nth-of-type(4) {
  margin-top: 0
}
@media screen and (max-width:900px) {
  .p-list-link__entry li:nth-of-type(3), .p-list-link__entry li:nth-of-type(4) {
    margin-top: 4.6%
  }
}
.p-list-link__entry li:nth-of-type(4n+0) {
  margin-right: 0
}
@media screen and (max-width:900px) {
  .p-list-link__entry li:nth-of-type(2n+0) {
    margin-right: 0
  }
}
.p-list-link__entry li:last-child {
  margin-right: 0
}
.p-list-link__entry li > a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  padding-bottom: 10px;
  position: relative;
  text-decoration: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__entry li > a {
    padding-bottom: .80645vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link__entry li > a {
    padding-bottom: 2.66667vw
  }
}
.p-list-link__entry li .icon-new {
  display: block;
  width: 18.24%;
  position: absolute;
  left: 0;
  top: 0
}
@media screen and (max-width:900px) {
  .p-list-link__entry li .icon-new {
    width: 24.375%
  }
}
.p-list-link__entry li .icon-new:after {
  content: "";
  display: block;
  background-image: url(../img/common/icon_new_l.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.p-list-link__entry li .box-thumb {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.1%;
  width: 95.8%
}
@media screen and (max-width:900px) {
  .p-list-link__entry li .box-thumb {
    margin-top: 2.5%;
    width: 95%
  }
}
.p-list-link__entry li .box-thumb__img {
  height: auto;
  width: 100%
}
.p-list-link__entry li .box-thumb__title {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  width: 94.5%
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__entry li .box-thumb__title {
    margin-top: .40323vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link__entry li .box-thumb__title {
    margin-top: 2vw;
    width: 93.75%
  }
}
.p-list-link__entry li .box-thumb__title > p {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.714
}
@media screen and (max-width:900px) {
  .p-list-link__entry li .box-thumb__title > p {
    font-size: 3.2vw;
    line-height: 1.458
  }
}
.p-list-link__entry li .box-thumb__title > h3 {
  margin-top: 0;
  font-size: 14px;
  line-height: 1.714
}
@media screen and (max-width:900px) {
  .p-list-link__entry li .box-thumb__title > h3 {
    font-size: 3.2vw;
    line-height: 1.458
  }
}
.p-list-link__entry li .box-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-right: 10px;
  padding-top: 14px;
  width: 100%
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__entry li .box-icon {
    padding-right: .80645vw;
    padding-top: 1.12903vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link__entry li .box-icon {
    padding-right: 2.66667vw;
    padding-top: 1.33333vw
  }
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__entry li .box-icon .icon-circle {
    height: 1.93548vw;
    width: 1.93548vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link__entry li .box-icon .icon-circle {
    height: 4vw;
    width: 4vw
  }
}
.p-list-link__entry li .box-icon .icon-circle line {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px
}
@media screen and (max-width:900px) {
  .p-list-link__entry li .box-icon .icon-circle line {
    stroke-width: .4vw
  }
}
.p-list-link__thumb {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.p-list-link--hide-over4 .p-list-link__thumb {
  margin-top: 20px
}
.p-list-link__thumb li {
  margin-top: .8%;
  margin-right: 1.6%;
  width: 23.8%
}
@media screen and (max-width:900px) {
  .p-list-link__thumb li {
    margin-right: 4.6%;
    margin-top: 4.6%;
    width: 47.7%
  }
}
.p-list-link__thumb li.is-hover-on .box-thumb, .pc .p-list-link__thumb li:hover .box-thumb {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
.p-list-link__thumb li:nth-of-type(1), .p-list-link__thumb li:nth-of-type(2) {
  margin-top: 0
}
.p-list-link__thumb li:nth-of-type(3), .p-list-link__thumb li:nth-of-type(4) {
  margin-top: 0
}
@media screen and (max-width:900px) {
  .p-list-link__thumb li:nth-of-type(3), .p-list-link__thumb li:nth-of-type(4) {
    margin-top: 4.6%
  }
}
.p-list-link__thumb li:nth-of-type(4n+0) {
  margin-right: 0
}
@media screen and (max-width:900px) {
  .p-list-link__thumb li:nth-of-type(2n+0) {
    margin-right: 0
  }
}
.p-list-link__thumb li:last-child {
  margin-right: 0
}
.p-list-link__thumb li > a {
  color: #000;
  display: block;
  padding-top: 16px;
  position: relative;
  text-decoration: none
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__thumb li > a {
    padding-top: 1.29032vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link__thumb li > a {
    padding-top: 2.66667vw
  }
}
.p-list-link__thumb li > a .icon-new {
  display: block;
  width: 18.24%;
  position: absolute;
  left: 0;
  top: 16px;
  z-index: 1
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__thumb li > a .icon-new {
    top: 1.29032vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link__thumb li > a .icon-new {
    top: 2.66667vw;
    width: 24.375%
  }
}
.p-list-link__thumb li > a .icon-new:after {
  content: "";
  display: block;
  background-image: url(../img/common/icon_new_l.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.p-list-link__thumb .box-vol {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #00b4ff;
  padding-top: 9px;
  height: 70px;
  width: 56px;
  position: absolute;
  right: 16px;
  top: 0
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__thumb .box-vol {
    padding-top: .72581vw;
    height: 5.64516vw;
    width: 4.51613vw;
    right: 16px
  }
}
@media screen and (max-width:900px) {
  .p-list-link__thumb .box-vol {
    padding-top: 1.33333vw;
    height: 9.86667vw;
    width: 8vw;
    right: 2.66667vw
  }
}
.p-list-link__thumb .box-vol > span {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #fff;
  display: block;
  text-align: center
}
.p-list-link__thumb .box-vol > span:nth-child(1) {
  font-size: 18px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__thumb .box-vol > span:nth-child(1) {
    font-size: 1.45161vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link__thumb .box-vol > span:nth-child(1) {
    font-size: 2.66667vw
  }
}
.p-list-link__thumb .box-vol > span:nth-child(2) {
  font-size: 30px;
  margin-top: 3px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__thumb .box-vol > span:nth-child(2) {
    font-size: 2.41935vw;
    margin-top: .24194vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link__thumb .box-vol > span:nth-child(2) {
    margin-top: .53333vw;
    font-size: 4.26667vw
  }
}
.p-list-link__thumb .box-thumb {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 6px #fff;
  position: relative;
  overflow: hidden
}
@media screen and (max-width:900px) {
  .p-list-link__thumb .box-thumb {
    border: solid 1.33333vw #fff
  }
}
.p-list-link__thumb .box-thumb__img {
  height: auto;
  width: 100%
}
.p-list-link__thumb .box-thumb .icon-arrow {
  background: url(../img/common/icon_arrow_blue2.png) no-repeat left top;
  background-size: 100% 100%;
  display: block;
  height: 68px;
  width: 70px;
  position: absolute;
  bottom: 0;
  right: 0
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list-link__thumb .box-thumb .icon-arrow {
    height: 5.48387vw;
    width: 5.64516vw
  }
}
@media screen and (max-width:900px) {
  .p-list-link__thumb .box-thumb .icon-arrow {
    height: 9.06667vw;
    width: 9.33333vw
  }
}
.p-list-link__thumb .box-title > h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  margin-top: 9px
}
@media screen and (max-width:900px) {
  .p-list-link__thumb .box-title > h3 {
    font-size: 3.73333vw;
    margin-top: 2.4vw
  }
}
.p-list-link__thumb .box-title > p {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 3px
}
@media screen and (max-width:900px) {
  .p-list-link__thumb .box-title > p {
    font-size: 2.93333vw;
    margin-top: .8vw
  }
}
.p-list3-link {
  margin-top: 50px
}
.p-list3-link:first-child {
  margin-top: 0
}
.p-list3-link.is-enter-from {
  visibility: hidden
}
.p-list3-link.is-enter-from .p-list3-link__white {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0)
}
.p-list3-link.is-enter-active .p-list3-link__thumb > li .box-thumb__img {
  visibility: hidden
}
.p-list3-link.is-enter-active .p-list3-link__thumb > li .box-thumb__cover {
  visibility: visible;
  -webkit-transform: translate(101%, 0);
  transform: translate(101%, 0)
}
.p-list3-link.is-enter-active .p-list3-link__thumb > li .icon-arrow {
  visibility: hidden
}
.p-list3-link.is-enter-active .p-list3-link__thumb > li .box-vol {
  -webkit-transform: translate(26%, 0);
  transform: translate(26%, 0);
  opacity: 0
}
.p-list3-link.is-enter-active .p-list3-link__thumb > li .box-title {
  opacity: 0
}
.p-list3-link.is-enter-to {
  visibility: visible
}
.p-list3-link.is-enter-to .p-list3-link__white {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .67s, -webkit-transform .42s cubic-bezier(.215, .61, .355, 1) .67s;
  transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .67s, -webkit-transform .42s cubic-bezier(.215, .61, .355, 1) .67s;
  transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .67s, transform .42s cubic-bezier(.215, .61, .355, 1) .67s;
  transition: opacity .42s cubic-bezier(.215, .61, .355, 1) .67s, transform .42s cubic-bezier(.215, .61, .355, 1) .67s, -webkit-transform .42s cubic-bezier(.215, .61, .355, 1) .67s
}
.p-list3-link__wrap {
  height: 580px;
  width: 100%;
  position: relative
}
@media screen and (max-width:1599px) {
  .p-list3-link__wrap {
    height: 410px
  }
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__wrap {
    height: 33.06452vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__wrap {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.p-list3-link__wrap:before {
  float: left;
  content: '';
  display: block;
  height: 100%;
  width: 302px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__wrap:before {
    width: 24.35484vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__wrap:before {
    float: none;
    display: none
  }
}
.p-list3-link__wrap:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden
}
.p-list3-link__thumb {
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -302px;
  padding-left: 302px;
  height: 580px;
  width: 100%;
  position: relative;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width:1599px) {
  .p-list3-link__thumb {
    height: 410px
  }
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__thumb {
    height: 33.06452vw
  }
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__thumb {
    margin-left: -24.35484vw;
    padding-left: 24.35484vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb {
    float: none;
    height: auto;
    width: 89.33%;
    margin-left: auto;
    padding-left: 0
  }
}
.p-list3-link__thumb li {
  margin-right: 2.3%;
  width: 31.8%
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb li {
    margin-right: 4.4%;
    margin-bottom: 2.9%;
    width: 44.7%
  }
}
.p-list3-link__thumb li:last-child {
  margin-right: 0
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb li:last-child {
    margin-left: 49.1%;
    margin-bottom: -100%
  }
}
.p-list3-link__thumb li > a {
  color: #000;
  display: block;
  padding-top: 16px;
  position: relative;
  text-decoration: none
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__thumb li > a {
    padding-top: 1.29032vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb li > a {
    padding-top: 2.66667vw
  }
}
.p-list3-link__thumb li > a.is-hover-on .box-thumb, .pc .p-list3-link__thumb li > a:hover .box-thumb {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
.p-list3-link__thumb .box-vol {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #00b4ff;
  padding-top: 9px;
  height: 70px;
  width: 56px;
  position: absolute;
  right: 20px;
  top: 0
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__thumb .box-vol {
    padding-top: .72581vw;
    height: 5.64516vw;
    width: 4.51613vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb .box-vol {
    padding-top: 1.33333vw;
    height: 9.86667vw;
    width: 8vw;
    left: auto;
    right: 2.66667vw
  }
}
.p-list3-link__thumb .box-vol > span {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #fff;
  display: block;
  text-align: center
}
.p-list3-link__thumb .box-vol > span:nth-child(1) {
  font-size: 18px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__thumb .box-vol > span:nth-child(1) {
    font-size: 1.45161vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb .box-vol > span:nth-child(1) {
    font-size: 2.66667vw
  }
}
.p-list3-link__thumb .box-vol > span:nth-child(2) {
  font-size: 30px;
  margin-top: 3px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__thumb .box-vol > span:nth-child(2) {
    font-size: 2.41935vw;
    margin-top: .24194vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb .box-vol > span:nth-child(2) {
    margin-top: .53333vw;
    font-size: 4.26667vw
  }
}
.p-list3-link__thumb .box-thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.p-list3-link__thumb .box-thumb__img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 6px #fff;
  display: block;
  height: auto;
  width: 100%
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__thumb .box-thumb__img {
    border: solid .48387vw #fff
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb .box-thumb__img {
    border: solid 1.33333vw #fff
  }
}
.p-list3-link__thumb .box-thumb__cover {
  background: #00b4ff;
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  visibility: hidden
}
.p-list3-link__thumb .box-thumb .icon-arrow {
  background: url(../img/common/icon_arrow_blue2.png) no-repeat left top;
  background-size: 100% 100%;
  display: block;
  height: 68px;
  width: 70px;
  position: absolute;
  bottom: 6px;
  right: 6px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__thumb .box-thumb .icon-arrow {
    height: 5.48387vw;
    width: 5.64516vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb .box-thumb .icon-arrow {
    height: 9.06667vw;
    width: 9.33333vw;
    bottom: 1.33333vw;
    right: 1.33333vw
  }
}
.p-list3-link__thumb .box-title {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  text-align: right
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb .box-title {
    text-align: left
  }
}
.p-list3-link__thumb .box-title > h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  margin-top: 9px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__thumb .box-title > h3 {
    font-size: 1.29032vw;
    margin-top: .72581vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb .box-title > h3 {
    font-size: 3.73333vw;
    margin-top: 2.4vw
  }
}
.p-list3-link__thumb .box-title > p {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 3px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__thumb .box-title > p {
    font-size: .96774vw;
    margin-top: .24194vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__thumb .box-title > p {
    font-size: 3.2vw;
    margin-top: .8vw
  }
}
.p-list3-link__white {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  display: block;
  height: 354px;
  width: 338px;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-decoration: none
}
.pc .p-list3-link__white {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.p-list3-link__white.is-hover-on, .pc .p-list3-link__white:hover {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__white {
    height: 28.54839vw;
    width: 27.25806vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__white {
    position: relative;
    padding-bottom: 5.33333vw;
    height: auto;
    width: 50.6%;
    margin-top: 2.66667vw
  }
}
.p-list3-link__white .box-bg {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #eee;
  font-size: 84px;
  line-height: 1;
  width: 200%;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -90px;
  margin-left: -14px;
  white-space: nowrap;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__white .box-bg {
    font-size: 6.77419vw;
    margin-top: -7.25806vw;
    margin-left: -1.12903vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__white .box-bg {
    font-size: 11.2vw;
    margin-top: -12vw;
    margin-left: -1.86667vw
  }
}
.p-list3-link__white .box-title {
  color: #00b4ff;
  margin-top: 40px;
  margin-left: 94px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__white .box-title {
    margin-top: 3.22581vw;
    margin-left: 7.58065vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__white .box-title {
    position: relative;
    margin-top: 4.8vw;
    margin-left: 5.33333vw
  }
}
.p-list3-link__white .box-title svg {
  height: 48px;
  width: 124px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__white .box-title svg {
    height: 3.87097vw;
    width: 10vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__white .box-title svg {
    height: 9.46667vw;
    width: 23.6vw
  }
}
.p-list3-link__white .box-title svg path {
  fill-rule: evenodd;
  fill: #00b4ff
}
.p-list3-link__white .box-article {
  font-weight: 400;
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  color: #000;
  font-size: 15px;
  line-height: 1.867;
  margin-top: 22px;
  margin-left: 96px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__white .box-article {
    font-size: 1.20968vw;
    margin-top: 1.77419vw;
    margin-left: 7.74194vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__white .box-article {
    position: relative;
    font-size: 3.46667vw;
    margin-top: 4vw;
    margin-left: 5.33333vw
  }
}
.p-list3-link__white .btn-more {
  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-bottom: 5px;
  width: 56px;
  position: absolute;
  bottom: 39px;
  left: 106px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__white .btn-more {
    padding-bottom: .40323vw;
    width: 4.51613vw;
    bottom: 3.14516vw;
    left: 8.54839vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__white .btn-more {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 16vw;
    margin-left: 5.06667vw;
    padding-bottom: 1.33333vw;
    width: 11.2vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__white .btn-more {
    position: relative;
    left: 0;
    bottom: 0;
    margin-left: 5.33333vw
  }
}
.p-list3-link__white .btn-more:after {
  background: #00b4ff;
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}
@media screen and (max-width:900px) {
  .p-list3-link__white .btn-more:after {
    height: .53333vw
  }
}
.p-list3-link__white .btn-more > span {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  display: block;
  color: #00b4ff;
  font-size: 16px;
  position: relative
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-list3-link__white .btn-more > span {
    font-size: 1.29032vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__white .btn-more > span {
    font-size: 3.2vw
  }
}
@media screen and (max-width:900px) {
  .p-list3-link__white .btn-more > svg {
    height: 1.46667vw;
    width: 1.46667vw
  }
}
.p-list3-link__white .btn-more > svg path {
  fill-rule: evenodd;
  fill: #00b4ff
}
.p-comment {
  margin-top: 70px
}
@media screen and (max-width:900px) {
  .p-comment {
    margin-top: 10.66667vw
  }
}
.p-comment > p {
  font-size: 12px;
  line-height: 1.5
}
@media screen and (max-width:900px) {
  .p-comment > p {
    font-size: 2.66667vw
  }
}
.p-sagh-link {
  position: relative;
  height: 514px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  width: 100%
}
@media screen and (max-width:900px) {
  .p-sagh-link {
    margin-top: 10.66667vw;
    height: 154.93333vw
  }
}
.p-sagh-link:first-child {
  margin-top: 0
}
.p-sagh-link.is-enter-from .box-title > h2 {
  visibility: hidden;
  opacity: 0
}
.p-sagh-link.is-enter-from .box-title > p {
  visibility: hidden;
  opacity: 0
}
.p-sagh-link.is-enter-from .box-title > a {
  visibility: hidden;
  opacity: 0
}
.p-sagh-link.is-enter-from .v-right > span {
  opacity: 0
}
.p-sagh-link.is-enter-from .v-right > img {
  visibility: hidden
}
.p-sagh-link.is-enter-from .v-left > span {
  opacity: 0
}
.p-sagh-link.is-enter-from .v-left > img {
  visibility: hidden
}
.p-sagh-link.is-enter-active .box-title > h2 {
  -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1);
  transition: opacity 1s cubic-bezier(.215, .61, .355, 1)
}
.p-sagh-link.is-enter-active .box-title > p {
  -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1) .1s;
  transition: opacity 1s cubic-bezier(.215, .61, .355, 1) .1s
}
.p-sagh-link.is-enter-active .box-title > a {
  -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1) .2s;
  transition: opacity 1s cubic-bezier(.215, .61, .355, 1) .2s
}
.p-sagh-link.is-enter-active .v-right > span {
  -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1) 1s;
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1) 1s
}
.p-sagh-link.is-enter-active .v-left > span {
  -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1) 1s;
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1) 1s
}
.p-sagh-link.is-enter-to .box-title > h2 {
  visibility: visible;
  opacity: 1
}
.p-sagh-link.is-enter-to .box-title > p {
  visibility: visible;
  opacity: 1
}
.p-sagh-link.is-enter-to .box-title > a {
  visibility: visible;
  opacity: 1
}
.p-sagh-link.is-show-line .v-right > span {
  opacity: 1
}
.p-sagh-link.is-show-line .v-left > span {
  opacity: 1
}
.p-sagh-link__border {
  background-color: #bbb;
  height: 1px;
  width: 1200px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-sagh-link__border {
    width: 96.77419vw;
    margin-left: -48.3871vw
  }
}
@media screen and (max-width:900px) {
  .p-sagh-link__border {
    width: 89.33333vw;
    margin-left: -44.66667vw
  }
}
.page-home .p-sagh-link__border {
  display: none
}
.p-sagh-link__wrap {
  position: absolute;
  height: 514px;
  width: 1400px;
  top: 0;
  left: 50%;
  margin-left: -700px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap {
    height: 154.93333vw;
    width: 100%;
    left: 0;
    margin-left: 0
  }
}
.p-sagh-link__wrap .v-left {
  position: absolute;
  top: 30px;
  left: -25px;
  height: 449px;
  width: 545px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-left {
    top: 9.33333vw;
    left: 0;
    height: 42.93333vw;
    width: 100%
  }
}
.p-sagh-link__wrap .v-left > span {
  background-color: silver;
  display: block;
  height: 1px;
  position: absolute;
  top: 148px;
  left: 240px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-left > span {
    left: 29.73333vw;
    top: 19.06667vw
  }
}
.p-sagh-link__wrap .v-left__line1 {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-22deg);
  transform: rotate(-22deg);
  width: 250px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-left__line1 {
    -webkit-transform: rotate(-16deg);
    transform: rotate(-16deg);
    width: 33.33333vw
  }
}
.p-sagh-link__wrap .v-left__line2 {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(56deg);
  transform: rotate(56deg);
  width: 250px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-left__line2 {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
    width: 53.33333vw
  }
}
.p-sagh-link__wrap .v-left__line3 {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
  width: 250px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-left__line3 {
    -webkit-transform: rotate(143deg);
    transform: rotate(143deg);
    width: 33.33333vw
  }
}
.p-sagh-link__wrap .v-left__c1 {
  position: absolute;
  top: 0;
  left: 435px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-left__c1 {
    top: 0;
    left: 53.33333vw;
    height: 18.93333vw;
    width: 18.93333vw
  }
}
.p-sagh-link__wrap .v-left__c2 {
  position: absolute;
  top: 50px;
  left: 144px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-left__c2 {
    top: 5.73333vw;
    left: 16.4vw;
    height: 26.4vw;
    width: 26.4vw
  }
}
.p-sagh-link__wrap .v-left__c3 {
  position: absolute;
  top: 217px;
  left: 0
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-left__c3 {
    top: 28.13333vw;
    left: 2vw;
    height: 14.66667vw;
    width: 14.66667vw
  }
}
.p-sagh-link__wrap .v-left__c4 {
  position: absolute;
  top: 308px;
  left: 320px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-left__c4 {
    top: 19.46667vw;
    left: 72.13333vw;
    height: 21.46667vw;
    width: 21.46667vw
  }
}
.p-sagh-link__wrap .v-right {
  position: absolute;
  top: 33px;
  right: -45px;
  height: 486px;
  width: 515px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-right {
    top: 107.2vw;
    left: 0;
    height: 45.2vw;
    width: 100%
  }
}
.p-sagh-link__wrap .v-right > span {
  background-color: silver;
  display: block;
  height: 1px;
  position: absolute
}
.p-sagh-link__wrap .v-right__line1 {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-83deg);
  transform: rotate(-83deg);
  width: 200px;
  top: 323px;
  left: 203px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-right__line1 {
    -webkit-transform: rotate(-167deg);
    transform: rotate(-167deg);
    top: 25.06667vw;
    left: 54.93333vw;
    width: 26.66667vw
  }
}
.p-sagh-link__wrap .v-right__line2 {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  width: 200px;
  top: 323px;
  left: 203px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-right__line2 {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
    top: 25.06667vw;
    left: 54.93333vw;
    width: 33.33333vw
  }
}
.p-sagh-link__wrap .v-right__line3 {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(146deg);
  transform: rotate(146deg);
  width: 200px;
  top: 323px;
  left: 203px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-right__line3 {
    -webkit-transform: rotate(151deg);
    transform: rotate(151deg);
    top: 25.06667vw;
    left: 54.93333vw;
    width: 26.66667vw
  }
}
.p-sagh-link__wrap .v-right__line4 {
  top: 143px;
  left: 226px;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-145deg);
  transform: rotate(-145deg);
  width: 200px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-right__line4 {
    -webkit-transform: rotate(165deg);
    transform: rotate(165deg);
    top: 19.86667vw;
    left: 28.66667vw;
    width: 26.66667vw
  }
}
.p-sagh-link__wrap .v-right__c1 {
  position: absolute;
  top: 0;
  left: 40px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-right__c1 {
    top: 18.66667vw;
    left: 3.73333vw;
    height: 12vw;
    width: 12vw
  }
}
.p-sagh-link__wrap .v-right__c2 {
  position: absolute;
  top: 80px;
  left: 164px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-right__c2 {
    top: 11.46667vw;
    left: 20.53333vw;
    height: 16.26667vw;
    width: 16.26667vw
  }
}
.p-sagh-link__wrap .v-right__c3 {
  position: absolute;
  top: 188px;
  left: 318px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-right__c3 {
    top: 0;
    left: 78.26667vw;
    height: 26.4vw;
    width: 26.4vw
  }
}
.p-sagh-link__wrap .v-right__c4 {
  position: absolute;
  top: 253px;
  left: 133px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-right__c4 {
    top: 15.73333vw;
    left: 45.46667vw;
    height: 18.66667vw;
    width: 18.66667vw
  }
}
.p-sagh-link__wrap .v-right__c5 {
  position: absolute;
  top: 376px;
  left: 0
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .v-right__c5 {
    top: 30.4vw;
    left: 27.06667vw;
    height: 14.66667vw;
    width: 14.66667vw
  }
}
.p-sagh-link__wrap .box-title {
  margin-left: auto;
  margin-right: auto;
  padding-top: 86px;
  width: 594px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .box-title {
    padding-top: 46.93333vw;
    width: 100%
  }
}
.p-sagh-link__wrap .box-title__start {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  position: relative;
  background-color: #00b4ff;
  color: #fff;
  font-size: 28px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  height: 54px;
  width: 220px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .box-title__start {
    font-size: 5.06667vw;
    margin-top: 3.46667vw;
    height: 9.86667vw;
    width: 40vw
  }
}
.p-sagh-link__wrap .box-title__start .icon-arrow {
  background: url(../img/common/icon_arrow_blue1.png) no-repeat left top;
  background-size: 100% 100%;
  display: block;
  height: 36px;
  width: 36px;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -18px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .box-title__start .icon-arrow {
    height: 6.66667vw;
    width: 6.66667vw;
    margin-top: -3.33333vw;
    right: .53333vw
  }
}
.pc .p-sagh-link__wrap .box-title__start {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.pc .p-sagh-link__wrap .box-title__start:hover {
  opacity: .7
}
.p-sagh-link__wrap .box-title h2 svg {
  margin-left: auto;
  margin-right: auto
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .box-title h2 svg {
    height: 36.66667vw;
    width: 85.86667vw
  }
}
.p-sagh-link__wrap .box-title h2 svg path {
  fill-rule: evenodd;
  fill: #00b4ff
}
.p-sagh-link__wrap .box-title p {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin-top: 14px
}
@media screen and (max-width:900px) {
  .p-sagh-link__wrap .box-title p {
    font-size: 3.46667vw;
    line-height: 1.308;
    margin-top: 3.46667vw
  }
}
.p-blank-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding-right: 20px
}
@media screen and (max-width:900px) {
  .p-blank-link {
    padding-right: 5.86667vw
  }
}
.p-blank-link > span {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  font-size: 14px;
  line-height: 1;
  color: #00b4ff
}
@media screen and (max-width:900px) {
  .p-blank-link > span {
    font-size: 3.73333vw
  }
}
.p-blank-link svg {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  width: 18px
}
@media screen and (max-width:900px) {
  .p-blank-link svg {
    margin-top: -2.66667vw;
    width: 4.66667vw;
    width: 4.66667vw
  }
}
.p-blank-link svg path {
  fill: #00b4ff
}
.p-breadcrumb {
  font-size: 12px;
  line-height: 1.193;
  margin-top: 11px
}
@media screen and (max-width:900px) {
  .p-breadcrumb {
    display: none
  }
}
.p-breadcrumb a {
  color: #000;
  text-decoration: none
}
.pc .p-breadcrumb a:hover {
  text-decoration: underline
}
.p-breadcrumb .separator {
  margin-left: 5px;
  margin-right: 5px
}
.p-triangle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.p-triangle--homekv-left {
  opacity: .8;
  width: 270px;
  height: 594px;
  border-style: solid;
  border-width: 594px 0 0 270px;
  border-color: transparent transparent transparent #009aea;
  position: absolute;
  left: 0;
  top: 0
}
@media screen and (max-width:900px) {
  .p-triangle--homekv-left {
    height: 93.33333vw;
    width: 42.13333vw;
    border-width: 93.33333vw 0 0 42.13333vw
  }
}
.p-triangle--homekv-right {
  opacity: .8;
  width: 620px;
  height: 594px;
  border-style: solid;
  border-width: 0 0 594px 620px;
  border-color: transparent transparent #009aea transparent;
  position: absolute;
  right: 0;
  top: 0
}
@media screen and (max-width:900px) {
  .p-triangle--homekv-right {
    height: 93.33333vw;
    width: 97.33333vw;
    border-width: 0 0 93.33333vw 97.33333vw
  }
}
.p-triangle--kv-left {
  opacity: .8;
  border-right: 133px solid transparent;
  border-bottom: 133px solid #009aea;
  border-left: 133px solid #009aea;
  border-top: 133px solid transparent;
  height: 266px;
  width: 266px
}
@media screen and (max-width:900px) {
  .p-triangle--kv-left {
    border-right: 17.06667vw solid transparent;
    border-bottom: 17.06667vw solid #009aea;
    border-left: 17.06667vw solid #009aea;
    border-top: 17.06667vw solid transparent;
    height: 34.13333vw;
    width: 34.13333vw
  }
}
.l-cate-kv__bg .p-triangle--kv-left {
  position: absolute;
  left: 0;
  bottom: 0
}
.p-triangle--kv-right {
  opacity: .8;
  border-right: 133px solid #009aea;
  border-bottom: 133px solid transparent;
  border-left: 133px solid transparent;
  border-top: 133px solid #009aea;
  height: 266px;
  width: 266px
}
@media screen and (max-width:900px) {
  .p-triangle--kv-right {
    border-right: 17.06667vw solid #009aea;
    border-bottom: 17.06667vw solid transparent;
    border-left: 17.06667vw solid transparent;
    border-top: 17.06667vw solid #009aea;
    height: 34.13333vw;
    width: 34.13333vw
  }
}
.l-cate-kv__bg .p-triangle--kv-right {
  position: absolute;
  right: 0;
  top: 0
}
.p-visual {
  position: absolute;
  height: 358px;
  width: 550px
}
@media screen and (max-width:900px) {
  .p-visual {
    height: 48.53333vw;
    width: 74.66667vw
  }
}
.p-visual--kv-left {
  top: 0;
  left: 0
}
@media screen and (max-width:900px) {
  .p-visual--kv-left {
    display: none
  }
}
.p-visual--kv-right {
  top: 0;
  right: 0
}
@media screen and (max-width:900px) {
  .p-visual--kv-right {
    right: -10.4vw
  }
}
.p-sns-share {
  margin-bottom: 30px
}
@media screen and (max-width:900px) {
  .p-sns-share {
    margin-bottom: 10.66667vw
  }
}
.p-sns-share p {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 3px
}
@media screen and (max-width:900px) {
  .p-sns-share p {
    font-size: 3.73333vw;
    line-height: 6.4vw;
    margin-bottom: .8vw
  }
}
.p-sns-share ul {
  width: 160px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:900px) {
  .p-sns-share ul {
    width: 42.66667vw
  }
}
.p-sns-share ul li {
  width: 40px
}
@media screen and (max-width:900px) {
  .p-sns-share ul li {
    width: 10.66667vw
  }
}
.pc .p-sns-share ul li a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-sns-share ul li a.is-hover-on, .pc .p-sns-share ul li a:hover {
  opacity: .7
}
.p-sns-share ul li a > img {
  width: 100%;
  height: auto
}
.p-border-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 6px #000;
  height: 76px;
  width: 300px;
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.pc .p-border-btn {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-border-btn.is-hover-on, .pc .p-border-btn:hover {
  opacity: .7
}
@media screen and (min-width:900.1px) and (max-width:1000px) {
  .p-border-btn {
    width: 30vw
  }
}
@media screen and (max-width:900px) {
  .p-border-btn {
    width: 100%;
    height: 16vw;
    border: solid 1.06667vw #000
  }
}
.p-border-btn .icon {
  position: absolute;
  top: 50%
}
.p-border-btn .icon path, .p-border-btn .icon polygon, .p-border-btn .icon rect {
  fill: #000
}
.p-border-btn .icon--cubes {
  width: 32px;
  height: 32px;
  margin-top: -16px;
  left: 17px
}
@media screen and (max-width:900px) {
  .p-border-btn .icon--cubes {
    width: 7.2vw;
    height: 7.2vw;
    margin-top: -3.6vw;
    left: 2.93333vw
  }
}
.p-border-btn > span {
  font-weight: 700;
  color: #000;
  font-size: 20px;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-border-btn > span {
    font-size: 4vw
  }
}
.p-border-btn__blue {
  border: solid 6px #00b4ff
}
@media screen and (max-width:900px) {
  .p-border-btn__blue {
    border: solid 1.06667vw #00b4ff
  }
}
.p-border-btn__blue .icon path, .p-border-btn__blue .icon polygon, .p-border-btn__blue .icon rect {
  fill: #00b4ff
}
.p-border-btn__blue > span {
  color: #00b4ff
}
.p-border-btn__orange {
  border: solid 6px #ff8400
}
@media screen and (max-width:900px) {
  .p-border-btn__orange {
    border: solid 1.06667vw #ff8400
  }
}
.p-border-btn__orange .icon path, .p-border-btn__orange .icon polygon, .p-border-btn__orange .icon rect {
  fill: #ff8400
}
.p-border-btn__orange > span {
  color: #ff8400
}
.p-border-btn__green {
  border: solid 6px #d6563d
}
@media screen and (max-width:900px) {
  .p-border-btn__green {
    border: solid 1.06667vw #d6563d
  }
}
.p-border-btn__green .icon path, .p-border-btn__green .icon polygon, .p-border-btn__green .icon rect {
  fill: #d6563d
}
.p-border-btn__green > span {
  color: #d6563d
}
.p-fill-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
  height: 76px;
  width: 300px;
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.pc .p-fill-btn {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-fill-btn.is-hover-on, .pc .p-fill-btn:hover {
  opacity: .7
}
@media screen and (min-width:900.1px) and (max-width:1140px) {
  .p-fill-btn {
    width: 26.31579vw
  }
}
@media screen and (max-width:900px) {
  .p-fill-btn {
    width: 100%;
    height: 16vw
  }
}
.p-fill-btn .icon {
  position: absolute;
  top: 50%
}
.p-fill-btn .icon path, .p-fill-btn .icon polygon, .p-fill-btn .icon rect {
  fill: #fff
}
.p-fill-btn .icon--arrow {
  width: 36px;
  height: 36px;
  margin-top: -18px
}
@media screen and (max-width:900px) {
  .p-fill-btn .icon--arrow {
    width: 7.46667vw;
    height: 7.46667vw;
    margin-top: -3.73333vw
  }
}
.p-fill-btn > span {
  font-weight: 700;
  color: #fff;
  font-size: 20px;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-fill-btn > span {
    font-size: 4vw
  }
}
.p-fill-btn__next .icon--arrow {
  right: 15px
}
@media screen and (max-width:900px) {
  .p-fill-btn__next .icon--arrow {
    right: 5.06667vw
  }
}
.p-fill-btn__prev .icon--arrow {
  left: 15px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
@media screen and (max-width:900px) {
  .p-fill-btn__prev .icon--arrow {
    left: 5.06667vw
  }
}
.p-fill-btn__blue {
  background-color: #00b4ff
}
.p-fill-btn__orange {
  background-color: #ff8400
}
.p-fill-btn__green {
  background-color: #d6563d
}
.p-btn-more {
  font-weight: 700;
  background-color: #000;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  height: 62px;
  width: 350px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.pc .p-btn-more {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-btn-more.is-hover-on, .pc .p-btn-more:hover {
  opacity: .7
}
@media screen and (max-width:900px) {
  .p-btn-more {
    font-size: 4vw;
    margin-top: 8vw;
    height: 13.33333vw;
    width: 100%
  }
}
.p-btn-more--blue {
  background-color: #00b4ff
}
.p-btn-more--orange {
  background-color: #ff8400
}
.p-btn-more--green {
  background-color: #d6563d
}
.p-btn-more .icon-arrow {
  height: 27px;
  width: 27px;
  fill: #fff;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -13.5px
}
@media screen and (max-width:900px) {
  .p-btn-more .icon-arrow {
    height: 7.2vw;
    width: 7.46667vw;
    right: 5.06667vw;
    margin-top: -3.6vw
  }
}
.p-btn-more .icon-cross {
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -12px
}
@media screen and (max-width:900px) {
  .p-btn-more .icon-cross {
    height: 6.66667vw;
    width: 6.66667vw;
    right: 4vw;
    margin-top: -3.33333vw
  }
}
.p-btn-more .icon-cross:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px
}
@media screen and (max-width:900px) {
  .p-btn-more .icon-cross:before {
    height: 1.06667vw;
    margin-top: -.53333vw
  }
}
.p-btn-more .icon-cross:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 100%;
  width: 4px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -2px
}
@media screen and (max-width:900px) {
  .p-btn-more .icon-cross:after {
    width: 1.06667vw;
    margin-left: -.53333vw
  }
}
.p-btn-link {
  font-weight: 700;
  background-color: #000;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  height: 76px;
  width: 300px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:900px) {
  .p-btn-link {
    font-size: 4vw;
    height: 16vw;
    width: 100%
  }
}
.p-btn-link--blue {
  background-color: #00b4ff
}
.p-btn-link--orange {
  background-color: #ff8400
}
.p-btn-link--green {
  background-color: #d6563d
}
.p-btn-link .icon-arrow {
  height: 36px;
  width: 36px;
  fill: #fff;
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -18px
}
@media screen and (max-width:900px) {
  .p-btn-link .icon-arrow {
    height: 7.2vw;
    width: 7.46667vw;
    right: 5.06667vw;
    margin-top: -3.6vw
  }
}
.p-btn-link .icon-cross {
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -12px
}
@media screen and (max-width:900px) {
  .p-btn-link .icon-cross {
    height: 6.66667vw;
    width: 6.66667vw;
    right: 4vw;
    margin-top: -3.33333vw
  }
}
.p-btn-link .icon-cross:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px
}
@media screen and (max-width:900px) {
  .p-btn-link .icon-cross:before {
    height: 1.06667vw;
    margin-top: -.53333vw
  }
}
.p-btn-link .icon-cross:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 100%;
  width: 4px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -2px
}
@media screen and (max-width:900px) {
  .p-btn-link .icon-cross:after {
    width: 1.06667vw;
    margin-left: -.53333vw
  }
}
.p-embed-map {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 200px;
  margin-bottom: 50px
}
@media screen and (max-width:900px) {
  .p-embed-map {
    margin-bottom: 10.66667vw
  }
}
.p-news-tags {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.p-news-tags__title {
  font-weight: 700;
  font-size: 14px
}
@media screen and (max-width:900px) {
  .p-news-tags__title {
    display: none
  }
}
.p-news-tags__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 14px
}
@media screen and (max-width:900px) {
  .p-news-tags__btns {
    margin-left: 0;
    margin-top: -1.86667vw
  }
}
.p-news-tags__btns li {
  position: relative;
  padding-left: 23px
}
@media screen and (max-width:900px) {
  .p-news-tags__btns li {
    padding-left: 5.33333vw;
    margin-top: 1.86667vw
  }
}
.p-news-tags__btns li:before {
  background: #9e9e9e;
  display: block;
  content: "";
  position: absolute;
  left: 11px;
  top: 0;
  height: 14px;
  width: 1px
}
@media screen and (max-width:900px) {
  .p-news-tags__btns li:before {
    left: 2.53333vw;
    height: 2.93333vw;
    width: .26667vw
  }
}
.p-news-tags__btns li:first-child {
  padding-left: 0
}
.p-news-tags__btns li:first-child:before {
  display: none
}
.p-news-tags__btns li a {
  font-weight: 700;
  color: #000;
  font-size: 14px;
  text-decoration: none
}
.pc .p-news-tags__btns li a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-news-tags__btns li a.is-hover-on, .pc .p-news-tags__btns li a:hover {
  opacity: .7
}
@media screen and (max-width:900px) {
  .p-news-tags__btns li a {
    font-size: 3.2vw
  }
}
.p-news-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.p-news-links__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 14px
}
.p-news-links__btns li {
  position: relative;
  padding-left: 45px
}
@media screen and (max-width:900px) {
  .p-news-links__btns li {
    padding-left: 9.46667vw
  }
}
.p-news-links__btns li:before {
  background: #9e9e9e;
  display: block;
  content: "";
  position: absolute;
  left: 22px;
  top: 1px;
  height: 24px;
  width: 1px
}
@media screen and (max-width:900px) {
  .p-news-links__btns li:before {
    left: 4.66667vw;
    height: 5.6vw;
    width: .26667vw
  }
}
.p-news-links__btns li:first-child {
  padding-left: 0
}
.p-news-links__btns li:first-child:before {
  display: none
}
.p-news-links__btns li a {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #00b4ff;
  font-size: 26px;
  text-decoration: none
}
.pc .p-news-links__btns li a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-news-links__btns li a.is-hover-on, .pc .p-news-links__btns li a:hover {
  opacity: .7
}
@media screen and (max-width:900px) {
  .p-news-links__btns li a {
    font-size: 6.13333vw
  }
}
.p-news-list {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
@media screen and (max-width:900px) {
  .p-news-list {
    margin-top: 5.33333vw
  }
}
.p-news-list__box {
  background: #fff;
  width: 23.725%;
  margin-right: 1.7%;
  margin-top: 1.7%;
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start
}
.pc .p-news-list__box {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.p-news-list__box.is-hover-on, .pc .p-news-list__box:hover {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
@media screen and (max-width:900px) {
  .p-news-list__box {
    width: 47.6%;
    margin-right: 4.8%;
    margin-top: 4.8%
  }
}
.p-news-list__box:nth-of-type(4n+0) {
  margin-right: 0
}
@media screen and (max-width:900px) {
  .p-news-list__box:nth-of-type(2n+0) {
    margin-right: 0
  }
}
.p-news-list__box:nth-of-type(1), .p-news-list__box:nth-of-type(2) {
  margin-top: 0
}
.p-news-list__box:nth-of-type(3), .p-news-list__box:nth-of-type(4) {
  margin-top: 0
}
@media screen and (max-width:900px) {
  .p-news-list__box:nth-of-type(3), .p-news-list__box:nth-of-type(4) {
    margin-top: 4.8%
  }
}
.p-news-list__box .box-wrap {
  margin-top: 2.10526%;
  margin-left: auto;
  margin-right: auto;
  width: 95.78947%
}
@media screen and (max-width:900px) {
  .p-news-list__box .box-wrap {
    margin-top: 2.5%;
    width: 95%
  }
}
.p-news-list__box .box-wrap > img {
  display: block;
  height: auto;
  width: 100%
}
.p-news-list__box .box-title {
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 12px;
  width: 91.22%
}
@media screen and (max-width:900px) {
  .p-news-list__box .box-title {
    padding-top: 1.6vw;
    padding-bottom: 4.8vw;
    width: 90.625%
  }
}
.p-news-list__box .box-title p {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #00b4ff;
  font-size: 14px;
  line-height: 1.714
}
@media screen and (max-width:900px) {
  .p-news-list__box .box-title p {
    font-size: 3.2vw;
    line-height: 1.417
  }
}
.p-news-list__box .box-title h3 {
  font-weight: 400;
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  color: #000;
  font-size: 14px;
  line-height: 1.714
}
@media screen and (max-width:900px) {
  .p-news-list__box .box-title h3 {
    font-size: 3.2vw;
    line-height: 1.417
  }
}
.p-news-pager {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  height: 76px;
  margin-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:900px) {
  .p-news-pager {
    height: 16vw;
    margin-top: 8vw
  }
}
.p-news-pager a {
  text-decoration: none
}
.p-news-pager .pagination {
  display: block;
  height: 100%;
  width: 100%
}
.p-news-pager .pagination .nav-links {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.p-news-pager .pagination .nav-links .page-numbers {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #bbb;
  font-size: 28px;
  margin-left: 30px;
  margin-right: 30px
}
.pc .p-news-pager .pagination .nav-links .page-numbers {
  -webkit-transition: color .3s;
  transition: color .3s
}
.p-news-pager .pagination .nav-links .page-numbers.is-hover-on, .pc .p-news-pager .pagination .nav-links .page-numbers:hover {
  color: #00b4ff
}
@media screen and (max-width:900px) {
  .p-news-pager .pagination .nav-links .page-numbers {
    font-size: 5.06667vw;
    margin-left: 3.33333vw;
    margin-right: 3.33333vw
  }
}
.p-news-pager .pagination .nav-links .page-numbers:last-child {
  margin-right: 0
}
.p-news-pager .pagination .nav-links .page-numbers.current {
  color: #00b4ff
}
.p-news-pager .pagination .nav-links .prev {
  font-weight: 400;
  color: #000;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  margin-left: 0;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
@media screen and (max-width:900px) {
  .p-news-pager .pagination .nav-links .prev {
    left: 4vw;
    display: block;
    height: 7.2vw;
    width: 7.46667vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
  }
}
.p-news-pager .pagination .nav-links .prev:before {
  display: inline-block;
  content: '';
  background-image: url(../img/news/icon_arrow_prev.svg);
  background-size: 100% 100%;
  margin-right: 10px;
  height: 24px;
  width: 23px
}
@media screen and (max-width:900px) {
  .p-news-pager .pagination .nav-links .prev:before {
    margin-right: 0;
    height: 7.2vw;
    width: 7.46667vw;
    display: block;
    position: absolute;
    top: 0
  }
}
.p-news-pager .pagination .nav-links .next {
  font-weight: 400;
  color: #000;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  margin-left: 0;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
@media screen and (max-width:900px) {
  .p-news-pager .pagination .nav-links .next {
    right: 4vw;
    display: block;
    height: 7.2vw;
    width: 7.46667vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
  }
}
.p-news-pager .pagination .nav-links .next:after {
  display: inline-block;
  content: '';
  background-image: url(../img/news/icon_arrow_next.svg);
  background-size: 100% 100%;
  margin-left: 10px;
  height: 24px;
  width: 23px
}
@media screen and (max-width:900px) {
  .p-news-pager .pagination .nav-links .next:after {
    margin-left: 0;
    height: 7.2vw;
    width: 7.46667vw;
    display: block;
    position: absolute;
    top: 0
  }
}
.p-news-pager__prev {
  color: #000;
  font-size: 16px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
@media screen and (max-width:900px) {
  .p-news-pager__prev {
    left: 4vw
  }
}
.p-news-pager__prev > span {
  display: block;
  height: 23px;
  line-height: 23px;
  padding-top: 1px
}
@media screen and (max-width:900px) {
  .p-news-pager__prev > span {
    display: none
  }
}
.p-news-pager__prev .icon-arrow {
  margin-right: 10px
}
@media screen and (max-width:900px) {
  .p-news-pager__prev .icon-arrow {
    height: 7.2vw;
    width: 7.46667vw
  }
}
.p-news-pager__prev .icon-arrow rect {
  fill: #00b4ff
}
.p-news-pager__next {
  color: #000;
  font-size: 16px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
@media screen and (max-width:900px) {
  .p-news-pager__next {
    right: 4vw
  }
}
.p-news-pager__next > span {
  display: block;
  height: 23px;
  line-height: 23px;
  padding-top: 1px
}
@media screen and (max-width:900px) {
  .p-news-pager__next > span {
    display: none
  }
}
.p-news-pager__next .icon-arrow {
  margin-left: 10px
}
@media screen and (max-width:900px) {
  .p-news-pager__next .icon-arrow {
    height: 7.2vw;
    width: 7.46667vw
  }
}
.p-news-pager__next .icon-arrow rect {
  fill: #00b4ff
}
.p-news-pager__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-news-pager__number li {
  margin-right: 60px
}
@media screen and (max-width:900px) {
  .p-news-pager__number li {
    margin-right: 6.66667vw
  }
}
.p-news-pager__number li:last-child {
  margin-right: 0
}
.p-news-pager__number li a {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #bbb;
  font-size: 28px
}
@media screen and (max-width:900px) {
  .p-news-pager__number li a {
    font-size: 5.06667vw
  }
}
.p-news-pager__number li a.is-active, .pc .p-news-pager__number li a:hover {
  color: #00b4ff
}
.p-news-entry {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28px;
  max-width: 880px;
  letter-spacing: .01em;
  line-height: 1.5
}
@media screen and (max-width:900px) {
  .p-news-entry {
    margin-top: 7.46667vw
  }
}
.p-news-entry a {
  text-decoration: none
}
.pc .p-news-entry a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-news-entry a.is-hover-on, .pc .p-news-entry a:hover {
  opacity: .7
}
.p-news-entry .article-hdr {
  font-size: 16px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none
}
.p-news-entry .article-ttl {
  color: #0082ca
}
.p-news-entry .social-box {
  text-align: right;
  margin-top: 7px;
  height: 21px
}
.p-news-entry .social-box .fb_iframe_widget span, .p-news-entry .social-box .line-button img, .p-news-entry .social-box .twitter-tweet-button {
  vertical-align: middle !important;
  margin-left: 10px
}
.p-news-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 6px #00b4ff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  height: 76px;
  width: 300px;
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.pc .p-news-btn {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-news-btn.is-hover-on, .pc .p-news-btn:hover {
  opacity: .7
}
@media screen and (max-width:900px) {
  .p-news-btn {
    border: solid 1.06667vw #00b4ff;
    margin-top: 8vw;
    height: 16vw;
    width: 100%
  }
}
.p-news-btn .icon-arrow {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -18px;
  height: 36px;
  width: 36px
}
@media screen and (max-width:900px) {
  .p-news-btn .icon-arrow {
    left: 4vw;
    margin-top: -3.6vw;
    height: 7.2vw;
    width: 7.46667vw
  }
}
.p-news-btn .icon-arrow polygon, .p-news-btn .icon-arrow rect {
  fill: #00b4ff
}
.p-news-btn > span {
  font-weight: 700;
  color: #00b4ff;
  font-size: 20px;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-news-btn > span {
    font-size: 4vw
  }
}
.p-news-title {
  text-align: center;
  padding-top: 26px
}
.p-news-title__tag {
  font-weight: 700;
  display: inline-block;
  font-size: 28px;
  line-height: 1.5;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 44px;
  padding-right: 44px;
  padding-bottom: 20px;
  position: relative
}
@media screen and (max-width:900px) {
  .p-news-title__tag {
    font-size: 4.53333vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    padding-bottom: 2.66667vw
  }
}
.p-news-title__tag:after {
  background-color: #000;
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0
}
@media screen and (max-width:900px) {
  .p-news-title__tag:after {
    height: .8vw
  }
}
.p-product-title {
  font-weight: 700;
  margin-left: auto;
  margin-right: auto
}
.p-product-title--coming {
  width: 578px
}
@media screen and (max-width:900px) {
  .p-product-title--coming {
    width: 86.13333vw
  }
}
.p-product-title--release {
  width: 190px
}
@media screen and (max-width:900px) {
  .p-product-title--release {
    width: 33.33333vw
  }
}
.p-product-title .title-sub {
  color: #00b4ff;
  font-size: 16px;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-product-title .title-sub {
    font-size: 2.93333vw
  }
}
.p-product-title .title-sub--en {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em
}
.p-product-title .title-main {
  font-weight: 700;
  color: #00b4ff;
  font-size: 28px;
  text-align: center;
  margin-top: 10px
}
@media screen and (max-width:900px) {
  .p-product-title .title-main {
    font-size: 5.86667vw;
    margin-top: 2.13333vw;
    line-height: 1.289
  }
}
.p-product-title hr {
  background: #00b4ff;
  height: 3px;
  width: 100%;
  margin-top: 14px
}
@media screen and (max-width:900px) {
  .p-product-title hr {
    height: .8vw;
    margin-top: 1.6vw
  }
}
.p-product-tabs {
  margin-top: 30px
}
@media screen and (max-width:900px) {
  .p-product-tabs {
    cursor: pointer;
    margin-top: 5.33333vw;
    height: 12vw;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
@media screen and (max-width:900px) {
  .refine--all .p-product-tabs > ul {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.refine--all .p-product-tabs > ul > li.btn-all > div {
  background-color: #00b4ff;
  color: #fff
}
.refine--all .p-product-tabs > ul > li.btn-all > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #00b4ff transparent transparent transparent
}
@media screen and (max-width:900px) {
  .refine--all .p-product-tabs > ul > li.btn-all > div:after {
    visibility: hidden
  }
}
.refine--all .p-product-tabs > ul > li.btn-all > div svg circle, .refine--all .p-product-tabs > ul > li.btn-all > div svg path, .refine--all .p-product-tabs > ul > li.btn-all > div svg polygon {
  fill: #fff;
  stroke: #fff
}
@media screen and (max-width:900px) {
  .refine--video .p-product-tabs > ul {
    -webkit-transform: translate(0, -12vw);
    transform: translate(0, -12vw)
  }
}
.refine--video .p-product-tabs > ul > li.btn-video > div {
  background-color: #00b4ff;
  color: #fff
}
.refine--video .p-product-tabs > ul > li.btn-video > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #00b4ff transparent transparent transparent
}
@media screen and (max-width:900px) {
  .refine--video .p-product-tabs > ul > li.btn-video > div:after {
    visibility: hidden
  }
}
.refine--video .p-product-tabs > ul > li.btn-video > div svg circle, .refine--video .p-product-tabs > ul > li.btn-video > div svg path, .refine--video .p-product-tabs > ul > li.btn-video > div svg polygon {
  fill: #fff;
  stroke: #fff
}
@media screen and (max-width:900px) {
  .refine--medal .p-product-tabs > ul {
    -webkit-transform: translate(0, -24vw);
    transform: translate(0, -24vw)
  }
}
.refine--medal .p-product-tabs > ul > li.btn-medal > div {
  background-color: #00b4ff;
  color: #fff
}
.refine--medal .p-product-tabs > ul > li.btn-medal > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #00b4ff transparent transparent transparent
}
@media screen and (max-width:900px) {
  .refine--medal .p-product-tabs > ul > li.btn-medal > div:after {
    visibility: hidden
  }
}
.refine--medal .p-product-tabs > ul > li.btn-medal > div svg circle, .refine--medal .p-product-tabs > ul > li.btn-medal > div svg path, .refine--medal .p-product-tabs > ul > li.btn-medal > div svg polygon {
  fill: #fff;
  stroke: #fff
}
@media screen and (max-width:900px) {
  .refine--prize .p-product-tabs > ul {
    -webkit-transform: translate(0, -36vw);
    transform: translate(0, -36vw)
  }
}
.refine--prize .p-product-tabs > ul > li.btn-prize > div {
  background-color: #00b4ff;
  color: #fff
}
.refine--prize .p-product-tabs > ul > li.btn-prize > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #00b4ff transparent transparent transparent
}
@media screen and (max-width:900px) {
  .refine--prize .p-product-tabs > ul > li.btn-prize > div:after {
    visibility: hidden
  }
}
.refine--prize .p-product-tabs > ul > li.btn-prize > div svg circle, .refine--prize .p-product-tabs > ul > li.btn-prize > div svg path, .refine--prize .p-product-tabs > ul > li.btn-prize > div svg polygon {
  fill: #fff;
  stroke: #fff
}
@media screen and (max-width:900px) {
  .refine--kids .p-product-tabs > ul {
    -webkit-transform: translate(0, -48vw);
    transform: translate(0, -48vw)
  }
}
.refine--kids .p-product-tabs > ul > li.btn-kids > div {
  background-color: #00b4ff;
  color: #fff
}
.refine--kids .p-product-tabs > ul > li.btn-kids > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #00b4ff transparent transparent transparent
}
@media screen and (max-width:900px) {
  .refine--kids .p-product-tabs > ul > li.btn-kids > div:after {
    visibility: hidden
  }
}
.refine--kids .p-product-tabs > ul > li.btn-kids > div svg circle, .refine--kids .p-product-tabs > ul > li.btn-kids > div svg path, .refine--kids .p-product-tabs > ul > li.btn-kids > div svg polygon {
  fill: #fff;
  stroke: #fff
}
@media screen and (max-width:900px) {
  .refine--consumer .p-product-tabs > ul {
    -webkit-transform: translate(0, -60vw);
    transform: translate(0, -60vw)
  }
}
.refine--consumer .p-product-tabs > ul > li.btn-consumer > div {
  background-color: #00b4ff;
  color: #fff
}
.refine--consumer .p-product-tabs > ul > li.btn-consumer > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #00b4ff transparent transparent transparent
}
@media screen and (max-width:900px) {
  .refine--consumer .p-product-tabs > ul > li.btn-consumer > div:after {
    visibility: hidden
  }
}
.refine--consumer .p-product-tabs > ul > li.btn-consumer > div svg circle, .refine--consumer .p-product-tabs > ul > li.btn-consumer > div svg path, .refine--consumer .p-product-tabs > ul > li.btn-consumer > div svg polygon {
  fill: #fff;
  stroke: #fff
}
@media screen and (max-width:900px) {
  .refine--sp .p-product-tabs > ul {
    -webkit-transform: translate(0, -72vw);
    transform: translate(0, -72vw)
  }
}
.refine--sp .p-product-tabs > ul > li.btn-sp > div {
  background-color: #00b4ff;
  color: #fff
}
.refine--sp .p-product-tabs > ul > li.btn-sp > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #00b4ff transparent transparent transparent
}
@media screen and (max-width:900px) {
  .refine--sp .p-product-tabs > ul > li.btn-sp > div:after {
    visibility: hidden
  }
}
.refine--sp .p-product-tabs > ul > li.btn-sp > div svg circle, .refine--sp .p-product-tabs > ul > li.btn-sp > div svg path, .refine--sp .p-product-tabs > ul > li.btn-sp > div svg polygon {
  fill: #fff;
  stroke: #fff
}
.p-product-tabs__btns {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:900px) {
  .p-product-tabs__btns {
    display: block
  }
}
.p-product-tabs__btns li {
  position: relative;
  height: 66px;
  width: 14.3%
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-product-tabs__btns li {
    height: 5.32258vw
  }
}
@media screen and (max-width:900px) {
  .p-product-tabs__btns li {
    background-color: #00b4ff;
    height: 12vw;
    width: 76vw
  }
}
.p-product-tabs__btns li.btn-all {
  width: 14.2%
}
@media screen and (max-width:900px) {
  .p-product-tabs__btns li.btn-all {
    width: 100%
  }
}
.p-product-tabs__btns li.btn-prize svg .cls-1 {
  fill: none !important;
  stroke-miterlimit: 10;
  stroke-width: 5.78px
}
.p-product-tabs__btns li:after {
  background: #ccc;
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px
}
@media screen and (max-width:900px) {
  .p-product-tabs__btns li:after {
    display: none
  }
}
.p-product-tabs__btns li:last-child:after {
  display: none
}
.p-product-tabs__btns li > div {
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: #00b4ff;
  font-size: 14px;
  text-decoration: none;
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-product-tabs__btns li > div {
    font-size: 1.12903vw
  }
}
@media screen and (max-width:900px) {
  .p-product-tabs__btns li > div {
    font-size: 4vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 4vw
  }
}
.p-product-tabs__btns li > div svg {
  margin-left: 10px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-product-tabs__btns li > div svg {
    margin-left: .80645vw
  }
}
.p-product-tabs__btns li > div svg circle, .p-product-tabs__btns li > div svg path, .p-product-tabs__btns li > div svg polygon {
  fill: #00b4ff;
  stroke: #00b4ff
}
.pc .p-product-tabs__btns li > div {
  will-change: background-color, color;
  -webkit-transition: background-color .3s, color .3s;
  transition: background-color .3s, color .3s
}
.pc .p-product-tabs__btns li > div svg circle, .pc .p-product-tabs__btns li > div svg path, .pc .p-product-tabs__btns li > div svg polygon {
  will-change: fill, stroke;
  -webkit-transition: fill .3s, stroke .3s;
  transition: fill .3s, stroke .3s
}
.pc .p-product-tabs__btns li > div:hover {
  background-color: #00b4ff;
  color: #fff
}
.pc .p-product-tabs__btns li > div:hover svg circle, .pc .p-product-tabs__btns li > div:hover svg path, .pc .p-product-tabs__btns li > div:hover svg polygon {
  fill: #fff;
  stroke: #fff
}
.p-product-tabs__pull {
  display: none
}
@media screen and (max-width:900px) {
  .p-product-tabs__pull {
    background: #00b4ff;
    height: 100%;
    width: 13.33333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.p-product-tabs__pull svg {
  height: 3.2vw;
  width: 5.33333vw
}
.p-product-tabs__pull svg path {
  fill-rule: evenodd;
  fill: #fff
}
.product-modal-enter-active {
  will-change: opacity;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
.product-modal-enter-active .p-product-modal__close {
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s
}
.product-modal-enter {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0
}
.product-modal-enter .p-product-modal__close {
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg)
}
.product-modal-enter-to .p-product-modal__close {
  -webkit-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg)
}
.product-modal-leave-active {
  will-change: opacity;
  -webkit-transition: all .3s cubic-bezier(1, .5, .8, 1);
  transition: all .3s cubic-bezier(1, .5, .8, 1)
}
.product-modal-leave-active .p-product-modal__close {
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
.product-modal-leave-to {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 0
}
.product-modal-leave-to .p-product-modal__close {
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg)
}
.p-product-modal {
  background-color: rgba(0, 180, 255, .8);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  overflow: auto
}
.p-product-modal__close {
  cursor: pointer;
  position: absolute;
  top: 2.66667vw;
  right: 4vw;
  height: 10.66667vw;
  width: 10.66667vw;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.p-product-modal__close:before {
  background-color: #fff;
  content: '';
  display: block;
  height: 100%;
  width: .53333vw;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -.26667vw
}
.p-product-modal__close:after {
  background-color: #fff;
  content: '';
  display: block;
  height: .53333vw;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -.26667vw
}
.p-product-modal__wrap {
  padding-top: 16vw;
  padding-bottom: 16vw
}
.refine--all .p-product-modal__wrap > ul > li.btn-all {
  background-color: #00b4ff
}
.refine--all .p-product-modal__wrap > ul > li.btn-all > div {
  color: #fff
}
.refine--all .p-product-modal__wrap > ul > li.btn-all > div .icon-cate circle, .refine--all .p-product-modal__wrap > ul > li.btn-all > div .icon-cate path, .refine--all .p-product-modal__wrap > ul > li.btn-all > div .icon-cate polygon {
  fill: #fff;
  stroke: #fff
}
.refine--all .p-product-modal__wrap > ul > li.btn-all > div .icon-arrow path {
  fill: #fff
}
.refine--video .p-product-modal__wrap > ul > li.btn-video {
  background-color: #00b4ff
}
.refine--video .p-product-modal__wrap > ul > li.btn-video > div {
  color: #fff
}
.refine--video .p-product-modal__wrap > ul > li.btn-video > div .icon-cate circle, .refine--video .p-product-modal__wrap > ul > li.btn-video > div .icon-cate path, .refine--video .p-product-modal__wrap > ul > li.btn-video > div .icon-cate polygon {
  fill: #fff;
  stroke: #fff
}
.refine--video .p-product-modal__wrap > ul > li.btn-video > div .icon-arrow path {
  fill: #fff
}
.refine--medal .p-product-modal__wrap > ul > li.btn-medal {
  background-color: #00b4ff
}
.refine--medal .p-product-modal__wrap > ul > li.btn-medal > div {
  color: #fff
}
.refine--medal .p-product-modal__wrap > ul > li.btn-medal > div .icon-cate circle, .refine--medal .p-product-modal__wrap > ul > li.btn-medal > div .icon-cate path, .refine--medal .p-product-modal__wrap > ul > li.btn-medal > div .icon-cate polygon {
  fill: #fff;
  stroke: #fff
}
.refine--medal .p-product-modal__wrap > ul > li.btn-medal > div .icon-arrow path {
  fill: #fff
}
.refine--prize .p-product-modal__wrap > ul > li.btn-prize {
  background-color: #00b4ff
}
.refine--prize .p-product-modal__wrap > ul > li.btn-prize > div {
  color: #fff
}
.refine--prize .p-product-modal__wrap > ul > li.btn-prize > div .icon-cate circle, .refine--prize .p-product-modal__wrap > ul > li.btn-prize > div .icon-cate path, .refine--prize .p-product-modal__wrap > ul > li.btn-prize > div .icon-cate polygon {
  fill: #fff;
  stroke: #fff
}
.refine--prize .p-product-modal__wrap > ul > li.btn-prize > div .icon-arrow path {
  fill: #fff
}
.refine--kids .p-product-modal__wrap > ul > li.btn-kids {
  background-color: #00b4ff
}
.refine--kids .p-product-modal__wrap > ul > li.btn-kids > div {
  color: #fff
}
.refine--kids .p-product-modal__wrap > ul > li.btn-kids > div .icon-cate circle, .refine--kids .p-product-modal__wrap > ul > li.btn-kids > div .icon-cate path, .refine--kids .p-product-modal__wrap > ul > li.btn-kids > div .icon-cate polygon {
  fill: #fff;
  stroke: #fff
}
.refine--kids .p-product-modal__wrap > ul > li.btn-kids > div .icon-arrow path {
  fill: #fff
}
.refine--consumer .p-product-modal__wrap > ul > li.btn-consumer {
  background-color: #00b4ff
}
.refine--consumer .p-product-modal__wrap > ul > li.btn-consumer > div {
  color: #fff
}
.refine--consumer .p-product-modal__wrap > ul > li.btn-consumer > div .icon-cate circle, .refine--consumer .p-product-modal__wrap > ul > li.btn-consumer > div .icon-cate path, .refine--consumer .p-product-modal__wrap > ul > li.btn-consumer > div .icon-cate polygon {
  fill: #fff;
  stroke: #fff
}
.refine--consumer .p-product-modal__wrap > ul > li.btn-consumer > div .icon-arrow path {
  fill: #fff
}
.refine--sp .p-product-modal__wrap > ul > li.btn-sp {
  background-color: #00b4ff
}
.refine--sp .p-product-modal__wrap > ul > li.btn-sp > div {
  color: #fff
}
.refine--sp .p-product-modal__wrap > ul > li.btn-sp > div .icon-cate circle, .refine--sp .p-product-modal__wrap > ul > li.btn-sp > div .icon-cate path, .refine--sp .p-product-modal__wrap > ul > li.btn-sp > div .icon-cate polygon {
  fill: #fff;
  stroke: #fff
}
.refine--sp .p-product-modal__wrap > ul > li.btn-sp > div .icon-arrow path {
  fill: #fff
}
.p-product-modal__btns {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  width: 89.33%
}
.p-product-modal__btns li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 16vw;
  width: 100%
}
.p-product-modal__btns li:before {
  background-color: #ccc;
  display: block;
  content: '';
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  width: 88.05%
}
.p-product-modal__btns li:first-child:before {
  display: none
}
.p-product-modal__btns li .is-hover-on, .pc .p-product-modal__btns li:hover {
  background-color: #00b4ff
}
.p-product-modal__btns li .is-hover-on > div, .pc .p-product-modal__btns li:hover > div {
  color: #fff
}
.p-product-modal__btns li .is-hover-on > div .icon-cate circle, .p-product-modal__btns li .is-hover-on > div .icon-cate path, .p-product-modal__btns li .is-hover-on > div .icon-cate polygon, .pc .p-product-modal__btns li:hover > div .icon-cate circle, .pc .p-product-modal__btns li:hover > div .icon-cate path, .pc .p-product-modal__btns li:hover > div .icon-cate polygon {
  fill: #fff;
  stroke: #fff
}
.p-product-modal__btns li .is-hover-on > div .icon-arrow path, .pc .p-product-modal__btns li:hover > div .icon-arrow path {
  fill: #fff
}
.p-product-modal__btns li.btn-all .icon-cate {
  left: .26667vw;
  margin-top: -2.6vw;
  height: 5.2vw;
  width: 4.8vw
}
.p-product-modal__btns li.btn-video .icon-cate {
  left: 1.06667vw;
  margin-top: -2.6vw;
  height: 5.2vw;
  width: 3.2vw
}
.p-product-modal__btns li.btn-medal .icon-cate {
  margin-top: -2.66667vw;
  height: 5.33333vw;
  width: 5.33333vw
}
.p-product-modal__btns li.btn-prize .icon-cate {
  left: .53333vw;
  margin-top: -2.66667vw;
  height: 5.33333vw;
  width: 4.26667vw
}
.p-product-modal__btns li.btn-prize .icon-cate .cls-1 {
  fill: none !important;
  stroke-miterlimit: 10;
  stroke-width: 5.78px
}
.p-product-modal__btns li.btn-kids .icon-cate {
  left: .53333vw;
  margin-top: -2.66667vw;
  height: 5.33333vw;
  width: 4vw
}
.p-product-modal__btns li.btn-consumer .icon-cate {
  margin-top: -2.66667vw;
  height: 5.33333vw;
  width: 5.33333vw
}
.p-product-modal__btns li.btn-sp .icon-cate {
  left: 1.06667vw;
  margin-top: -2.66667vw;
  height: 5.33333vw;
  width: 3.06667vw
}
.p-product-modal__btns li:after {
  background: #ccc;
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px
}
@media screen and (max-width:900px) {
  .p-product-modal__btns li:after {
    display: none
  }
}
.p-product-modal__btns li:last-child:after {
  display: none
}
.p-product-modal__btns li > div {
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: #00b4ff;
  font-size: 4vw;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8vw;
  height: 100%;
  width: 89.33%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.p-product-modal__btns li > div .icon-cate {
  position: absolute;
  left: 0;
  top: 50%
}
.p-product-modal__btns li > div .icon-cate circle, .p-product-modal__btns li > div .icon-cate path, .p-product-modal__btns li > div .icon-cate polygon {
  fill: #00b4ff;
  stroke: #00b4ff
}
.p-product-modal__btns li > div .icon-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2.66667vw;
  height: 5.33333vw;
  width: 3.2vw
}
.p-product-modal__btns li > div .icon-arrow path {
  fill-rule: evenodd;
  fill: #00b4ff
}
.p-product-list {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
@media screen and (max-width:900px) {
  .p-product-list {
    margin-top: 5.33333vw
  }
}
.p-product-list--zero {
  margin-top: 48px;
  height: 150px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:900px) {
  .p-product-list--zero {
    margin-top: 9.06667vw;
    height: 26.66667vw
  }
}
.p-product-list--zero > p {
  font-weight: 700;
  font-size: 22px;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-product-list--zero > p {
    font-size: 4vw
  }
}
.p-product-list--release {
  min-height: 200px;
  margin-top: 48px
}
@media screen and (max-width:900px) {
  .p-product-list--release {
    margin-top: 9.06667vw;
    min-height: 42.66667vw
  }
}
.p-product-list .product-list-enter {
  opacity: 0
}
.p-product-list .product-list-enter-active {
  -webkit-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in
}
.p-product-list .product-list-enter-to {
  opacity: 1
}
.p-product-list .product-list-leave {
  opacity: 1
}
.p-product-list .product-list-leave-active {
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out
}
.p-product-list .product-list-leave-to {
  opacity: 0
}
.p-product-list__box {
  background: #fff;
  color: #000;
  width: 23.725%;
  margin-right: 1.7%;
  margin-top: 44px;
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between
}
.pc .p-product-list__box {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.p-product-list__box.is-hover-on, .pc .p-product-list__box:hover {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
@media screen and (max-width:900px) {
  .p-product-list__box {
    width: 47.6%;
    margin-right: 4.8%;
    margin-top: 8.9%
  }
}
.p-product-list__box:nth-of-type(4n+0) {
  margin-right: 0
}
@media screen and (max-width:900px) {
  .p-product-list__box:nth-of-type(2n+0) {
    margin-right: 0
  }
}
.p-product-list__box:nth-of-type(1), .p-product-list__box:nth-of-type(2) {
  margin-top: 0
}
.p-product-list__box:nth-of-type(3), .p-product-list__box:nth-of-type(4) {
  margin-top: 0
}
@media screen and (max-width:900px) {
  .p-product-list__box:nth-of-type(3), .p-product-list__box:nth-of-type(4) {
    margin-top: 8.9%
  }
}
.p-product-list__box .icon-cate {
  font-weight: 700;
  font-size: 10px;
  height: 24px;
  width: 86px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: -24px
}
@media screen and (max-width:900px) {
  .p-product-list__box .icon-cate {
    font-size: 2.66667vw;
    height: 5.06667vw;
    width: 20.26667vw;
    top: -5.06667vw
  }
}
.p-product-list__box .icon-cate--video {
  background-color: #59ff10
}
.p-product-list__box .icon-cate--medal {
  background-color: #ffc410
}
.p-product-list__box .icon-cate--kids {
  background-color: #ff99ed
}
.p-product-list__box .icon-cate--prize {
  background-color: #10ebff
}
.p-product-list__box .icon-cate--consumer {
  background-color: #a2a2a2;
  color: #fff
}
.p-product-list__box .icon-cate--sp {
  background-color: #a2a2a2;
  color: #fff
}
.p-product-list__box .icon-new {
  display: block;
  width: 18.24%;
  position: absolute;
  right: 0;
  top: 0
}
@media screen and (max-width:900px) {
  .p-product-list__box .icon-new {
    width: 24.375%
  }
}
.p-product-list__box .icon-new:after {
  content: "";
  display: block;
  background-image: url(../img/common/icon_new_r.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.p-product-list__box .box-wrap {
  margin-top: 2.10526%;
  margin-left: auto;
  margin-right: auto;
  width: 95.78947%
}
@media screen and (max-width:900px) {
  .p-product-list__box .box-wrap {
    margin-top: 2.5%;
    width: 95%
  }
}
.p-product-list__box .box-wrap > img {
  display: block;
  height: auto;
  width: 100%
}
.p-product-list__box .box-wrap h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.429;
  text-align: center;
  margin-top: 8px
}
@media screen and (max-width:900px) {
  .p-product-list__box .box-wrap h3 {
    font-size: 3.2vw;
    line-height: 1.417
  }
}
.p-product-list__box .box-wrap ul {
  margin-top: 6px
}
.p-product-list__box .box-wrap ul li {
  font-size: 12px;
  line-height: 1.5;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-product-list__box .box-wrap ul li {
    font-size: 2.66667vw;
    line-height: 1.5
  }
}
.p-product-list__box .box-icon {
  margin-top: 3.50877%;
  margin-bottom: 3.50877%;
  margin-left: auto;
  margin-right: auto;
  height: 24px;
  width: 92.98246%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:900px) {
  .p-product-list__box .box-icon {
    margin-top: 6.875%;
    margin-bottom: 2.5%;
    height: 5.06667vw;
    width: 95%
  }
}
@media screen and (max-width:900px) {
  .p-product-list__box .box-icon .icon-external {
    height: 4vw;
    width: 4vw
  }
}
.p-product-list__box .box-icon .icon-external path {
  fill: #fff;
  stroke: #00b4ff;
  stroke-width: 2px
}
@media screen and (max-width:900px) {
  .p-product-list__box .box-icon .icon-arrow {
    height: 4vw;
    width: 4vw
  }
}
.p-product-list__box .box-icon .icon-arrow circle {
  fill: #00b4ff
}
.p-product-list__box .box-icon .icon-arrow line {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px
}
.p-product-list__box .box-official {
  margin-top: 3.50877%;
  margin-bottom: 3.50877%;
  margin-left: auto;
  margin-right: auto;
  height: 40px;
  width: 92.98246%
}
@media screen and (max-width:900px) {
  .p-product-list__box .box-official {
    height: 7.46667vw;
    margin-top: 6.875%;
    margin-bottom: 2.5%;
    width: 95%
  }
}
.p-product-list__box .box-official__btn {
  font-weight: 700;
  background: #00b4ff;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:900px) {
  .p-product-list__box .box-official__btn {
    font-weight: 400;
    font-size: 3.2vw
  }
}
.p-product-list__box .box-official__btn svg {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  height: 24px;
  width: 24px
}
@media screen and (max-width:900px) {
  .p-product-list__box .box-official__btn svg {
    right: 2.66667vw;
    height: 2.93333vw;
    width: 2.93333vw;
    margin-top: -1.46667vw
  }
}
.p-product-list__box .box-official__btn svg path {
  fill-rule: evenodd;
  stroke-width: 2px;
  stroke: #fff;
  fill: #00b4ff
}
.p-product-btn {
  font-weight: 700;
  background-color: #00b4ff;
  color: #fff;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  height: 90px;
  width: 590px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}
.pc .p-product-btn {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-product-btn.is-hover-on, .pc .p-product-btn:hover {
  opacity: .7
}
@media screen and (max-width:900px) {
  .p-product-btn {
    height: 21.33333vw;
    width: 100%
  }
}
.p-product-btn span {
  font-size: 18px;
  line-height: 1.222;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-product-btn span {
    font-size: 4vw;
    line-height: 1.067
  }
}
.p-product-btn .icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -18px
}
@media screen and (max-width:900px) {
  .p-product-btn .icon-arrow {
    right: 4vw;
    margin-top: -3.6vw;
    height: 7.2vw;
    width: 7.46667vw
  }
}
.p-product-btn .icon-arrow .cls-3 {
  fill: #fff
}
.p-product-btn--index {
  overflow: hidden
}
.p-product-btn--index .icon-product {
  position: absolute;
  top: -64px;
  left: -12px
}
@media screen and (max-width:900px) {
  .p-product-btn--index .icon-product {
    top: -7.06667vw;
    left: -1.2vw;
    height: 64vw;
    width: 22.4vw
  }
}
.p-product-btn--sns .icon-sns {
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -33px;
  height: 66px;
  width: 72px
}
@media screen and (max-width:900px) {
  .p-product-btn--sns .icon-sns {
    left: 4vw;
    margin-top: -7.06667vw;
    height: 14.13333vw;
    width: 15.46667vw
  }
}
.p-product-entry img {
  display: block
}
.p-sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.p-sns-list__box {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 23.725%;
  margin-right: 1.7%;
  margin-top: 1.7%;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 9px;
  padding-right: 9px;
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: justify;
  align-content: space-between
}
.p-sns-list__box .box-content {
  position: relative;
  height: 50%;
  width: 100%
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .p-sns-list__box {
    padding-top: .75vw;
    padding-bottom: .75vw;
    padding-left: .75vw;
    padding-right: .75vw
  }
}
@media screen and (max-width:900px) {
  .p-sns-list__box {
    width: 47.6%;
    margin-right: 4.8%;
    margin-top: 4.8%;
    padding-top: 2.66667vw;
    padding-bottom: 4vw;
    padding-left: 1.33333vw;
    padding-right: 1.33333vw
  }
}
.p-sns-list__box:nth-of-type(4n+0) {
  margin-right: 0
}
@media screen and (max-width:900px) {
  .p-sns-list__box:nth-of-type(2n+0) {
    margin-right: 0
  }
}
.p-sns-list__box:nth-of-type(1), .p-sns-list__box:nth-of-type(2) {
  margin-top: 0
}
.p-sns-list__box:nth-of-type(3), .p-sns-list__box:nth-of-type(4) {
  margin-top: 0
}
@media screen and (max-width:900px) {
  .p-sns-list__box:nth-of-type(3), .p-sns-list__box:nth-of-type(4) {
    margin-top: 4.8%
  }
}
.p-sns-list__box .icon-new {
  display: block;
  width: 18.24%;
  position: absolute;
  right: 0;
  top: 0
}
@media screen and (max-width:900px) {
  .p-sns-list__box .icon-new {
    width: 24.375%
  }
}
.p-sns-list__box .icon-new:after {
  content: "";
  display: block;
  background-image: url(../img/common/icon_new_r.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.p-sns-list__box .box-thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}
@media screen and (max-width:900px) {
  .p-sns-list__box .box-thumb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
  }
}
.p-sns-list__box .box-thumb:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden
}
.p-sns-list__box .box-thumb .icon-game {
  float: left;
  display: block;
  border-radius: 50%;
  height: 85px;
  width: 85px;
  position: relative
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .p-sns-list__box .box-thumb .icon-game {
    height: 7.08333vw;
    width: 7.08333vw
  }
}
@media screen and (max-width:900px) {
  .p-sns-list__box .box-thumb .icon-game {
    float: none;
    margin-left: auto;
    margin-right: auto;
    height: 22.13333vw;
    width: 22.13333vw
  }
}
.p-sns-list__box .box-thumb .title-game {
  font-weight: 700;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  line-height: 1.286;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 38px;
  margin-left: -85px;
  padding-left: 95px;
  width: 100%
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .p-sns-list__box .box-thumb .title-game {
    font-size: 1.16667vw;
    padding-bottom: 3.16667vw;
    padding-left: 7.91667vw;
    margin-left: -7.08333vw
  }
}
@media screen and (max-width:900px) {
  .p-sns-list__box .box-thumb .title-game {
    float: none;
    font-size: 3.2vw;
    text-align: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4vw;
    padding-bottom: 0
  }
}
.p-sns-list__box .box-sns {
  width: 72.2807%;
  margin-left: auto;
  margin-top: -38px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
@media screen and (min-width:900.1px) and (max-width:1200px) {
  .p-sns-list__box .box-sns {
    margin-top: -3.16667vw
  }
}
@media screen and (max-width:900px) {
  .p-sns-list__box .box-sns {
    margin-top: 3.46667vw;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.p-sns-list__box .box-sns li {
  margin-left: 6px;
  margin-top: 6px
}
@media screen and (max-width:900px) {
  .p-sns-list__box .box-sns li {
    margin-left: .93333vw;
    margin-right: .93333vw;
    margin-top: 1.86667vw
  }
}
.p-sns-list__box .box-sns li > a {
  display: block
}
.pc .p-sns-list__box .box-sns li > a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-sns-list__box .box-sns li > a.is-hover-on, .pc .p-sns-list__box .box-sns li > a:hover {
  opacity: .7
}
.p-sns-list__box .box-sns .icon-sns {
  display: block;
  height: 32px;
  width: 32px
}
@media screen and (max-width:900px) {
  .p-sns-list__box .box-sns .icon-sns {
    height: 9.33333vw;
    width: 9.33333vw
  }
}
.p-sns-list__box .box-sns .icon-sns--twitter {
  background: url(../img/product/sns/icon_twitter.png) no-repeat center center;
  background-size: 100% 100%
}
.p-sns-list__box .box-sns .icon-sns--youtube {
  background: url(../img/product/sns/icon_youtube.png) no-repeat center center;
  background-size: 100% 100%
}
.p-sns-list__box .box-sns .icon-sns--niconico {
  background: url(../img/product/sns/icon_niconico.png) no-repeat center center;
  background-size: 100% 100%
}
.p-sns-list__box .box-sns .icon-sns--facebook {
  background: url(../img/product/sns/icon_facebook.png) no-repeat center center;
  background-size: 100% 100%
}
.p-sns-list__box .box-sns .icon-sns--line {
  background: url(../img/product/sns/icon_line.png) no-repeat center center;
  background-size: 100% 100%
}
.p-special-pager {
  position: relative;
  margin-bottom: 40px
}
@media screen and (max-width:900px) {
  .p-special-pager {
    padding-bottom: 13.86667vw;
    margin-bottom: 8vw
  }
}
.p-special-pager .pager-box {
  width: 620px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.p-special-pager .pager-box > a {
  margin-left: 20px
}
.p-special-pager .pager-box > a:first-child {
  margin-left: 0
}
@media screen and (max-width:900px) {
  .p-special-pager .pager-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .p-special-pager .pager-box > a {
    margin-bottom: 20px
  }
  .p-special-pager .pager-box > a:first-child {
    margin-bottom: 0
  }
  .p-special-pager .pager-box > a:last-child {
    margin-left: 0
  }
}
.p-special-pager a {
  text-decoration: none
}
.p-special-pager .next_btn, .p-special-pager .prev_btn {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
.pc .p-special-pager .next_btn, .pc .p-special-pager .prev_btn {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-special-pager .next_btn.is-hover-on, .p-special-pager .prev_btn.is-hover-on, .pc .p-special-pager .next_btn:hover, .pc .p-special-pager .prev_btn:hover {
  opacity: .7
}
@media screen and (max-width:900px) {
  .p-special-pager .next_btn, .p-special-pager .prev_btn {
    top: auto;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.p-special-pager .next_btn > span, .p-special-pager .prev_btn > span {
  display: block;
  color: #000;
  font-size: 20px;
  line-height: 1;
  font-weight: 700
}
@media screen and (max-width:900px) {
  .p-special-pager .next_btn > span, .p-special-pager .prev_btn > span {
    font-size: 4vw
  }
}
.p-special-pager .next_btn .icon--arrow polygon, .p-special-pager .next_btn .icon--arrow rect, .p-special-pager .prev_btn .icon--arrow polygon, .p-special-pager .prev_btn .icon--arrow rect {
  fill: #000
}
@media screen and (max-width:900px) {
  .p-special-pager .next_btn .icon--arrow, .p-special-pager .prev_btn .icon--arrow {
    width: 7.2vw;
    height: 7.2vw
  }
}
.p-special-pager .prev_btn {
  left: 20px
}
.p-special-pager .prev_btn .icon--arrow {
  margin-right: 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
@media screen and (max-width:900px) {
  .p-special-pager .prev_btn {
    left: 0
  }
}
.p-special-pager .next_btn {
  right: 20px
}
.p-special-pager .next_btn .icon--arrow {
  margin-left: 10px
}
@media screen and (max-width:900px) {
  .p-special-pager .next_btn {
    right: 0
  }
}
.p-special-pager__blue .next_btn > span, .p-special-pager__blue .prev_btn > span {
  color: #00b4ff
}
.p-special-pager__blue .next_btn .icon--arrow polygon, .p-special-pager__blue .next_btn .icon--arrow rect, .p-special-pager__blue .prev_btn .icon--arrow polygon, .p-special-pager__blue .prev_btn .icon--arrow rect {
  fill: #00b4ff
}
.p-special-pager__orange .next_btn > span, .p-special-pager__orange .prev_btn > span {
  color: #ff8400
}
.p-special-pager__orange .next_btn .icon--arrow polygon, .p-special-pager__orange .next_btn .icon--arrow rect, .p-special-pager__orange .prev_btn .icon--arrow polygon, .p-special-pager__orange .prev_btn .icon--arrow rect {
  fill: #ff8400
}
.p-special-pager__green .next_btn > span, .p-special-pager__green .prev_btn > span {
  color: #d6563d
}
.p-special-pager__green .next_btn .icon--arrow polygon, .p-special-pager__green .next_btn .icon--arrow rect, .p-special-pager__green .prev_btn .icon--arrow polygon, .p-special-pager__green .prev_btn .icon--arrow rect {
  fill: #d6563d
}
.p-special-editor {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto
}
.p-special-editor > span {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1230px;
  font-size: 14px;
  line-height: 24px;
  padding-top: 15px
}
@media screen and (max-width:900px) {
  .p-special-editor > span {
    font-size: 2.93333vw;
    line-height: 3.2vw;
    padding-top: 2.93333vw
  }
}
.p-special-editor__right {
  text-align: right;
  padding-left: 40px
}
.p-special-editor__right > span {
  text-align: left
}
@media screen and (max-width:900px) {
  .p-special-editor__right {
    padding-left: 0
  }
  .p-special-editor__right > span {
    text-align: right;
    padding-right: 4.8vw
  }
}
.p-special-editor__left {
  text-align: right;
  padding-left: 40px
}
.p-special-editor__left > span {
  text-align: left
}
@media screen and (max-width:900px) {
  .p-special-editor__left {
    padding-left: 10.66667vw;
    padding-right: 2.66667vw
  }
  .p-special-editor__left > span {
    text-align: left
  }
}
@media screen and (max-width:900px) {
  .l-rolling-main .p-special-editor__right > span {
    padding-right: 6.66667vw
  }
  .l-rolling-main .p-special-editor__left > span {
    padding-left: 6.66667vw
  }
}
.p-special-body p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 24px
}
.p-special-body p:last-child {
  margin-bottom: 0
}
@media screen and (max-width:900px) {
  .p-special-body p {
    font-size: 3.2vw;
    line-height: 5.06667vw;
    margin-bottom: 5.06667vw
  }
  .p-special-body p:last-child {
    margin-bottom: 0
  }
}
.p-special-body p span.note {
  font-size: 12px;
  color: #686868
}
@media screen and (max-width:900px) {
  .p-special-body p span.note {
    font-size: 2.93333vw
  }
}
.p-special-body p span.bg-hilight {
  background-color: #f0ff00
}
.p-special-body p.question {
  font-weight: 700;
  margin-bottom: 0
}
.p-special-body div.img-container {
  margin-bottom: 24px
}
@media screen and (max-width:900px) {
  .p-special-body div.img-container {
    margin-bottom: 5.06667vw
  }
  .p-special-body div.img-container > img {
    width: 100%;
    height: auto
  }
}
.p-special-related {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}
.p-special-related:before {
  background-color: #bbb;
  content: '';
  display: block;
  height: 1px;
  width: 44%
}
@media screen and (max-width:900px) {
  .p-special-related:before {
    width: 32.3%
  }
}
.p-special-related:after {
  background-color: #bbb;
  content: '';
  display: block;
  height: 1px;
  width: 44%
}
@media screen and (max-width:900px) {
  .p-special-related:after {
    width: 32.3%
  }
}
.p-special-related > span {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #00b4ff;
  font-size: 18px;
  display: block;
  text-align: center;
  width: 12%
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-special-related > span {
    font-size: 1.45161vw
  }
}
@media screen and (max-width:900px) {
  .p-special-related > span {
    font-size: 3.73333vw;
    width: 35.4%
  }
}
.p-project-intro {
  margin-bottom: 40px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-project-intro {
    margin-bottom: 3.22581vw
  }
}
@media screen and (max-width:900px) {
  .p-project-intro {
    margin-bottom: 8vw
  }
}
.p-project-intro:last-child {
  margin-bottom: 0
}
.p-project-member {
  margin-bottom: 40px
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-project-member {
    margin-bottom: 3.22581vw
  }
}
@media screen and (max-width:900px) {
  .p-project-member {
    margin-bottom: 8vw
  }
}
.p-project-member:last-child {
  margin-bottom: 0
}
.p-project-profile {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 308px;
  min-height: 330px;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 26px;
  padding-bottom: 55px;
  color: #fff;
  background-color: #00b4ff
}
.p-project-profile__wide {
  width: 298px
}
@media screen and (max-width:900px) {
  .p-project-profile {
    position: relative;
    width: 100%;
    min-height: 0;
    margin-top: -8vw;
    background: #00b4ff url(../img/special/interview/profile_bg.png) no-repeat left top;
    background-size: 100% auto;
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw
  }
}
@media screen and (max-width:900px) {
  .p-project-profile .nums {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.66667vw
  }
}
.p-project-profile .nums > p.article-num1 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 6px;
  padding-left: 1px
}
@media screen and (max-width:900px) {
  .p-project-profile .nums > p.article-num1 {
    font-size: 3.2vw;
    line-height: 1.08;
    margin-bottom: 0;
    padding-left: 0
  }
}
.p-project-profile .nums > p.article-num1 > span {
  display: block;
  font-size: 32px
}
.p-project-profile .nums > p.article-num2 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  font-size: 32px;
  line-height: 22px;
  margin-bottom: 18px
}
@media screen and (max-width:900px) {
  .p-project-profile .nums > p.article-num2 {
    font-size: 3.2vw;
    line-height: 1.08;
    margin-bottom: 0;
    margin-left: .8vw
  }
}
.p-project-profile > p.subtitle {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px
}
@media screen and (max-width:900px) {
  .p-project-profile > p.subtitle {
    font-size: 2.93333vw;
    line-height: 1.3;
    margin-bottom: 4.53333vw
  }
}
.p-project-profile > p.title {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px
}
@media screen and (max-width:900px) {
  .p-project-profile > p.title {
    font-size: 5.6vw;
    line-height: 1.238
  }
}
.p-project-profile div.pager {
  position: absolute;
  bottom: 20px;
  left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:900px) {
  .p-project-profile div.pager {
    left: auto;
    right: 5.33333vw;
    bottom: 5.33333vw;
    display: block
  }
}
.p-project-profile div.pager p {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  margin-right: 9px
}
@media screen and (max-width:900px) {
  .p-project-profile div.pager p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.66667vw;
    font-size: 2.93333vw
  }
}
.p-project-profile div.pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-project-profile div.pager ul li {
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 6px
}
@media screen and (max-width:900px) {
  .p-project-profile div.pager ul li {
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 1.33333vw
  }
  .p-project-profile div.pager ul li:last-child {
    margin-right: 0
  }
}
.p-project-profile div.pager ul li a {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  pointer-events: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  line-height: 14px
}
@media screen and (max-width:900px) {
  .p-project-profile div.pager ul li a {
    font-size: 3.73333vw
  }
}
.pc .p-project-profile div.pager ul li a {
  -webkit-transition: background-color .3s, color .3s;
  transition: background-color .3s, color .3s
}
.pc .p-project-profile div.pager ul li a:hover {
  background-color: #fff;
  color: #00b4ff
}
.p-project-profile div.pager ul li.selected a {
  pointer-events: none;
  background-color: #fff;
  color: #00b4ff
}
.p-project-profile__TL {
  top: 79px;
  left: 90px
}
@media screen and (max-width:900px) {
  .p-project-profile__TL {
    top: 0;
    left: 0
  }
}
.p-project-profile__TR {
  top: 79px;
  right: 90px
}
@media screen and (max-width:900px) {
  .p-project-profile__TR {
    top: 0;
    left: 0
  }
}
.p-project-profile__BL {
  bottom: 31px;
  left: 20px
}
@media screen and (max-width:900px) {
  .p-project-profile__BL {
    top: 0;
    left: 0
  }
}
.p-project-profile__CENTER {
  top: 79px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}
@media screen and (max-width:900px) {
  .p-project-profile__CENTER {
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.p-interview-title {
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px
}
@media screen and (max-width:900px) {
  .p-interview-title {
    margin-bottom: 8vw
  }
}
.p-interview-title .title-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 40px 7px;
  border-bottom: 3px solid #000
}
@media screen and (max-width:900px) {
  .p-interview-title .title-wrapper {
    width: 86.66667vw;
    padding-bottom: 1.86667vw;
    padding-left: 0;
    padding-right: 0
  }
}
.p-interview-title .title-wrapper .title-sub {
  color: #00b4ff;
  font-size: 16px;
  text-align: center;
  margin-bottom: 5px
}
@media screen and (max-width:900px) {
  .p-interview-title .title-wrapper .title-sub {
    font-size: 2.93333vw;
    margin-bottom: 1.33333vw
  }
}
.p-interview-title .title-wrapper .title-sub--en {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em
}
.p-interview-title .title-wrapper .title-main {
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-interview-title .title-wrapper .title-main {
    font-size: 4.53333vw;
    line-height: 6.13333vw
  }
}
.p-interview-talk p {
  font-size: 14px;
  line-height: 24px
}
@media screen and (max-width:900px) {
  .p-interview-talk p {
    font-size: 3.2vw;
    line-height: 5.06667vw
  }
}
.p-interview-talk p span.note {
  font-size: 12px;
  color: #686868
}
@media screen and (max-width:900px) {
  .p-interview-talk p span.note {
    font-size: 2.93333vw
  }
}
.p-interview-talk p span.hilight {
  color: #00b4ff
}
.p-interview-talk p.question {
  font-weight: 700;
  margin-top: 24px
}
@media screen and (max-width:900px) {
  .p-interview-talk p.question {
    margin-top: 5.06667vw
  }
}
.p-interview-talk p.question:first-child {
  margin-top: 0
}
.p-interview-talk > img {
  margin-top: 24px;
  width: 100%;
  height: auto
}
@media screen and (max-width:900px) {
  .p-interview-talk > img {
    margin-top: 5.06667vw
  }
}
.p-interview-talk > img:first-child {
  margin-top: 0
}
.p-interview-talk div.img-container {
  margin-top: 24px
}
@media screen and (max-width:900px) {
  .p-interview-talk div.img-container {
    margin-top: 5.06667vw
  }
  .p-interview-talk div.img-container > img {
    width: 100%;
    height: auto
  }
}
.p-interview-talk div.img-container:first-child {
  margin-top: 0
}
.p-interview-talk .col {
  position: relative;
  padding-left: 50px;
  margin-top: 23px
}
@media screen and (max-width:900px) {
  .p-interview-talk .col {
    padding-left: 0;
    margin-top: 4.26667vw
  }
}
.p-interview-talk .col:first-child {
  margin-top: 0
}
.p-interview-talk .col .face {
  position: absolute;
  top: 3px;
  left: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 20px
}
.p-interview-talk .col .face:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 50%;
  border: 2px solid #000
}
.p-interview-talk .col .face > img {
  width: 100%;
  height: auto
}
@media screen and (max-width:900px) {
  .p-interview-talk .col .face {
    top: 0;
    width: 12vw;
    height: 12vw;
    border-radius: 6vw
  }
}
@media screen and (max-width:900px) {
  .p-interview-talk .col p {
    padding-left: 1.33333vw
  }
}
@media screen and (max-width:900px) {
  .p-interview-talk .col p.name {
    height: 12vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 14.4vw;
    margin-bottom: 1.33333vw
  }
}
.p-interview-talk .col.col-all, .p-interview-talk .col.col-none {
  padding-left: 0
}
.p-interview-talk .col.col-blue .face:after {
  border-color: #009cff
}
.p-interview-talk .col.col-blue p.name {
  color: #009cff
}
.p-interview-talk .col.col-green .face:after {
  border-color: #12ad4c
}
.p-interview-talk .col.col-green p.name {
  color: #12ad4c
}
.p-interview-talk .col.col-orange .face:after {
  border-color: #ffa200
}
.p-interview-talk .col.col-orange p.name {
  color: #ffa200
}
.p-interview-talk .col.col-red .face:after {
  border-color: #ff4200
}
.p-interview-talk .col.col-red p.name {
  color: #ff4200
}
.p-interview-talk .col.col-purple .face:after {
  border-color: #c222da
}
.p-interview-talk .col.col-purple p.name {
  color: #c222da
}
.p-interview-talk .col.col-brown .face:after {
  border-color: #af5f43
}
.p-interview-talk .col.col-brown p.name {
  color: #af5f43
}
.p-interview-talk .col.col-gray .face:after {
  border-color: #999
}
.p-interview-talk .col.col-gray p.name {
  color: #999
}
.p-interview-chapternav {
  position: absolute;
  top: 70px;
  left: 0;
  width: 125px;
  z-index: 1
}
@media screen and (max-width:900px) {
  .p-interview-chapternav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    margin-bottom: 10.66667vw
  }
}
.p-interview-chapternav p {
  font-weight: 700;
  text-align: right;
  margin-bottom: 10px
}
@media screen and (max-width:900px) {
  .p-interview-chapternav p {
    text-align: center;
    margin-bottom: 3.73333vw
  }
}
.p-interview-chapternav p > span {
  font-size: 14px;
  line-height: 16px;
  margin-right: 12px
}
@media screen and (max-width:900px) {
  .p-interview-chapternav p > span {
    font-size: 3.772vw;
    line-height: 4.31067vw;
    margin-right: 2.4vw
  }
}
.p-interview-chapternav p > span.num {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  font-size: 20px;
  margin-right: 0
}
@media screen and (max-width:900px) {
  .p-interview-chapternav p > span.num {
    font-size: 5.38933vw
  }
}
@media screen and (max-width:900px) {
  .p-interview-chapternav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.p-interview-chapternav ul li {
  background-color: #00b4ff;
  cursor: pointer;
  position: relative;
  width: 125px;
  height: 24px;
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.pc .p-interview-chapternav ul li {
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}
.pc .p-interview-chapternav ul li > span {
  -webkit-transition: color .3s;
  transition: color .3s
}
.pc .p-interview-chapternav ul li .icon--arrow path, .pc .p-interview-chapternav ul li .icon--arrow polygon, .pc .p-interview-chapternav ul li .icon--arrow rect {
  -webkit-transition: fill .3s;
  transition: fill .3s
}
.pc .p-interview-chapternav ul li:hover {
  background-color: #fff
}
.pc .p-interview-chapternav ul li:hover > span {
  color: #00b4ff
}
.pc .p-interview-chapternav ul li:hover .icon--arrow path, .pc .p-interview-chapternav ul li:hover .icon--arrow polygon, .pc .p-interview-chapternav ul li:hover .icon--arrow rect {
  fill: #00b4ff
}
.p-interview-chapternav ul li:first-child {
  margin-top: 0
}
@media screen and (max-width:900px) {
  .p-interview-chapternav ul li {
    height: 6.4vw;
    width: 32.8%;
    margin-right: .8%
  }
  .p-interview-chapternav ul li:nth-of-type(1), .p-interview-chapternav ul li:nth-of-type(2), .p-interview-chapternav ul li:nth-of-type(3) {
    margin-top: 0
  }
  .p-interview-chapternav ul li:nth-of-type(3n+3) {
    margin-right: 0
  }
}
.p-interview-chapternav ul li > span {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding-right: 8px
}
@media screen and (max-width:900px) {
  .p-interview-chapternav ul li > span {
    font-size: 3.2vw
  }
}
.p-interview-chapternav ul li .icon--arrow {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  right: 6px;
  margin-top: -7px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.p-interview-chapternav ul li .icon--arrow path, .p-interview-chapternav ul li .icon--arrow polygon, .p-interview-chapternav ul li .icon--arrow rect {
  fill: #fff
}
@media screen and (max-width:900px) {
  .p-interview-chapternav ul li .icon--arrow {
    width: 3.2vw;
    height: 3.2vw;
    right: 1.33333vw;
    margin-top: -1.6vw
  }
}
.p-interview-profile {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 288px;
  min-height: 288px;
  padding: 25px 28px 55px;
  color: #fff;
  background-color: #00b4ff
}
.p-interview-profile__wide {
  width: 298px
}
@media screen and (max-width:900px) {
  .p-interview-profile {
    position: relative;
    width: 100%;
    min-height: 0;
    margin-top: -8vw;
    background: #00b4ff url(../img/special/interview/profile_bg.png) no-repeat left top;
    background-size: 100% auto;
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw
  }
}
.p-interview-profile > p.article-num {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 11px;
  padding-left: 1px
}
@media screen and (max-width:900px) {
  .p-interview-profile > p.article-num {
    font-size: 3.2vw;
    line-height: 1.08;
    margin-bottom: 2.66667vw;
    padding-left: 0
  }
}
.p-interview-profile > p.name {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 12px
}
@media screen and (max-width:900px) {
  .p-interview-profile > p.name {
    font-size: 5.6vw;
    line-height: 1.238;
    margin-bottom: 2.13333vw
  }
}
.p-interview-profile > p.position {
  font-size: 14px;
  line-height: 20px
}
@media screen and (max-width:900px) {
  .p-interview-profile > p.position {
    font-size: 2.93333vw;
    line-height: 1.3
  }
}
.p-interview-profile div.pager {
  position: absolute;
  bottom: 20px;
  left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:900px) {
  .p-interview-profile div.pager {
    left: auto;
    right: 5.33333vw;
    bottom: 5.33333vw;
    display: block
  }
}
.p-interview-profile div.pager p {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  margin-right: 9px
}
@media screen and (max-width:900px) {
  .p-interview-profile div.pager p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.66667vw;
    font-size: 2.93333vw
  }
}
.p-interview-profile div.pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-interview-profile div.pager ul li {
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 6px
}
@media screen and (max-width:900px) {
  .p-interview-profile div.pager ul li {
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 1.33333vw
  }
  .p-interview-profile div.pager ul li:last-child {
    margin-right: 0
  }
}
.p-interview-profile div.pager ul li a {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  pointer-events: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  line-height: 14px
}
@media screen and (max-width:900px) {
  .p-interview-profile div.pager ul li a {
    font-size: 3.73333vw
  }
}
.pc .p-interview-profile div.pager ul li a {
  -webkit-transition: background-color .3s, color .3s;
  transition: background-color .3s, color .3s
}
.pc .p-interview-profile div.pager ul li a:hover {
  background-color: #fff;
  color: #00b4ff
}
.p-interview-profile div.pager ul li.selected a {
  pointer-events: none;
  background-color: #fff;
  color: #00b4ff
}
.p-interview-profile__TL {
  top: 79px;
  left: 90px
}
@media screen and (max-width:900px) {
  .p-interview-profile__TL {
    top: 0;
    left: 0
  }
}
.p-interview-profile__TR {
  top: 79px;
  right: 90px
}
@media screen and (max-width:900px) {
  .p-interview-profile__TR {
    top: 0;
    left: 0
  }
}
.p-interview-profile__BL {
  bottom: 31px;
  left: 20px
}
@media screen and (max-width:900px) {
  .p-interview-profile__BL {
    top: 0;
    left: 0
  }
}
.p-interview-profile__CENTER {
  top: 79px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}
@media screen and (max-width:900px) {
  .p-interview-profile__CENTER {
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.p-interview-career {
  position: relative;
  max-width: 1240px;
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto
}
@media screen and (max-width:900px) {
  .p-interview-career {
    margin-top: 0
  }
}
.p-interview-career__wrap {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 374px;
  margin-left: auto;
  margin-right: 20px;
  padding: 10px 14px 10px 16px
}
@media screen and (max-width:900px) {
  .p-interview-career__wrap {
    width: 100%;
    padding-top: 4.53333vw;
    padding-bottom: 4.53333vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    margin-right: 0;
    margin-left: 0
  }
}
.p-interview-career__wrap p {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5
}
@media screen and (max-width:900px) {
  .p-interview-career__wrap p {
    font-size: 3.2vw;
    line-height: 1.583
  }
}
.l-cate-kv__bg--interview .p-triangle--kv-left {
  border-bottom: 133px solid #00b4ff;
  border-left: 133px solid #00b4ff
}
@media screen and (max-width:900px) {
  .l-cate-kv__bg--interview .p-triangle--kv-left {
    border-bottom: 17.06667vw solid #00b4ff;
    border-left: 17.06667vw solid #00b4ff
  }
}
.l-cate-kv__bg--interview .p-triangle--kv-right {
  border-right: 133px solid #00b4ff;
  border-top: 133px solid #00b4ff
}
@media screen and (max-width:900px) {
  .l-cate-kv__bg--interview .p-triangle--kv-right {
    border-right: 17.06667vw solid #00b4ff;
    border-top: 17.06667vw solid #00b4ff
  }
}
.p-history-title {
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #d6563d
}
@media screen and (max-width:900px) {
  .p-history-title {
    margin-bottom: 6.13333vw
  }
}
.p-history-title .title-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 40px 7px;
  border-bottom: 3px solid #d6563d
}
@media screen and (max-width:900px) {
  .p-history-title .title-wrapper {
    width: 86.66667vw;
    padding-bottom: 2.13333vw;
    padding-left: 0;
    padding-right: 0
  }
}
.p-history-title .title-wrapper .title-main {
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-history-title .title-wrapper .title-main {
    font-size: 4.53333vw;
    line-height: 6.13333vw
  }
}
.p-history-visual {
  position: absolute
}
@media screen and (max-width:900px) {
  .p-history-visual {
    height: 48.53333vw;
    width: 74.66667vw
  }
}
.p-history-visual--kv-left {
  width: 295px;
  height: 332px;
  top: 0;
  left: 0
}
@media screen and (max-width:900px) {
  .p-history-visual--kv-left {
    width: 39.33333vw;
    height: 44.26667vw;
    top: -6.4vw;
    left: -23.73333vw
  }
}
.p-history-visual--kv-right {
  width: 284px;
  height: 332px;
  top: 0;
  right: 0
}
@media screen and (max-width:900px) {
  .p-history-visual--kv-right {
    width: 28.4vw;
    height: 33.2vw;
    top: 17.86667vw;
    right: -5.86667vw
  }
}
.l-cate-kv__bg--history .p-triangle--kv-left {
  border-bottom: 133px solid #dd725e;
  border-left: 133px solid #dd725e
}
@media screen and (max-width:900px) {
  .l-cate-kv__bg--history .p-triangle--kv-left {
    border-bottom: 17.06667vw solid #dd725e;
    border-left: 17.06667vw solid #dd725e
  }
}
.l-cate-kv__bg--history .p-triangle--kv-right {
  border-right: 133px solid #dd725e;
  border-top: 133px solid #dd725e
}
@media screen and (max-width:900px) {
  .l-cate-kv__bg--history .p-triangle--kv-right {
    border-right: 17.06667vw solid #dd725e;
    border-top: 17.06667vw solid #dd725e
  }
}
.p-history-events {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1100px;
  margin: 50px auto 0;
  padding: 0 20px
}
@media screen and (max-width:900px) {
  .p-history-events {
    margin-top: 9.6vw;
    padding-left: 6.66667vw;
    padding-right: 6.66667vw
  }
}
.p-history-events h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  margin-bottom: 25px;
  text-align: center;
  color: #d6563d
}
@media screen and (max-width:900px) {
  .p-history-events h3 {
    font-size: 4.53333vw;
    line-height: 1.3529;
    margin-bottom: 4.53333vw
  }
}
.p-history-events--list {
  position: relative;
  width: 100%;
  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
}
.p-history-events--list > li {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 6px solid #d6563d;
  width: calc(50% - 10px);
  padding: 28px 27px 24px;
  margin-bottom: 20px
}
@media screen and (max-width:900px) {
  .p-history-events--list > li {
    border: 1.33333vw solid #d6563d;
    width: 100%;
    padding-top: 4vw;
    padding-bottom: 4vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
    margin-bottom: 4vw
  }
}
.p-history-events--list > li p.year {
  font-weight: 700;
  color: #d6563d;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 8px
}
@media screen and (max-width:900px) {
  .p-history-events--list > li p.year {
    font-size: 4.53333vw;
    margin-bottom: 1.6vw
  }
}
.p-history-events--list > li .inner-list > li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  padding-left: 15px
}
.p-history-events--list > li .inner-list > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・"
}
@media screen and (max-width:900px) {
  .p-history-events--list > li .inner-list > li {
    font-size: 3.2vw;
    line-height: 1.416;
    padding-left: 3.2vw
  }
}
.p-rolling-title {
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #ff8400
}
@media screen and (max-width:900px) {
  .p-rolling-title {
    margin-bottom: 6.13333vw
  }
}
.p-rolling-title .title-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 40px 7px;
  border-bottom: 3px solid #ff8400
}
@media screen and (max-width:900px) {
  .p-rolling-title .title-wrapper {
    width: 86.66667vw;
    padding-bottom: 2.13333vw;
    padding-left: 0;
    padding-right: 0
  }
}
.p-rolling-title .title-wrapper .title-main {
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-rolling-title .title-wrapper .title-main {
    font-size: 4.53333vw;
    line-height: 6.13333vw
  }
}
.l-cate-kv__bg--rolling .p-triangle--kv-left {
  border-bottom: 133px solid #ff8400;
  border-left: 133px solid #ff8400
}
@media screen and (max-width:900px) {
  .l-cate-kv__bg--rolling .p-triangle--kv-left {
    border-bottom: 17.06667vw solid #ff8400;
    border-left: 17.06667vw solid #ff8400
  }
}
.l-cate-kv__bg--rolling .p-triangle--kv-right {
  border-right: 133px solid #ff8400;
  border-top: 133px solid #ff8400
}
@media screen and (max-width:900px) {
  .l-cate-kv__bg--rolling .p-triangle--kv-right {
    border-right: 17.06667vw solid #ff8400;
    border-top: 17.06667vw solid #ff8400
  }
}
.p-rolling-profile {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 700px;
  margin: 54px auto 36px;
  border: 6px solid #ff8400;
  padding: 28px 40px 28px 148px
}
@media screen and (max-width:900px) {
  .p-rolling-profile {
    width: 89.33333vw;
    border: 1.33333vw solid #ff8400;
    margin-top: 10.13333vw;
    margin-bottom: 9.6vw;
    padding-top: 5.6vw;
    padding-bottom: 5.86667vw;
    padding-left: 22.93333vw;
    padding-right: 1.33333vw
  }
}
.p-rolling-profile__img {
  position: absolute;
  top: 50%;
  left: 30px;
  width: 89px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
@media screen and (max-width:900px) {
  .p-rolling-profile__img {
    width: 16.93333vw;
    left: 3.2vw
  }
}
.p-rolling-profile__img > img {
  width: 100%;
  height: auto
}
.p-rolling-profile__name {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  color: #ff8400;
  margin-bottom: 9px
}
@media screen and (max-width:900px) {
  .p-rolling-profile__name {
    font-size: 4.53333vw;
    margin-bottom: 1.6vw
  }
}
.p-rolling-profile__body {
  font-size: 14px;
  line-height: 24px
}
@media screen and (max-width:900px) {
  .p-rolling-profile__body {
    font-size: 3.2vw;
    line-height: 1.416
  }
}
.p-company-title {
  text-align: center
}
.p-company-title .title-wrapper {
  display: inline-block
}
@media screen and (max-width:900px) {
  .p-company-title .title-wrapper {
    width: 90.13333vw
  }
}
.p-company-title .title-wrapper .title-main {
  font-size: 48px;
  line-height: 64px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 10px
}
@media screen and (max-width:900px) {
  .p-company-title .title-wrapper .title-main {
    font-size: 5.6vw;
    line-height: 1.35;
    letter-spacing: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 2.66667vw
  }
}
.p-company-title .title-wrapper hr {
  background: #00b4ff;
  height: 3px;
  width: 100%;
  margin-bottom: 17px
}
@media screen and (max-width:900px) {
  .p-company-title .title-wrapper hr {
    height: .8vw;
    margin-bottom: 3.73333vw
  }
}
.p-company-title .title-wrapper .title-declaration li p {
  font-size: 26px;
  line-height: 1.5
}
@media screen and (max-width:900px) {
  .p-company-title .title-wrapper .title-declaration li p {
    font-size: 4vw
  }
}
.p-company-title .title-wrapper .title-declaration li p > span {
  color: #00b4ff
}
.p-company-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px
}
@media screen and (max-width:900px) {
  .p-company-list {
    margin-top: 6.13333vw
  }
}
.p-company-list__box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-top: 56px;
  padding-bottom: 35px;
  margin-bottom: 50px
}
.p-company-list__box:last-child {
  margin-bottom: 0
}
@media screen and (max-width:900px) {
  .p-company-list__box {
    padding-top: 8vw;
    padding-bottom: 0;
    margin-bottom: 8vw
  }
}
.p-company-list__box h3 {
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  width: 170px;
  height: 170px;
  padding: 18px;
  background-color: #00b4ff
}
.p-company-list__box h3:after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 69px;
  height: 68px;
  content: "";
  background: url(../img/company/arrow.png) no-repeat left top;
  background-size: contain
}
@media screen and (max-width:900px) {
  .p-company-list__box h3 {
    width: 50.66667vw;
    height: 14.66667vw;
    padding: 0;
    padding-top: .26667vw;
    padding-left: 2.4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .p-company-list__box h3:after {
    top: 50%;
    bottom: auto;
    width: 9.2vw;
    height: 9.06667vw;
    margin-top: -4.53333vw
  }
}
.p-company-list__box h3 > span {
  color: #fff;
  display: block
}
.p-company-list__box h3 > span.jp {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 2px
}
@media screen and (max-width:900px) {
  .p-company-list__box h3 > span.jp {
    font-size: 4vw;
    line-height: 4.53333vw;
    margin-bottom: 1.06667vw
  }
}
.p-company-list__box h3 > span.en {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  font-size: 16px;
  line-height: 17px
}
@media screen and (max-width:900px) {
  .p-company-list__box h3 > span.en {
    font-size: 2.66667vw;
    line-height: 2.93333vw
  }
}
.p-company-list__box .body-box {
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  width: 348px;
  min-height: 374px;
  background-color: #fff;
  overflow: hidden;
  padding-top: 36px;
  padding-bottom: 80px
}
@media screen and (max-width:900px) {
  .p-company-list__box .body-box {
    position: relative;
    width: 94.66667vw;
    min-height: 44vw;
    margin-top: -5.33333vw;
    padding-top: 18px;
    padding-bottom: 50px
  }
}
.p-company-list__box .body-box .label {
  position: absolute;
  top: -2px;
  width: 62px
}
.p-company-list__box .body-box .label > img {
  width: 100%;
  height: auto
}
@media screen and (max-width:900px) {
  .p-company-list__box .body-box .label {
    width: 8.26667vw
  }
}
.p-company-list__box .body-box .body {
  font-size: 15px;
  line-height: 28px
}
@media screen and (max-width:900px) {
  .p-company-list__box .body-box .body {
    font-size: 3.46667vw;
    line-height: 1.385
  }
}
.p-company-list__box .body-box a.more {
  position: absolute;
  bottom: 39px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  color: #00b4ff;
  padding-bottom: 4px;
  border-bottom: 2px solid #00b4ff
}
@media screen and (max-width:900px) {
  .p-company-list__box .body-box a.more {
    font-size: 3.2vw;
    bottom: 5.33333vw
  }
}
.p-company-list__box .img-box {
  pointer-events: none
}
.p-company-list__box .img-box > img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 904px;
  border: 6px solid #fff
}
@media screen and (max-width:900px) {
  .p-company-list__box .img-box > img {
    border: none
  }
}
.p-company-list__box:nth-child(odd) {
  text-align: left
}
.p-company-list__box:nth-child(odd) h3 {
  left: 40px
}
@media screen and (max-width:900px) {
  .p-company-list__box:nth-child(odd) h3 {
    left: auto;
    right: 5.33333vw
  }
}
.p-company-list__box:nth-child(odd) .body-box {
  right: 0;
  padding-left: 40px;
  padding-right: 80px
}
@media screen and (max-width:900px) {
  .p-company-list__box:nth-child(odd) .body-box {
    right: auto;
    left: 5.33333vw;
    padding-left: 20px;
    padding-right: 60px
  }
}
.p-company-list__box:nth-child(odd) .body-box .label {
  right: -2px
}
.p-company-list__box:nth-child(odd) .body-box a.more {
  left: 50px
}
@media screen and (max-width:900px) {
  .p-company-list__box:nth-child(odd) .body-box a.more {
    left: 5.33333vw
  }
}
.p-company-list__box:nth-child(odd) .img-box {
  padding-right: 40px
}
@media screen and (max-width:900px) {
  .p-company-list__box:nth-child(odd) .img-box {
    padding-right: 5.33333vw
  }
}
.p-company-list__box:nth-child(even) {
  text-align: right
}
.p-company-list__box:nth-child(even) h3 {
  right: 40px
}
@media screen and (max-width:900px) {
  .p-company-list__box:nth-child(even) h3 {
    right: auto;
    left: 5.33333vw
  }
}
.p-company-list__box:nth-child(even) .body-box {
  left: 0;
  padding-left: 98px;
  padding-right: 30px
}
@media screen and (max-width:900px) {
  .p-company-list__box:nth-child(even) .body-box {
    left: auto;
    padding-left: 13.33333vw;
    padding-right: 5.33333vw
  }
}
.p-company-list__box:nth-child(even) .body-box .label {
  left: -2px
}
.p-company-list__box:nth-child(even) .body-box a.more {
  left: 108px
}
@media screen and (max-width:900px) {
  .p-company-list__box:nth-child(even) .body-box a.more {
    left: 13.33333vw
  }
}
.p-company-list__box:nth-child(even) .img-box {
  padding-left: 40px
}
@media screen and (max-width:900px) {
  .p-company-list__box:nth-child(even) .img-box {
    padding-left: 5.33333vw
  }
}
.p-company-related {
  margin-top: 100px
}
@media screen and (max-width:900px) {
  .p-company-related {
    margin-top: 13.33333vw
  }
}
.p-company-related ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:900px) {
  .p-company-related ul {
    display: block
  }
}
.p-company-related ul li {
  position: relative;
  width: calc(50% - 10px);
  height: 116px
}
@media screen and (max-width:900px) {
  .p-company-related ul li {
    width: 100%;
    height: 18.66667vw;
    margin-bottom: 4vw
  }
}
.p-company-related ul li a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00b4ff
}
.pc .p-company-related ul li a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-company-related ul li a.is-hover-on, .pc .p-company-related ul li a:hover {
  opacity: .7
}
.p-company-related ul li a > svg {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -16px;
  width: 34px;
  height: 34px
}
@media screen and (max-width:900px) {
  .p-company-related ul li a > svg {
    margin-top: -2.13333vw;
    width: 4.53333vw;
    height: 4.53333vw
  }
}
.p-company-related ul li a > svg path, .p-company-related ul li a > svg polygon, .p-company-related ul li a > svg rect {
  fill: #fff
}
.p-company-related ul li a > span {
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  color: #fff;
  text-decoration: none
}
@media screen and (max-width:900px) {
  .p-company-related ul li a > span {
    font-size: 4vw
  }
}
.p-company-profile {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 60px
}
@media screen and (max-width:900px) {
  .p-company-profile {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    margin-bottom: 10.66667vw
  }
}
.p-company-profile--wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding-top: 70px;
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 36px;
  background-color: #fff
}
@media screen and (max-width:900px) {
  .p-company-profile--wrapper {
    padding-top: 5.33333vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    padding-bottom: 2.4vw
  }
}
.p-company-profile--wrapper dl {
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-company-profile--wrapper dl:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ccc
}
.p-company-profile--wrapper dl:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 88px;
  height: 1px;
  background-color: #00b4ff
}
@media screen and (max-width:900px) {
  .p-company-profile--wrapper dl {
    display: block;
    font-size: 3.2vw;
    line-height: 5.86667vw;
    padding-top: 4.26667vw;
    padding-bottom: 4.26667vw
  }
  .p-company-profile--wrapper dl:after {
    width: 21.06667vw
  }
}
.p-company-profile--wrapper dl dt {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 19.88095%;
  color: #00b4ff;
  padding: 18px 0 17px
}
@media screen and (max-width:900px) {
  .p-company-profile--wrapper dl dt {
    width: 100%;
    padding: 0
  }
}
.p-company-profile--wrapper dl dd {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80.11905%;
  padding: 18px 0 17px
}
@media screen and (max-width:900px) {
  .p-company-profile--wrapper dl dd {
    width: 100%;
    padding: 0
  }
}
.p-company-profile--wrapper dl dd ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid #ccc
}
@media screen and (max-width:900px) {
  .p-company-profile--wrapper dl dd ul li {
    display: block;
    padding-bottom: 3.2vw;
    margin-bottom: 3.73333vw
  }
}
.p-company-profile--wrapper dl dd ul.address-list li p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 250px);
  padding-right: 25px
}
@media screen and (max-width:900px) {
  .p-company-profile--wrapper dl dd ul.address-list li p {
    width: 100%;
    padding-right: 0
  }
}
.p-company-profile--wrapper dl dd ul.address-list li p:first-child {
  width: 130px;
  padding-right: 0
}
@media screen and (max-width:900px) {
  .p-company-profile--wrapper dl dd ul.address-list li p:first-child {
    width: 100%;
    padding-right: 0
  }
}
.p-company-profile--wrapper dl dd ul.address-list li p:last-child {
  text-align: right;
  width: 120px;
  padding-right: 3px
}
.p-company-profile--wrapper dl dd ul.address-list li p:last-child a {
  margin-right: 13px
}
.pc .p-company-profile--wrapper dl dd ul.address-list li p:last-child a {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.p-company-profile--wrapper dl dd ul.address-list li p:last-child a.is-hover-on, .pc .p-company-profile--wrapper dl dd ul.address-list li p:last-child a:hover {
  opacity: .7
}
.p-company-profile--wrapper dl dd ul.address-list li p:last-child a:last-child {
  margin-right: 0
}
@media screen and (max-width:900px) {
  .p-company-profile--wrapper dl dd ul.address-list li p:last-child {
    text-align: left;
    width: 100%;
    padding-top: .8vw;
    padding-right: 0
  }
  .p-company-profile--wrapper dl dd ul.address-list li p:last-child a {
    margin-right: 1.6vw
  }
  .p-company-profile--wrapper dl dd ul.address-list li p:last-child a:last-child {
    margin-right: 0
  }
}
.p-company-profile--wrapper dl dd ul.address-list li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none
}
@media screen and (max-width:900px) {
  .p-company-profile--wrapper dl dd ul.directors-list li {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0
  }
}
.p-company-notice {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px
}
@media screen and (max-width:900px) {
  .p-company-notice {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw
  }
}
.p-company-notice--wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding-top: 70px;
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 70px;
  background-color: #fff
}
@media screen and (max-width:900px) {
  .p-company-notice--wrapper {
    padding-top: 9.6vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    padding-bottom: 10.66667vw
  }
}
.p-company-notice--wrapper > p {
  text-align: center;
  font-size: 14px;
  line-height: 1.42857;
  margin-bottom: 35px
}
@media screen and (max-width:900px) {
  .p-company-notice--wrapper > p {
    font-size: 3.2vw;
    line-height: 1.83333;
    margin-bottom: 6.93333vw
  }
}
.p-company-notice--wrapper h2 {
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 28px;
  line-height: 1;
  color: #00b4ff;
  font-weight: 700;
  width: 190px;
  padding-bottom: 14px;
  border-bottom: 3px solid #00b4ff;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px
}
@media screen and (max-width:900px) {
  .p-company-notice--wrapper h2 {
    width: 33.33333vw;
    font-size: 5.86667vw;
    border-width: .8vw;
    padding-bottom: 2.13333vw;
    margin-bottom: 5.33333vw
  }
}
.p-company-notice--wrapper ul {
  border-top: 1px solid #ccc;
  margin-bottom: 59px
}
.p-company-notice--wrapper ul:last-child {
  margin-bottom: 0
}
@media screen and (max-width:900px) {
  .p-company-notice--wrapper ul {
    margin-bottom: 8vw
  }
  .p-company-notice--wrapper ul:last-child {
    margin-bottom: 0
  }
}
.p-company-notice--wrapper ul li {
  font-size: 14px;
  line-height: 1.42857;
  border-bottom: 1px solid #ccc;
  padding-top: 18px;
  padding-bottom: 17px
}
@media screen and (max-width:900px) {
  .p-company-notice--wrapper ul li {
    font-size: 3.2vw;
    line-height: 1.8333;
    padding-top: 2.66667vw;
    padding-bottom: 2.66667vw
  }
}
.p-company-notice--wrapper ul li .wrapper {
  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
}
.p-company-notice--wrapper ul li .wrapper p > span {
  font-weight: 700
}
@media screen and (max-width:900px) {
  .p-company-notice--wrapper ul li .wrapper {
    padding-bottom: .53333vw
  }
}
.p-company-entry {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 46px
}
@media screen and (max-width:900px) {
  .p-company-entry {
    margin-top: 6.13333vw
  }
}
.p-company-entry .entry-article {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  overflow: hidden
}
.p-company-entry .entry-article:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden
}
.p-company-entry .entry-article:last-child {
  margin-bottom: 0
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article {
    margin-bottom: 8vw
  }
  .p-company-entry .entry-article:last-child {
    margin-bottom: 0
  }
}
.p-company-entry .entry-article__wrap {
  position: relative;
  max-width: 1270px
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article__wrap:first-child .img-box {
    margin-top: 0
  }
}
.p-company-entry .entry-article__wrap:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden
}
.p-company-entry .entry-article__wrap .img-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-top: 50px;
  width: 48.8189%;
  z-index: 1
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article__wrap .img-box {
    width: 100%
  }
}
.p-company-entry .entry-article__wrap .img-box figure img {
  width: 100%;
  height: auto
}
.ie .p-company-entry .entry-article__wrap .img-box figure img {
  min-height: 1%
}
.p-company-entry .entry-article__wrap .img-box figure figcaption {
  font-size: 14px;
  line-height: 24px;
  padding-top: 6px
}
.p-company-entry .entry-article__wrap .img-box figure figcaption:before {
  content: "▲"
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article__wrap .img-box figure figcaption {
    font-size: 2.66667vw;
    line-height: 3.2vw
  }
}
.p-company-entry .entry-article__wrap .text-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 51.1811%;
  background-color: #fff
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article__wrap .text-box {
    position: relative;
    margin: 0 auto;
    width: 84vw
  }
}
.p-company-entry .entry-article__wrap .text-box strong {
  font-weight: 700
}
.p-company-entry .entry-article__wrap .text-box a {
  color: #00b4ff;
  text-decoration: none
}
.pc .p-company-entry .entry-article__wrap .text-box a:hover {
  text-decoration: underline
}
.p-company-entry .entry-article__wrap .text-box h3 {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  color: #00b4ff;
  font-size: 20px;
  line-height: 1.4
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article__wrap .text-box h3 {
    text-align: left;
    font-size: 4vw;
    line-height: 1.33
  }
}
.p-company-entry .entry-article__wrap .text-box p {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  font-size: 14px;
  line-height: 1.714;
  margin-top: 26px
}
.p-company-entry .entry-article__wrap .text-box p:first-child {
  margin-top: 0
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article__wrap .text-box p {
    font-size: 3.2vw;
    line-height: 1.583;
    margin-top: 5.33333vw
  }
}
.p-company-entry .entry-article--right .entry-article__wrap {
  float: right;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0)
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article--right .entry-article__wrap {
    float: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.p-company-entry .entry-article--right .entry-article__wrap .img-box {
  float: right;
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0)
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article--right .entry-article__wrap .img-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article--right .entry-article__wrap .img-box figure figcaption {
    text-align: right;
    padding-right: 5.06667vw
  }
}
.p-company-entry .entry-article--right .entry-article__wrap .text-box {
  float: left;
  padding-top: 46px;
  padding-right: 82px;
  padding-bottom: 49px;
  padding-left: 49px;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0)
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-company-entry .entry-article--right .entry-article__wrap .text-box {
    padding-top: 3.70968vw;
    padding-right: 6.6129vw;
    padding-bottom: 3.95161vw;
    padding-left: 3.95161vw
  }
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article--right .entry-article__wrap .text-box {
    float: none;
    padding-top: 5.86667vw;
    padding-bottom: 5.86667vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    -webkit-transform: translate(0, -5.33333vw);
    transform: translate(0, -5.33333vw);
    z-index: 1
  }
}
.p-company-entry .entry-article--left .entry-article__wrap {
  float: left;
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0)
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article--left .entry-article__wrap {
    float: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.p-company-entry .entry-article--left .entry-article__wrap .img-box {
  float: left;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0)
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article--left .entry-article__wrap .img-box {
    float: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
.p-company-entry .entry-article--left .entry-article__wrap .img-box figure figcaption {
  padding-left: 40px
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article--left .entry-article__wrap .img-box figure figcaption {
    text-align: left;
    padding-left: 5.06667vw
  }
}
.p-company-entry .entry-article--left .entry-article__wrap .text-box {
  float: right;
  padding-top: 46px;
  padding-right: 48px;
  padding-bottom: 49px;
  padding-left: 96px;
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0)
}
@media screen and (min-width:900.1px) and (max-width:1240px) {
  .p-company-entry .entry-article--left .entry-article__wrap .text-box {
    padding-top: 3.70968vw;
    padding-right: 3.87097vw;
    padding-bottom: 3.95161vw;
    padding-left: 7.74194vw
  }
}
@media screen and (max-width:900px) {
  .p-company-entry .entry-article--left .entry-article__wrap .text-box {
    float: none;
    padding-top: 5.86667vw;
    padding-bottom: 5.86667vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    -webkit-transform: translate(0, -5.33333vw);
    transform: translate(0, -5.33333vw);
    z-index: 1
  }
}
.p-recruit-title {
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px
}
@media screen and (max-width:900px) {
  .p-recruit-title {
    margin-bottom: 5.33333vw
  }
}
.p-recruit-title--career {
  width: 246px
}
@media screen and (max-width:900px) {
  .p-recruit-title--career {
    width: 45.33333vw
  }
}
.p-recruit-title--part {
  width: 278px
}
@media screen and (max-width:900px) {
  .p-recruit-title--part {
    width: 51.46667vw
  }
}
.p-recruit-title .title-main {
  font-weight: 700;
  color: #00b4ff;
  font-size: 28px;
  text-align: center
}
@media screen and (max-width:900px) {
  .p-recruit-title .title-main {
    font-size: 5.86667vw;
    margin-top: 2.13333vw;
    line-height: 1.289
  }
}
.p-recruit-title hr {
  background: #00b4ff;
  height: 3px;
  width: 100%;
  margin-top: 14px
}
@media screen and (max-width:900px) {
  .p-recruit-title hr {
    height: .8vw;
    margin-top: 1.6vw
  }
}
.p-recruit-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.p-recruit-list .p-recruit-list__box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(25% - 15px);
  min-height: 310px;
  background-color: #fff;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 6px
}
.pc .p-recruit-list .p-recruit-list__box {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}
.p-recruit-list .p-recruit-list__box.is-hover-on, .pc .p-recruit-list .p-recruit-list__box:hover {
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .2)
}
.p-recruit-list .p-recruit-list__box:nth-child(4n) {
  margin-right: 0
}
@media screen and (max-width:900px) {
  .p-recruit-list .p-recruit-list__box {
    min-height: 59.73333vw;
    width: calc(50% - 7.5px);
    margin-bottom: 4vw;
    margin-right: 15px;
    padding: 1.06667vw
  }
  .p-recruit-list .p-recruit-list__box:nth-child(4n) {
    margin-right: 15px
  }
  .p-recruit-list .p-recruit-list__box:nth-child(2n) {
    margin-right: 0
  }
}
.p-recruit-list .p-recruit-list__box a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  text-decoration: none
}
.p-recruit-list .p-recruit-list__box a .box-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 22px;
  font-size: 14px;
  line-height: 24px
}
@media screen and (max-width:900px) {
  .p-recruit-list .p-recruit-list__box a .box-wrap {
    font-size: 3.2vw;
    line-height: 1.4166
  }
}
.p-recruit-list .p-recruit-list__box a .box-wrap > img {
  width: 100%;
  height: auto;
  margin-bottom: 5px
}
@media screen and (max-width:900px) {
  .p-recruit-list .p-recruit-list__box a .box-wrap > img {
    margin-bottom: 2.93333vw
  }
}
.p-recruit-list .p-recruit-list__box a .box-wrap h3 {
  font-weight: 700;
  padding: 0 10px
}
@media screen and (max-width:900px) {
  .p-recruit-list .p-recruit-list__box a .box-wrap h3 {
    padding: 0 1.6vw
  }
}
.p-recruit-list .p-recruit-list__box a .box-wrap p {
  padding: 0 10px
}
@media screen and (max-width:900px) {
  .p-recruit-list .p-recruit-list__box a .box-wrap p {
    padding: 0 1.6vw
  }
}
.p-recruit-list .p-recruit-list__box a .box-wrap svg {
  position: absolute;
  right: 3px;
  bottom: 4px;
  width: 22px;
  height: 22px
}
.p-recruit-list .p-recruit-list__box a .box-wrap svg circle {
  fill: #00b4ff
}
.p-recruit-list .p-recruit-list__box a .box-wrap svg path {
  fill: #fff
}
@media screen and (max-width:900px) {
  .p-recruit-list .p-recruit-list__box a .box-wrap svg {
    right: .53333vw;
    bottom: .53333vw;
    width: 4vw;
    height: 4vw
  }
}
.p-recruit-entry {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px
}
@media screen and (max-width:900px) {
  .p-recruit-entry {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    margin-bottom: 8vw
  }
}
.p-recruit-entry--wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 67px;
  background-color: #fff
}
@media screen and (max-width:900px) {
  .p-recruit-entry--wrapper {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    padding-bottom: 6.66667vw
  }
}
.p-recruit-entry--table {
  margin-bottom: 20px
}
@media screen and (max-width:900px) {
  .p-recruit-entry--table {
    margin-bottom: 0
  }
}
.p-recruit-entry--table dl {
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-recruit-entry--table dl:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ccc
}
.p-recruit-entry--table dl:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 88px;
  height: 1px;
  background-color: #00b4ff
}
@media screen and (max-width:900px) {
  .p-recruit-entry--table dl {
    display: block;
    font-size: 3.2vw;
    line-height: 5.06667vw;
    padding-top: 4.8vw;
    padding-bottom: 4.26667vw
  }
  .p-recruit-entry--table dl:after {
    width: 21.06667vw
  }
}
.p-recruit-entry--table dt {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 19.88095%;
  color: #00b4ff;
  padding: 18px 0 17px
}
@media screen and (max-width:900px) {
  .p-recruit-entry--table dt {
    width: 100%;
    padding: 0;
    margin-bottom: .8vw
  }
}
.p-recruit-entry--table dd {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80.11905%;
  padding: 18px 0 17px
}
@media screen and (max-width:900px) {
  .p-recruit-entry--table dd {
    width: 100%;
    padding: 0
  }
}
.p-recruit-entry--table dd .box-para {
  margin-bottom: 20px
}
@media screen and (max-width:900px) {
  .p-recruit-entry--table dd .box-para {
    margin-bottom: 3.2vw
  }
}
.p-recruit-entry--table dd .box-para:last-child {
  margin-bottom: 0
}
.p-recruit-entry--table dd a {
  color: #00b4ff;
  text-decoration: none
}
.pc .p-recruit-entry--table dd a:hover {
  text-decoration: underline
}
.p-recruit-entry--table dd ul li {
  position: relative;
  padding-left: 14px
}
.p-recruit-entry--table dd ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・"
}
@media screen and (max-width:900px) {
  .p-recruit-entry--table dd ul li {
    padding-left: 3.2vw
  }
}
.p-recruit-entry--table dd ul.note-list li:before {
  content: "※"
}
.p-recruit-entry--title {
  margin-bottom: 40px
}
@media screen and (max-width:900px) {
  .p-recruit-entry--title {
    margin-bottom: 6.93333vw
  }
}
.p-recruit-entry--title .category {
  display: inline-block;
  background-color: #00b4ff;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  padding: 12px 14px;
  margin-bottom: 25px
}
@media screen and (max-width:900px) {
  .p-recruit-entry--title .category {
    font-size: 3.2vw;
    padding: 1.86667vw 2.66667vw;
    margin-bottom: 5.86667vw
  }
}
.p-recruit-entry--title h2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #00b4ff;
  margin-bottom: 20px
}
@media screen and (max-width:900px) {
  .p-recruit-entry--title h2 {
    font-size: 5.06667vw;
    line-height: 1.263;
    margin-bottom: 5.33333vw
  }
}
.p-recruit-entry--title p {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #00b4ff
}
@media screen and (max-width:900px) {
  .p-recruit-entry--title p {
    font-size: 3.46667vw;
    line-height: 4.8vw
  }
}
.p-recruit-entry--photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:900px) {
  .p-recruit-entry--photo {
    display: block
  }
}
.p-recruit-entry--photo figure {
  width: calc(50% - 10px)
}
@media screen and (max-width:900px) {
  .p-recruit-entry--photo figure {
    width: 100%;
    margin-bottom: 2.93333vw
  }
  .p-recruit-entry--photo figure:last-child {
    margin-bottom: 0
  }
}
.p-recruit-entry--photo figure img {
  width: 100%;
  height: auto
}
.ie .p-recruit-entry--photo figure img {
  min-height: 1%
}
.p-recruit-entry--photo figure figcaption {
  font-size: 14px;
  line-height: 20px;
  padding-top: 7px
}
@media screen and (max-width:900px) {
  .p-recruit-entry--photo figure figcaption {
    font-size: 3.2vw;
    line-height: 5.06667vw;
    padding-top: 1.6vw
  }
}
.p-recruit-listbtn {
  width: 300px;
  margin: 0 auto
}
@media screen and (max-width:900px) {
  .p-recruit-listbtn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw
  }
}
.u-wrap-1600 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px
}
@media screen and (max-width:1599px) {
  .u-wrap-1600 {
    max-width: 1300px
  }
}
@media screen and (min-width:900.1px) and (max-width:1300px) {
  .u-wrap-1600 {
    padding-left: 3.84615vw;
    padding-right: 3.84615vw
  }
}
@media screen and (max-width:900px) {
  .u-wrap-1600 {
    padding-left: 0;
    padding-right: 0;
    width: 89.33333%
  }
}
@media screen and (max-width:900px) {
  .u-wrap-1600--sp-w100 {
    width: 100%
  }
}
.u-wrap-1200 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px
}
@media screen and (min-width:900.1px) and (max-width:1300px) {
  .u-wrap-1200 {
    padding-left: 3.84615vw;
    padding-right: 3.84615vw
  }
}
@media screen and (max-width:900px) {
  .u-wrap-1200 {
    padding-left: 0;
    padding-right: 0;
    width: 89.33333%
  }
}
@media screen and (max-width:900px) {
  .u-wrap-1200--sp-w100 {
    width: 100%
  }
}
.u-none-b {
  display: none
}
.u-none-b--pc {
  display: block
}
@media screen and (max-width:900px) {
  .u-none-b--pc {
    display: none
  }
}
.u-none-b--sp {
  display: none
}
@media screen and (max-width:900px) {
  .u-none-b--sp {
    display: block
  }
}
.u-none-i {
  display: none
}
.u-none-i--pc {
  display: inline
}
@media screen and (max-width:900px) {
  .u-none-i--pc {
    display: none
  }
}
.u-none-i--sp {
  display: none
}
@media screen and (max-width:900px) {
  .u-none-i--sp {
    display: inline
  }
}

/* 2020.12 */
.sp_only {
	display: none;
}

.gl-loading{
	position:absolute;
	width:40px;
	height:40px;
	margin-left:-20px;
	margin-top:-20px;
	display:none;
	background-image:url(../img/loading.png);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0;
}

.gl-map{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.gl-bg{
	position:fixed;
	margin-top: -11px;
	padding-bottom: 11px;
	width:100%;
	height:100%;
	overflow:hidden;
	xbackground-color: #eeeeee;
    background: #eeeeee url("../img/body_bg.jpg") center repeat-y;
}

.sega_logo {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 110px;
	max-width: 20%;
	z-index: 9999;
}
.sega_logo img,
.sega_logo_f img {
	width: 100%;
	height: auto;
	margin-right: 10px;
}
.sega_logo_f {
	width: 110px;
	max-width: 20%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px
}

#main_content {
	width: 100%;
	text-align: center;
	padding-top: 50px;
	position: relative;
	overflow: hidden;
}

.bg_img {
	position: absolute;
	opacity: 0;
}
.img_01 {
	top: 10px;
	right: calc(50% - 350px);
	width: 80px;
  -webkit-animation-delay: 0.5s;
  animation-delay:0.5s;
}
.img_02 {
	top: 80px;
	right: calc(50% - 500px);
	width: 120px;
  -webkit-animation-delay: 0.7s;
  animation-delay:0.7s;
}
.img_03 {
	top: 180px;
	right: calc(50% - 700px);
	width: 170px;
  -webkit-animation-delay: 0.5s;
  animation-delay:0.5s;
}
.img_04 {
	top: 280px;
	right: calc(50% - 480px);
	width: 130px;
  -webkit-animation-delay: 0.7s;
  animation-delay:0.7s;
}
.img_05 {
	top: 360px;
	right: calc(50% - 330px);
	width: 100px;
  -webkit-animation-delay: 1s;
  animation-delay:1s;
}
.img_06 {
	top: 15px;
	left: calc(50% - 250px);
	width: 90px;
  -webkit-animation-delay: 0.7s;
  animation-delay:0.7s;
}
.img_07 {
	top: 50px;
	left: calc(50% - 550px);
	width: 170px;
  -webkit-animation-delay: 0.5s;
  animation-delay:0.5s;
}
.img_08 {
	top: 210px;
	left: calc(50% - 670px);
	width: 130px;
  -webkit-animation-delay: 0.7s;
  animation-delay:0.7s;
}
.img_09 {
	top: 320px;
	left: calc(50% - 390px);
	width: 150px;
  -webkit-animation-delay: 0.5s;
  animation-delay:0.5s;
}
.bg_img img {
	width: 100%;
	height: auto;
}

#main_content #title img {
	position: relative;
	width: 594px;
	max-width: 96%;
	height: auto;
}
#main_content p {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 50px;
}

#btn_history a img {
	transform: scale(1, 1);
	transition: 0.4s;
}
#btn_history a:hover img {
	transform: scale(1.05, 1.05);
}

.l-foot__links {
	height: 0px;
	padding-top: 30px;
	padding-bottom: 0px;
	overflow: hidden;
}
.atten_transportation {
    width: 70%;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
	border: #57b6ff 5px solid;
	padding: 20px 5%;
	font-size: 14px;
	line-height: 1.6;
}
.atten_transportation p {
	margin-bottom: 5px;
}
.atten_transportation ul.atten_li li {
	margin-left: 1em;
	text-indent: -1em;
	font-size: 80%;
}
.atten_transportation ul.atten_li a {
	font-weight: bold;
	color: #0090ff;
	text-decoration: underline;
	transition: 0.4s;
}
.atten_transportation ul.atten_li a:hover {
	text-decoration: none;
	background: #cde9ff;
}

#btn_topics {
	width: 100%;
	text-align: center;
	margin-bottom: 70px;
}
#btn_topics a img {
	width: 742px;
	max-width: 90%;
	height: auto;
	transform: scale(1, 1);
	transition: 0.4s;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#btn_topics a:hover img {
	transform: scale(1.05, 1.05);
}

@media screen and (max-width:900px){
	
.sp_only {
	display: inline-block;
}
.gl-bg{
	background: #eeeeee url("../img/body_bg_sp.jpg") center repeat-y;
	background-size: 100%; 
}
.img_01 {
	top: 0%;
	right: calc(50% - 30%);
	width: 12%;
}
.img_02 {
	top: 4%;
	right: calc(50% - 49%);
	width: 16%;
}
.img_05 {
	top: 50%;
	right: calc(50% - 45%);
	width: 10%;
}
.img_06 {
	top: 1%;
	left: calc(50% - 30%);
	width: 10%;
}
.img_07 {
	top: 4%;
	left: calc(50% - 49%);
	width: 18%;
}
.img_08 {
	top: 48%;
	left: calc(50% - 43%);
	width: 12%;
}
.img_03,
.img_04,
.img_09 {
	display: none;
	}
#main_content p {
  margin-bottom: 50px;
}
}