@charset "UTF-8";
@font-face {
  font-family: "MazdaTypeRegular";
  src: url("/en/resource/fonts/MazdaType-Regular.eot");
  src: url("/en/resource/fonts/MazdaType-Regular.eot?#iefix") format("embedded-opentype"), url("/en/resource/fonts/MazdaType-Regular.woff"), url("/en/resource/fonts/MazdaType-Regular.woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MazdaTypeBold";
  src: url("/en/resource/fonts/MazdaType-Bold.eot");
  src: url("/en/resource/fonts/MazdaType-Bold.eot?#iefix") format("embedded-opentype"), url("/en/resource/fonts/MazdaType-Bold.woff"), url("/en/resource/fonts/MazdaType-Bold.woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MazdaTypeMedium";
  src: url("/en/resource/fonts/MazdaType-Medium.eot");
  src: url("/en/resource/fonts/MazdaType-Medium.eot?#iefix") format("embedded-opentype"), url("/en/resource/fonts/MazdaType-Medium.woff"), url("/en/resource/fonts/MazdaType-Medium.woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MazdaTypeItalic";
  src: url("/en/resource/fonts/MazdaType-Italic.eot");
  src: url("/en/resource/fonts/MazdaType-Italic.eot?#iefix") format("embedded-opentype"), url("/en/resource/fonts/MazdaType-Italic.woff"), url("/en/resource/fonts/MazdaType-Italic.woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MazdaTypeBoldItalic";
  src: url("/en/resource/fonts/MazdaType-BoldItalic.eot");
  src: url("/en/resource/fonts/MazdaType-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/en/resource/fonts/MazdaType-BoldItalic.woff"), url("/en/resource/fonts/MazdaType-BoldItalic.woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MazdaTypeMediumItalic";
  src: url("/en/resource/fonts/MazdaType-MediumItalic.eot");
  src: url("/en/resource/fonts/MazdaType-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/en/resource/fonts/MazdaType-MediumItalic.woff"), url("/en/resource/fonts/MazdaType-MediumItalic.woff2");
  font-weight: normal;
  font-style: normal; }

/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
/*table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,*/
article,
aside,
dialog,
figure,
footer,
header,
nav,
section,
time,
mark,
audio,
video {
  font-size: 1em;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  font-size: 1em;
  margin: 0;
  padding: 0;
  /*border: 0;*/
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

html {
  font-size: 62.5%; }

body {
  -webkit-text-size-adjust: 100%; }

body,
table,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "MazdaTypeRegular", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "Hiragino Sans", "Meiryo", "Yu Gothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;}

table,
input,
textarea,
select,
option {
  line-height: 1.1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

img {
  vertical-align: top; }

a {
  color: #101010;
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    a.anchor{
        display: block;
        padding-top: 170px;
        margin-top: -170px;
    }
  }

form label {
  cursor: pointer; }

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

*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

@media (min-width: 768px) {
  html.is-fixed {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%; }
  body {
    min-width: 960px;
  }
  .sp-only {
    display: none !important; } }

@media screen and (max-width: 767px) {
  html.is-fixed {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%; }
  body {
    min-width: 100%;
    overflow-x: hidden; }
  .pc-only {
    display: none !important; }
  img {
    max-width: 100%;
    height: auto; } }

.l-container {
  padding-top: 170px; }
  @media screen and (max-width: 767px) {
    .l-container {
      padding-top: 0;
      overflow-x: hidden;
    }
  }
      @media screen and (max-width: 767px) {
        .en.page-release_details .notification.landing-null.cookies-true {
          padding-top: 60px;
          position: relative;
          margin-bottom: -56px;
        }
        }
        
        @media (min-width: 768px) {
          .en.page-release_details .notification.landing-null.cookies-true {
            padding-top: 170px;
            margin-bottom: -170px;
          }  
        }
        


.l-main {
  color: #101010;
  font-size: 16px;
  font-size: 1.6rem;
  #line-height: 1.875;
  line-height: 1.3;
  margin-top: -6px;}
  @media screen and (max-width: 767px) {
  .l-main {
  margin-top: 0;} }

/*------------------------------------------------------------
header
------------------------------------------------------------*/
.l-header {
  width: 100%;
  background: #2B2B2B;
  position: fixed;
  top: 0;
  z-index: 120;
}

@media (min-width: 768px) {
  .l-header {
    min-width: 960px;
  }
}

@media screen and (max-width: 767px) {
    .l-header {
      position: fixed; } }
  .l-header__inner {
    min-width: 960px;
    height: 110px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .l-header__inner {
        min-width: 100%;
        height: 60px; } }
/*20191209*/
  .l-header__logo {
    padding-top: 0;
    padding-left: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .l-header__logo {
        padding-left: 10px; }
        .l-header__logo img {
          width: 30px; } }
  .l-header__txt {
    margin-left: 35px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.2;
    color: #FFFFFF;
    font-weight: normal;
    letter-spacing: 0.214em; }
    @media screen and (max-width: 767px) {
      .l-header__txt {
        margin-left: 20px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.42857; } }
  .l-header__menu {
    padding-top: 0;/*20191209*/
    padding-right: 20px;
    text-align: right; }
    @media screen and (max-width: 767px) {
      .l-header__menu {
        padding-top: 0;
        padding-right: 0; } }
  .l-header__link {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .l-header__link {
        display: none; } }
    .l-header__link li {
      margin-left: 20px;
      color: #FFFFFF; }
      .l-header__link li a, .l-header__link li > span {
        position: relative;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1;
        color: #FFFFFF;
        font-weight: normal; }
        .l-header__link li a .icon, .l-header__link li > span .icon {
          margin-left: 10px; }
        .l-header__link li a .en, .l-header__link li > span .en {
          font-weight: normal; }
      .l-header__link li a {
        position: relative; }
        .l-header__link li a:before {
          content: "";
          position: absolute;
          left: 0;
          bottom: -5px;
          width: 100%;
          height: 2px;
          opacity: 0;
          background-color: #FFFFFF;
          -webkit-transform: scaleX(0);
              -ms-transform: scaleX(0);
                  transform: scaleX(0);
          -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
        .l-header__link li a:hover:before {
          opacity: 1;
          -webkit-transform: scaleX(1);
              -ms-transform: scaleX(1);
                  transform: scaleX(1); }
          @media screen and (max-width: 767px) {
            .l-header__link li a:hover:before {
              content: none; } }
  .l-header__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .l-header__btn .c-btn01:not(:first-child) {
      margin-left: 25px; }
    @media screen and (max-width: 767px) {
      .l-header__btn .c-btn01 {
        width: 36px;
        height: 60px;
        background: none; }
        .l-header__btn .c-btn01__txt {
          display: none; }
        .l-header__btn .c-btn01 .download {
          margin-right: 0; } }
    .l-header__btn .c-btn__search {
      width: 50px;
      height: 60px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .l-header__btn .c-btn__search.is-open {
        background: #101010; }
    .l-header__btn .c-btn__menu {
      width: 50px;
      height: 60px;
      background: #101010;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      .l-header__btn .c-btn__menu > i, .l-header__btn .c-btn__menu > i:before, .l-header__btn .c-btn__menu > i:after {
        width: 18px;
        height: 2px;
        background-color: #FFFFFF;
        display: block;
        position: relative;
        -webkit-transition: .3s;
        transition: .3s; }
      .l-header__btn .c-btn__menu > i:before,
      .l-header__btn .c-btn__menu > i:after {
        content: "";
        position: absolute;
        left: 0; }
      .l-header__btn .c-btn__menu > i:before {
        top: 6px; }
      .l-header__btn .c-btn__menu > i:after {
        top: -6px; }
      .l-header__btn .c-btn__menu.is-open > i {
        background: transparent; }
        .l-header__btn .c-btn__menu.is-open > i:before {
          top: 0;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .l-header__btn .c-btn__menu.is-open > i:after {
          top: 0;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }

.l-nav {
  width: 100%;
  background: #E7E7E7;
  position: fixed;
  top: 110px;/*20191209*/
  z-index: 100;
  min-width: 960px;
}
  @media screen and (max-width: 767px) {
    .l-nav {
      position: static;
      top: 0; } }
  .l-nav__inner {
    padding: 0 21px;
    min-width: 960px;
    height: 54px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .l-nav__inner {
        min-width: 100%;
        min-height: auto;
        display: block; } }
  .l-nav__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .l-nav__menu {
        padding-top: 100px;
        padding-bottom: 15px;
        width: 100%;
        height: 100%;
        background: #E7E7E7;
        display: block;
        overflow: scroll;
        visibility: hidden;
        position: fixed;
        top: -100%;
        left: 0;
        z-index: 10;
        -webkit-transition: visibility 0.5s, top 0.5s ease;
        transition: visibility 0.5s, top 0.5s ease; }
        .l-nav__menu.is-show {
          visibility: visible;
          top: 0;} }
    .l-nav__menu > li > a {
      display: block;
      padding: 13px 15px;
      height: 60px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #101010;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1;
      position: relative;
      text-align: center;}
      .l-nav__menu > li > a:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 3px;
        width: 100%;
        height: 2px;
        opacity: 0;
        background-color: #101010;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .l-nav__menu > li > a:hover:before {
        opacity: 1;
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1); }
        @media screen and (max-width: 767px) {
          .l-nav__menu > li > a:hover:before {
            content: none; } }
      @media screen and (max-width: 767px) {
        .l-nav__menu > li > a {
          padding: 10px 20px;
          height: auto;
          display: block;
          line-height: 1.875;
          text-align: left;
        } }
  .l-nav__parents {
    position: relative; }
    .l-nav__parents:hover .l-nav__children {
      top: 45px;
      visibility: visible;
      opacity: 1; }
      @media screen and (max-width: 767px) {
        .l-nav__parents:hover .l-nav__children {
          top: 0; } }
    .l-nav__parents > span {
      display: block;
      padding: 15px;
      height: 60px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #101010;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1;
      cursor: pointer;
      text-align: center;}
      @media screen and (max-width: 767px) {
        .l-nav__parents > span {
          padding: 15px 20px;
          height: auto;
          display: block;
          position: relative;
          line-height: 1.875;
          text-align: left;
        }
          .l-nav__parents > span:before, .l-nav__parents > span:after {
            content: "";
            width: 14px;
            width: 15px;
            height: 2px;
            background: #101010;
            position: absolute;
            top: 50%;
            right: 20px;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            -webkit-transition: .3s;
            transition: .3s; }
          .l-nav__parents > span:after {
            -webkit-transform: translateY(-50%) rotate(90deg);
                -ms-transform: translateY(-50%) rotate(90deg);
                    transform: translateY(-50%) rotate(90deg); }
          .l-nav__parents > span.is-open:after {
            -webkit-transform: translateY(-50%) rotate(0);
                -ms-transform: translateY(-50%) rotate(0);
                    transform: translateY(-50%) rotate(0); } }
  .l-nav__children {
    padding: 5px 0 0;
    min-width: 145px;
    background: #E7E7E7;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 40px;
    left: 15px;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    @media screen and (max-width: 767px) {
      .l-nav__children {
        position: relative;
        display: none;
        visibility: visible;
        -webkit-box-shadow: none;
                box-shadow: none;
        top: 0;
        left: 0;
        opacity: 1;
        -webkit-transition: none;
        transition: none; } }
    .l-nav__children > li a {
      padding: 10px 15px;
      color: #101010;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 2.14286;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      white-space: nowrap; }
      .l-nav__children > li a:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        opacity: 0;
        background-color: #101010;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .l-nav__children > li a:hover:before {
        opacity: 1;
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1); }
        @media screen and (max-width: 767px) {
          .l-nav__children > li a:hover:before {
            content: none; } }
      .l-nav__children > li a .icon {
        margin-left: 10px; }
      @media screen and (max-width: 767px) {
        .l-nav__children > li a {
          padding: 10px 30px; } }
  .l-nav__alert {
    margin: 15px 0 25px;
    padding: 0 20px; }
  .l-nav__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .l-nav__link li {
      width: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #101010; }
      .l-nav__link li:last-of-type {
        margin-top: 15px;
        width: 100%;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5; }
        .l-nav__link li:last-of-type a, .l-nav__link li:last-of-type > span {
          width: auto;
          font-size: 20px;
          font-size: 2rem;
          line-height: 1.5; }
      .l-nav__link li a, .l-nav__link li > span {
        padding: 15px 0;
        width: 100%;
        display: block;
        position: relative;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1;
        color: #101010;
        font-weight: normal;
        text-align: center; }
        .l-nav__link li a .icon, .l-nav__link li > span .icon {
          margin-left: 10px; }
        .l-nav__link li a .en, .l-nav__link li > span .en {
          font-weight: normal; }
  .l-nav__search {
    width: 18%; }
    @media screen and (max-width: 767px) {
      .l-nav__search {
        padding: 110px 20px 50px;
        width: 100%;
        background: #E7E7E7;
        -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
                box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        display: block;
        visibility: hidden;
        position: fixed;
        top: -100%;
        left: 0;
        z-index: 10;
        -webkit-transition: visibility 0.5s, top 0.5s ease;
        transition: visibility 0.5s, top 0.5s ease; }
        .l-nav__search.is-show {
          visibility: visible;
          top: 0; } }
    .l-nav__search .search__inner {
      width: 100%;
      border-bottom: 1px solid #999999;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 5px; }
  .l-nav__input {
    padding: 5px 10px 5px 0;
    width: calc(100% - 28px);
    height: 40px;
    background: none;
    border: none;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875; }
    @media screen and (max-width: 767px) {
      .l-nav__input {
        width: calc(100% - 30px); } }
  .l-nav input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none; }
  .l-nav input[type="search"]::-webkit-search-decoration {
    display: none; }
  .l-nav__btn {
    width: 21px;
    height: 21px;
    border: none;
    background: url("/en/resource/img/icon_search01.png") no-repeat;
    cursor: pointer;
    padding-right: 20px;}

    @supports (-ms-ime-align:auto) {
    .l-nav__btn {
        padding-right: 20px;
    }
}


/*------------------------------------------------------------
footer
------------------------------------------------------------*/
.l-footer__pagetop {
  width: 50px;
  height: 50px;
  border: 2px solid #444444;
  border-radius: 50%;
  display: block;
  position: fixed;
  right: 20px;
  bottom: 50px;
  z-index: 30;
  -webkit-transition: none;
  transition: none;
  -webkit-transition: background-color border-color .3s;
  transition: background-color border-color .3s;
  visibility: hidden;
  opacity: 0; }
  .l-footer__pagetop:before {
    content: "";
    margin-top: 3px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #444444;
    border-right: 2px solid #444444;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transition: background-color border-color .3s;
    transition: background-color border-color .3s; }
  .l-footer__pagetop:hover {
    background: #444444; }
    .l-footer__pagetop:hover:before {
      border-color: #E7E7E7; }
  .l-footer__pagetop.is-show {
    visibility: visible;
    opacity: 1; }
  .l-footer__pagetop.is-stop {
    bottom: 180px; }
    @media screen and (max-width: 767px) {
      .l-footer__pagetop.is-stop {
        bottom: 300px; } }
  @media screen and (max-width: 767px) {
    .l-footer__pagetop {
      right: 20px;
      bottom: 10px; }
      .l-footer__pagetop:hover {
        background: none; }
        .l-footer__pagetop:hover:before {
          border-color: #999999; } }

.l-footer__inner {
  min-width: 960px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 767px) {
    .l-footer__inner {
      width: 100%;
      min-width: 100%;
      padding: 0px 25px 0px 25px;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }

.l-footer__top {
  width: 100%;
  background: #F5F5F5;
  color: #101010; }
  @media screen and (max-width: 767px) {
    .l-footer__top {
      padding: 0; } }
  .l-footer__top .l-footer__inner {
    padding: 34px 25px 34px 40px; }
  @media screen and (max-width: 767px) {
    .l-footer__top .l-footer__inner {
      padding: 0; }}

.l-footer__global {
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.66667;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .l-footer__global:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    opacity: 0;
    background-color: #101010;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .l-footer__global:hover:before {
    opacity: 1;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1); }
    @media screen and (max-width: 767px) {
      .l-footer__global:hover:before {
        content: none; } }
  @media screen and (max-width: 767px) {
    .l-footer__global {
      width: 100%;
      height: 60px;
      background: #999999;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      color: #FFFFFF; } }
  .l-footer__global img {
    margin-right: 10px; }

.l-footer__sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 767px) {
    .l-footer__sns {
      padding: 30px 5px 20px;
      width: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; } }
  .l-footer__sns dt {
    margin-right: 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .l-footer__sns dt {
        width: 100%;
        margin-right: 0;
        text-align: center; } }
  @media screen and (max-width: 767px) {
    .l-footer__sns dd {
      margin: 30px 50px 15px;
      padding: 0 10px;
      width: 100%; } }
  .l-footer__sns dd ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .l-footer__sns dd ul {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .l-footer__sns dd ul li {
      margin-left: 10px; }
      @media screen and (max-width: 767px) {
        .l-footer__sns dd ul li {
          margin-left: 0; } }
      .l-footer__sns dd ul li a {
        display: block;
        margin-right: 18px;
        -webkit-backface-visibility:hidden; }
        @media screen and (max-width: 767px) {
          .l-footer__sns dd ul li a {
            margin-right: 0px; } }
        .l-footer__sns dd ul li a img {
          opacity: 1; }
        .l-footer__sns dd ul li a:hover img {
          opacity: 0; }

.l-footer__icon--tw {
  width: 43px;
  height: 43px;
  background: url("/en/resource/img/footer_icon_tw01_ov.png") no-repeat center; }

.l-footer__icon--fb {
  width: 43px;
  height: 43px;
  background: url("/en/resource/img/footer_icon_fb01_ov.png") no-repeat center; }

.l-footer__icon--in {
  width: 43px;
  height: 43px;
  background: url("/en/resource/img/footer_icon_in01_ov.png") no-repeat center; }

.l-footer__icon--hb {
  width: 32px;
  height: 32px;
  background: url("/en/resource/img/footer_icon_hb01_ov.svg") no-repeat center; }

.l-footer__icon--pi {
  width: 43px;
  height: 43px;
  background: url("/en/resource/img/footer_icon_pi01_ov.png") no-repeat center; }

.l-footer__icon--yt {
  width: 34px;
  height: 24px;
  background: url("/en/resource/img/footer_icon_yt01_ov.png") no-repeat center; }

.l-footer__bottom {
  width: 100%;
  background: #101010; }
  .l-footer__bottom .l-footer__inner {
    padding: 16px 20px 16px 40px; }
    @media screen and (max-width: 767px) {
      .l-footer__bottom .l-footer__inner {
        padding: 20px 20px 12px; } }

.l-footer__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 767px) {
    .l-footer__link {
      margin-bottom: 3px;
      width: 100%; } }
  .l-footer__link li {
    margin-right: 40px; }
    @media screen and (max-width: 767px) {
      .l-footer__link li {
        margin-right: 0; } }
    .l-footer__link li a {
      color: #FFFFFF;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1;
      position: relative; }
      .l-footer__link li a:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 100%;
        height: 2px;
        opacity: 0;
        background-color: #FFFFFF;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .l-footer__link li a:hover:before {
        opacity: 1;
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1); }
        @media screen and (max-width: 767px) {
          .l-footer__link li a:hover:before {
            content: none; } }
      @media screen and (max-width: 767px) {
        .l-footer__link li a {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 2.5; } }
      .l-footer__link li a .icon {
        margin-top: 2px;
        margin-left: 10px;
      }

.l-footer__copyright {
  color: #FFFFFF;
  font-family: "NotoSansCJKjpRegular";
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2.5; }
  @media screen and (max-width: 767px) {
    .l-footer__copyright {
      width: 100%;
      font-size: 10px;
      font-size: 1rem;
      line-height: 3;
      text-align: center; } }

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
side
------------------------------------------------------------*/
/* l-sidebar
------------------------------------------------------------*/
.l-sidebar {
  padding-left: 20px;
  padding-top: 12px;
  width: 220px;
  padding-right: 20px
}
  @media screen and (max-width: 767px) {
    .l-sidebar {
      margin-top: 180px;
      margin-bottom: 50px;
      margin-left: 0;
      padding: 0;
      width: 100%; } }
  .l-sidebar__section {
    margin-top: 40px; }
    .l-sidebar__section:first-child {
      margin-top: 0; }
  .l-sidebar__conts {
    margin-top: 20px;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3; }
    @media screen and (max-width: 767px) {
      .l-sidebar__section {
        padding: 0 20px;
      }
      .l-sidebar__section a.l-sidebar__conts:first-of-type {
        margin-top: 20px;
        } 
      .l-sidebar__section.app_news_side_info{
        padding: 0;
      }
      .l-sidebar__section .side_info{
        padding: 0 20px;
      }
      .l-sidebar__conts {
        margin-top: 35px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.3; }
      }
    .l-sidebar__conts img {
      max-width: 100%; }
  @media screen and (max-width: 767px) {
    .l-sidebar .c-ttl06 {
      font-size: 27px;
      font-size: 2.7rem;
      line-height: 1.85185; }
      .l-sidebar .c-ttl06.side_info {
        font-size: 20px;
        font-size: 2rem;}}

.c-side__img {
  position: relative; }
  .js-modal_trigger .c-side__img:hover img {
    opacity: .7; }
    @media screen and (max-width: 767px) {
      .c-side__img:hover img {
        opacity: 1; } }
  .c-side__img > img {
    width: 100%; }

.c-side__box01 {
  padding: 5px 5px 5px 10px;
  background-color: #707070;
  display: block;
  color: #FFF; }
  @media screen and (max-width: 767px) {
    .c-side__box01 {
      padding: 15px 20px; } }
  .c-side__box01__ja {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.14286;
    font-weight: normal; }
    @media screen and (max-width: 767px) {
      .c-side__box01__ja {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5; } }
  .c-side__box01__en {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875; }
    @media screen and (max-width: 767px) {
      .c-side__box01__en {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5; } }

.c-side3 .c-side__box01__ja {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.c-side3 .c-list07 {
  margin-top: 10px;
  border-top: 1px solid #707070; }
  @media screen and (max-width: 767px) {
    .c-side3 .c-list07 {
      margin-top: 0;
      border-top: none; } }
  .c-side3 .c-list07__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3; }
    @media screen and (max-width: 767px) {
      .c-side3 .c-list07__item {
        border-width: 2px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.3; } }

.c-side3 .c-list08 {
  margin-left: auto; }

.c-side4 .l-sidebar__conts {
  margin-top: 0; }

.c-side4 .c-list07 a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.14286;
  position: relative; }
  .c-side4 .c-list07 a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    opacity: 0;
    background-color: #101010;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .c-side4 .c-list07 a:hover:before {
    opacity: 1;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1); }
    @media screen and (max-width: 767px) {
      .c-side4 .c-list07 a:hover:before {
        content: none; } }
  @media screen and (max-width: 767px) {
    .c-side4 .c-list07 a {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.875; } }
  .c-side6 .c-list10__item{
    line-height: 1.5;
  }


/*------------------------------------------------------------
breadcrumb
------------------------------------------------------------*/
.c-breadcrumb {
  margin: 15px 0 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .c-breadcrumb {
      margin-top: 20px; } }
  .c-breadcrumb li {
    color: #999999;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1; }
    .c-breadcrumb li:before {
      margin: 0 8px;
      content: ">"; }
    .c-breadcrumb li:first-child:before {
      content: none; }
    .c-breadcrumb li > a {
      color: #999999; }
      .c-breadcrumb li > a:hover {
        text-decoration: underline; }

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
btn
------------------------------------------------------------*/
.c-btn01 {
  width: 195px;/*20191209*/
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #676767;
  color: #FFFFFF;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;}
  .c-btn01:hover{background: #000000;}
  @media screen and (max-width: 767px) {
    .c-btn01 {
      width: 100%;
      height: auto;
      min-height: 50px;
      border-radius: 3px;
      position: relative; } }
  .c-btn01 .download, .c-btn01 .icon {
    margin-right: 12px; }
    @media screen and (max-width: 767px) {
      .c-btn01 .download, .c-btn01 .icon {
        margin-right: 0;
        position: absolute;
        top: 50%;
        left: 3px;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      .c-btn01 .icon {
        left: 15px;
      } }
  .c-btn01 .download {
    padding-bottom: 5px;
    width: 30px;
    background: url("/en/resource/img/icon_download01.png") no-repeat left bottom;
    text-align: center; }
  .c-btn01 .icon-mail  {
      padding-bottom: 15px;
      width: 20px;
      background: url("/en/resource/img/icon_mail01.svg") no-repeat left bottom;
      background-size: 20px auto;
      text-align: center; }
  .c-btn01:hover {
    background: #FFFFFF;
    color: #676767; }
    @media screen and (max-width: 767px) {
   .c-btn01:hover {
      background:none;
    color: #fff}}
    .c-btn01:hover .download {
      background-image: url("/en/resource/img/icon_download02.png"); }
    .c-btn01:hover .icon-mail {
      background-image: url("/en/resource/img/icon_mail02.svg");
      background-size: 20px auto; }

/* c-btn02
------------------------------------------------------------*/
.c-btn02 {
  display: inline-block;
  border: 1px solid #101010;
  border-radius: 3px;
  padding: 10px 0;
  width: 206px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3125;
  color: #101010;
  background: #FFFFFF;
  text-align: center; }
  .c-btn02:hover {
    background: #2B2B2B;
    color: #FFFFFF; }
  @media screen and (max-width: 767px) {
    .c-btn02 {
      padding: 10px 0;
      width: 100%; }
      .c-btn02:hover {
        background: #FFFFFF;
        color: #101010; } }
  .c-btn02--center {
    margin: 0 auto;
    display: block; }

/*
------------------------------------------------------------*/
/* c-btn03
------------------------------------------------------------*/
.c-btn03 {
  display: inline-block;
  border: 1px solid #101010;
  border-radius: 3px;
  padding: 15px;
  width: 260px;
  background: #E7E7E7;
  color: #101010;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center; }
  .c-btn03:hover {
    background: #2B2B2B;
    color: #E7E7E7; }
  @media screen and (max-width: 767px) {
    .c-btn03:hover {
      background: #E7E7E7;
      color: #101010; } }
  .c-btn03--center {
    margin: 0 auto;
    display: block; }

/* c-btn04
------------------------------------------------------------*/
.c-btn04 {
  border: 1px solid #101010;
  background: #FFFFFF;
  border-radius: 3px;
  padding: 0 15px 0 35px;
  width: 220px;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #101010;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.04em; }
  .c-btn04:hover {
    background: #2B2B2B;
    color: #FFFFFF; }
    .c-btn04:hover .c-btn04__icon img {
      opacity: 0; }
  @media screen and (max-width: 767px) {
    .c-btn04{
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
    }
    .c-btn04:hover {
      background: #FFFFFF;
      color: #101010; }
      .c-btn04__icon{
        position: absolute;
            top: 50%;
            right: 15px;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%); } }
  .c-btn04__icon img {
    -webkit-transition: opacity .5s;
    transition: opacity .5s; }
  .c-btn04--send {
    padding-left: 10px;
    padding-right: 5px; }
    .c-btn04--send .c-btn04__icon {
      margin-top: -2px;
      width: 30px;
      height: 30px;
      background: url("/en/resource/img/icon_send02.svg") no-repeat; }
  .c-btn04--empty .c-btn04__icon {
    width: 18px;
    height: 23px;
    background: url("/en/resource/img/icon_empty02.png") no-repeat; }
  .c-btn04--download .c-btn04__icon {
    width: 23px;
    height: 18px;
    background: url("/en/resource/img/icon_download04.svg") no-repeat; }
    .c-btn04.c-btn04_sidebar {
      width: auto;
      padding: 0 15px 0 15px;
    }
    @media screen and (max-width: 767px) {
      .c-btn04--send,
      .c-btn04--empty {
        padding-right: 35px;
      }
      .c-btn04--send .c-btn04__icon {
        right: 5px;
      }
    }

/* c-btn05
------------------------------------------------------------*/
.c-btn05 {
  border: 1px solid #101010;
  background: #101010;
  border-radius: 3px;
  width: auto;
  height: 95px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #f5f5f5;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.04em; }
  .c-btn05:hover {
    background: #f5f5f5;
    color: #101010; }
    .c-btn05:hover .c-btn05__icon img {
      opacity: 0; }
  @media screen and (max-width: 767px) {
    .c-btn05{
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
    }
    .c-btn05:hover {
      background: #FFFFFF;
      color: #101010; }
      .c-btn05__icon{
        position: absolute;
            top: 50%;
            right: 15px;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%); }}
  .c-btn05__icon img {
    -webkit-transition: opacity .5s;
    transition: opacity .5s; }
  .c-btn05--send {
    padding-left: 10px;
    padding-right: 5px; }
    .c-btn05--send .c-btn05__icon {
      margin-top: -2px;
      width: 30px;
      height: 30px;
      background: url("/ja/resource/img/icon_send02.svg") no-repeat; }
  .c-btn05--empty .c-btn05__icon {
    width: 18px;
    height: 23px;
    background: url("/ja/resource/img/icon_empty02.png") no-repeat; }
  .c-btn05--download .c-btn05__icon {
    width: 23px;
    height: 18px;
    background: url("/ja/resource/img/icon_download03.svg") no-repeat; }
.p-all_download .c-btn05{
  border: 1px solid #676767;
  background: #676767;
}
.p-all_download .c-btn05:hover {
    background: #f5f5f5;
    color: #101010;
}

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
title
------------------------------------------------------------*/
.c-ttl01, .c-ttl01--small, .c-ttl01--white {
  margin-bottom: 48px;
  font-weight: normal;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 0.83333;
  letter-spacing: 0.06em;
  text-align: left;
  color: #101010; }
  @media screen and (max-width: 767px) {
    .c-ttl01, .c-ttl01--small, .c-ttl01--white {
      font-size: 30px;
      font-size: 3rem;
      line-height: 1.3; } }
  .c-ttl01--small {
    margin-bottom: 20px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1; }
  .c-ttl01--white {
    color: #FFFFFF; }
  .c-ttl01 > .ja, .c-ttl01--small > .ja, .c-ttl01--white > .ja {
    margin-bottom: 5px;
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: normal; }

/* c-ttl02
------------------------------------------------------------*/
.c-ttl02 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 0.83333;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .c-ttl02 {
      font-size: 30px;
      font-size: 3rem;
      line-height: 1.3; } }

/* c-ttl03
------------------------------------------------------------*/
.c-ttl03 {
  color: #D5D5D5;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3; }

/* c-ttl04
------------------------------------------------------------*/
.c-ttl04__time {
  margin-bottom: 10px;
  display: inline-block;
  color: #101010;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: normal;
  letter-spacing: 0.04em; }

.c-ttl04__txt {
  color: #101010;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  font-weight: normal;
  }
  .c-ttl04__txt--small {
    color: #101010;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.05;
    font-weight: normal;
    letter-spacing: 0.04em; }
  .c-ttl04__txt--notes {
    margin-left: 10px;
    color: #101010;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.53846;
    font-weight: normal;
    letter-spacing: 0.04em; }

.c-ttl04--border {
  padding: 20px 0;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070; }

.page-release_details .p-release_details .c-ttl04__txt {
  font-size: 20px;
}

.page-release_details .p-release_details .c-ttl04__txt--small {
  font-size: 14px;
}

.page-release_details .p-release_details .c-article__conts .indent {
  font-size: 14px;
}


/* c-ttl05
------------------------------------------------------------*/
.c-ttl05 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .c-ttl05 {
      border-top: 2px solid #E7E7E7;
      padding: 19px 0;
      position: relative; }
      .c-ttl05:before, .c-ttl05:after {
        content: "";
        width: 14px;
        height: 2px;
        background: #101010;
        position: absolute;
        top: 50%;
        right: 2px;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-transition: .3s;
        transition: .3s; }
      .c-ttl05:after {
        -webkit-transform: translateY(-50%) rotate(90deg);
            -ms-transform: translateY(-50%) rotate(90deg);
                transform: translateY(-50%) rotate(90deg); }
      .c-ttl05.is-open:after {
        -webkit-transform: translateY(-50%) rotate(0);
            -ms-transform: translateY(-50%) rotate(0);
                transform: translateY(-50%) rotate(0); } }

/* c-ttl06
------------------------------------------------------------*/
.c-ttl06 {
  padding-bottom: 10px;
  border-bottom: 1px solid #707070;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
  font-weight: normal; }
  .c-ttl06.side_info {
    border-bottom: none;
  }

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
form
------------------------------------------------------------*/
/* c-form
------------------------------------------------------------*/
.c-form .c-email {
  text-align: center; }
  .c-form .c-email__input {
    padding: 5px 0;
    width: 100%;
    height: 40px;
    background: none;
    border-color: #999999;
    border-style: none none solid none;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875; }
    .c-form .c-email__input::-webkit-input-placeholder {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.5;
      color: #C7C7C7; }
    .c-form .c-email__input::-moz-placeholder {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.5;
      color: #C7C7C7; }
    .c-form .c-email__input:-ms-input-placeholder {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.5;
      color: #C7C7C7; }
    .c-form .c-email__input::-ms-input-placeholder {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.5;
      color: #C7C7C7; }
    .c-form .c-email__input::placeholder {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.5;
      color: #C7C7C7; }
    @media screen and (max-width: 767px) {
      .c-form .c-email__input {
        margin: 0 auto;
        width: calc(100% - 30px); } }
  .c-form .c-email__error {
    text-align: left;
    margin-top: 20px;
    color: #910A2D; }
    @media screen and (max-width: 767px) {
      .c-form .c-email__error {
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.14286; } }

.c-form .c-policy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .c-form .c-policy input {
    display: none; }
  .c-form .c-policy__input a {
    margin-left: 35px;
    font-weight: normal;
    text-decoration: underline;
    color: #101010; }
    .c-form .c-policy__input a:hover {
      text-decoration: none; }
      @media screen and (max-width: 767px) {
        .c-form .c-policy__input a:hover:hover {
          text-decoration: underline; } }
  .c-form .c-policy input + .c-policy__input {
    position: relative; }
  .c-form .c-policy input + .c-policy__input::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #101010;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: #FFFFFF; }
  .c-form .c-policy input:checked + .c-policy__input::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 4px;
    border-left: 2px solid #101010;
    border-bottom: 2px solid #101010;
    width: 15px;
    height: 11px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

/* c-search
------------------------------------------------------------*/
.c-search {
  margin: 0 auto;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .c-search {
      width: 100%; } }
  .c-search__inner {
    width: 100%;
    border: 1px solid #707070;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-search__input {
    padding: 10px 20px;
    width: 100%;
    height: 44px;
    background: none;
    border: none;
    font-size: 36px;
    font-size: 2rem;
    line-height: 0.83333;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .c-search__input {
        padding: 15px;
        width: calc(100% - 50px);
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 1.15385; } }
  .c-search input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none; }
  .c-search input[type="search"]::-webkit-search-decoration {
    display: none; }
  .c-search__btn {
    margin-right: 20px;
    width: 31px;
    height: 31px;
    border: none;
    background: url("/en/resource/img/icon_search03.png") no-repeat;
    cursor: pointer; }

/* c-date_list
------------------------------------------------------------*/
.c-date_list__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 767px) {
    .c-date_list__inner {
      margin-top: -20px;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      flex-direction: column;
    }
  }

.c-date_list__year, .c-date_list__month {
  padding: 0px 50px 0px 30px;
  background: transparent url("/en/resource/img/icon_arrow01.png") no-repeat right 10px center;
  border: 1px solid #999999;
  border-radius: 3px;
  /* color: #999999; */
  /* font-size: 18px; */
  font-size: 1.8rem;
  line-height: 1.7;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 40px;
  color: #999
}
  @media screen and (max-width: 767px) {
    .c-date_list__year, .c-date_list__month {
      margin-top: 0px;
      padding-left: 10px;
      padding-right: 30px;
      margin-bottom: 10px;
    }
  }
  .c-date_list__year::-ms-expand, .c-date_list__month::-ms-expand {
    display: none; }
  .c-date_list__year + label, .c-date_list__month + label {
    margin-left: 10px;
    color: #999999;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.66667; }
    @media screen and (max-width: 767px) {
      .c-date_list__year + label, .c-date_list__month + label {
        margin-bottom: 10px;
      }
    }

.c-date_list__year {
  margin-left: 20px; }

.c-date_list__line {
  margin: 0 20px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.66667; }
  @media screen and (max-width: 767px) {
    .c-date_list__line {
      margin: 0 20px 10px 0;
    }
  }

.c-date {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .c-date {
    width: 280px;
  }
}

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
text
------------------------------------------------------------*/
.c-link01 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.06em; }
  .c-link01 > a {
    padding-right: 15px;
    position: relative; }
    .c-link01 > a:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -5px;
      width: 100%;
      height: 2px;
      opacity: 0;
      background-color: #101010;
      -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .c-link01 > a:hover:before {
      opacity: 1;
      -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
              transform: scaleX(1); }
      @media screen and (max-width: 767px) {
        .c-link01 > a:hover:before {
          content: none; } }
    .c-link01 > a:after {
      content: "";
      width: 8px;
      height: 8px;
      border-right: 1px solid #101010;
      border-bottom: 1px solid #101010;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%) rotate(-45deg);
          -ms-transform: translateY(-50%) rotate(-45deg);
              transform: translateY(-50%) rotate(-45deg); }
  .c-link01--under > a {
    padding-right: 0; }
    .c-link01--under > a:after {
      content: "";
      width: 8px;
      height: 8px;
      border-right: 1px solid #101010;
      border-bottom: 1px solid #101010;
      position: absolute;
      top: auto;
      left: 50%;
      bottom: -18px;
      -webkit-transform: translateX(-50%) rotate(45deg);
          -ms-transform: translateX(-50%) rotate(45deg);
              transform: translateX(-50%) rotate(45deg); }
  .c-link01--center {
    text-align: center; }
  .c-link01--white > a {
    color: #FFFFFF;
    position: relative; }
    .c-link01--white > a:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -5px;
      width: 100%;
      height: 2px;
      opacity: 0;
      background-color: #FFFFFF;
      -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .c-link01--white > a:hover:before {
      opacity: 1;
      -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
              transform: scaleX(1); }
      @media screen and (max-width: 767px) {
        .c-link01--white > a:hover:before {
          content: none; } }
    .c-link01--white > a:after {
      border-color: #FFFFFF; }

.c-link02 > a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.14286;
  font-weight: normal;
  text-decoration: underline; }
  .c-link02 > a:hover {
    text-decoration: none; }

.c-link02--center {
  text-align: center; }

.c-relation-link > dl {
  padding: 15px 0 15px 30px;
  background: #F5F5F5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  @media screen and (max-width: 767px) {
    .c-relation-link > dl {
      /*margin: 0 -20px;*/
      padding: 40px 25px;
      display: block; } }
  .c-relation-link > dl dt {
    /*width: 138px;*/
    border-right: 2px solid #999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: normal;
    letter-spacing: 0.04em; }
    @media screen and (max-width: 767px) {
      .c-relation-link > dl dt {
        margin-bottom: 20px;
        width: 100%;
        border-right: none;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5; } }
  .c-relation-link > dl dd {
    margin: -15px 0;
    padding-left: 20px;
    padding-right: 45px;
    width: calc(100% - 125px);
    height: 180px;
    overflow-y: scroll; }
    @media screen and (max-width: 767px) {
      .c-relation-link > dl dd {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%; } }
    .c-relation-link > dl dd > ul {
      padding-top: 15px; }
      @media screen and (max-width: 767px) {
        .c-relation-link > dl dd > ul {
          padding-top: 0; } }
      .c-relation-link > dl dd > ul li {
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-bottom: 1px solid #999999; }
        @media screen and (max-width: 767px) {
          .c-relation-link > dl dd > ul li {
            margin-bottom: 15px;
            padding-bottom: 10px; } }
        .c-relation-link > dl dd > ul li a {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.3;
          letter-spacing: 0.04em;
          text-decoration: underline; }
          .c-relation-link > dl dd > ul li a:hover {
            text-decoration: none; }

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
navi
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-navi1__inner {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .c-navi1__inner:first-child {
    margin-top: 0; }

.c-navi2__inner {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .c-navi2__inner {
      margin-left: -20px;
      margin-right: -20px;

      overflow-x: scroll;
      overflow-y: hidden; } }
/*------------------------------------------------------------
img
------------------------------------------------------------*/
.c-mainvisual {
  background: #E7E7E7;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media screen and (max-width: 767px) {
    .c-mainvisual {
      display: block; } }
  .c-mainvisual__link {
    width: 66.7%;
    display: block;
    position: relative;
    overflow: hidden; }
    .c-mainvisual__link:hover {
      opacity: .7; }
      @media screen and (max-width: 767px) {
        .c-mainvisual__link:hover {
          opacity: 1; } }
    @media screen and (max-width: 767px) {
      .c-mainvisual__link {
        width: 100%; } }
  .c-mainvisual__img {
    width: 100%;
    height: auto; }
  .c-mainvisual__txt {
    padding: 40px 20px 20px 20px;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9), transparent);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9), transparent);
    background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.02));
    position: absolute;
    left: 0;
    bottom: 0;
    color: #FFFFFF; }
    .c-mainvisual__txt dt {
      margin-bottom: 10px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1; }
    .c-mainvisual__txt dd {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        .c-mainvisual__txt dd {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1; } }
  .c-mainvisual__inner {
    width: 33.4%; }
    @media screen and (max-width: 767px) {
      .c-mainvisual__inner {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    .c-mainvisual__inner .c-mainvisual__link {
      width: 100%; }
      @media screen and (max-width: 767px) {
        .c-mainvisual__inner .c-mainvisual__link {
          width: 50%; } }
    .c-mainvisual__inner .c-mainvisual__txt {
      padding: 20px 10px 10px 10px; }
      @media screen and (max-width: 767px) {
        .c-mainvisual__inner .c-mainvisual__txt {
          padding: 10px 10px 30px;
          position: relative;
          left: 0;
          bottom: 0;
          background: #999999; } }
      .c-mainvisual__inner .c-mainvisual__txt dt, .c-mainvisual__inner .c-mainvisual__txt dd {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1; }
      .c-mainvisual__inner .c-mainvisual__txt dd {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.85714; }

@media (min-width: 768px) {
  .c-mainvisual {
    height: 43.4vw;
    min-height: 416px;
  }
  .c-mainvisual__link {
    height: 100%;
  }
  .c-mainvisual__img {
    width: 100%;
    height: 100%;
    #object-fit: contain;
    font-family: 'object-fit: contain;'; /* IE用 */
  }
  .c-mainvisual__inner {
    height: 100%;
  }
  .c-mainvisual__inner .c-mainvisual__link {
    height: 50%;
  }
}

@media screen and (max-width: 767px) {
  .c-mainvisual__img {
    height: 65vw;
    object-fit: contain;
  }

  .c-mainvisual__inner .c-mainvisual__img {
    height: 32.8vw;
  }
}

/* .c-mainvisual02
------------------------------------------------------------*/
.c-mainvisual02 {
  position: relative;
    width: 100%;
    padding-top: 32%;
    overflow: hidden;
    margin:0 auto;}
.c-mainvisual02 img{
    position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: auto;
   max-width: 100%;
   max-height: 100%;
}

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
list
------------------------------------------------------------*/
.c-info {
  margin-top: -5px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .c-info {
      margin-top: -10px; } }
  .c-info > dt {
    margin-top: 5px;
    width: 105px;
  font-size: 1.6rem;}
    @media screen and (max-width: 767px) {
      .c-info > dt {
        margin-top: 10px;
        width: 100%;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.14286; } }
  .c-info > dd {
    margin-top: 5px;
    width: calc(100% - 105px); }
    .c-info dl dd a:before {
      content: "";
     position: absolute;
     left: 0;
     bottom: -5px;
     width: 100%;
     height: 2px;
     opacity: 0;
     background-color: #101010;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
    @media screen and (max-width: 767px) {
      .c-info > dd {
        width: 100%;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.3; } }

.c-list01 {
  margin-top: -50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: stretch;
      -ms-align-items: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-transition: .5s;
  transition: .5s; }
  .c-list01:after{
    content: "";
    display: block;
    width: calc((100% - (45px * 2)) / 3);
    height: 0;
  }
  @media screen and (max-width: 767px) {
    .c-list01 {
      margin-top: -35px; } }
  .c-list01 > li {
    margin-top: 50px;
    padding-bottom: 30px;
    width: calc((100% - (45px * 2)) / 3);
    position: relative;}
    @media screen and (max-width: 767px) {
      .c-list01 > li {
        margin-top: 35px;
        width: calc((100% - 7px) / 2); }
       }
    .c-list01 > li > a {
      display: block;
      position: relative; }
      .c-list01 > li > a:hover img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-list01 > li > a:hover img {
            opacity: 1; } }
    .c-list01__img {
      position: relative;
      width: 100%;
      padding-top: 65%;
      overflow: hidden;
      margin: 0 auto; }
      .c-list01__img img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
      max-height: 100%; }

    .c-list01__detail {
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .c-list01__detail {
        margin-top: 8px; } }
    .p-video .c-list01__detail {
      margin-top: 0;
    }
    @media screen and (max-width: 767px) {
      .p-video .c-list01__detail {
        margin-top: 0;
      }
    }
    #tab2 .c-list01__detail {
      margin-top: 0;
    }
    @media screen and (max-width: 767px) {
      #tab2 .c-list01__detail {
        margin-top: 0;
      }
    }
  .c-list01__date dt {
    /*margin-bottom: 8px;*/
    font-size: 13px;
    font-size: 1.4rem;
    line-height: 1.14286;
    letter-spacing: 0.04em; }
  .c-list01__date dd {
    letter-spacing: 0.04em;
    font-size: 1.5rem;}
    @media screen and (max-width: 767px) {
      .c-list01__date dd {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.57143; } }
  .c-list01__txt--small {
    font-size: 14px;
    font-size: 1.6rem;
    line-height: 1.8; }
  @media screen and (max-width: 767px) {
    .c-list01__txt--small {
      line-height: 1.57143;
    }
  }
  .c-list01__tag {
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #5E6575;
    display: inline-block;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 1.2rem;
    line-height: 1.07143;
    font-weight: normal;
    letter-spacing: 0.04em;
    width: 208px;
    text-align: center;
    margin-left: 20px;
    max-width: 98%;
  }
    @media screen and (max-width: 767px) {
      .c-list01__tag {
        padding: 3px 5px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1;
        margin-left: 0;
      }
    }
    .c-list01__tag.tag01 {
      background: #5E6575; }
    .c-list01__tag.tag02 {
      background: #A57C75; }
    .c-list01__tag.tag03 {
      background: #67746A; }
    .c-list01__tag.tag04 {
      background: #608082; }
    .c-list01__tag.tag05 {
      background: #827D60; }
    .c-list01__tag.tag06 {
      background: #906A89; }
  .c-list01__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
//    position: absolute;
    bottom: 0;
    right: 1px; }
    @media (min-width: 768px) {
      .p-list #tab4 .app10.c-list01.is-list-type .c-list01__btn.btn-dl.btn-dl {
        bottom: 33px;
      }
      .p-list #tab4 .app5.c-list01.is-list-type .c-list01__btn.btn-dl.btn-dl {
        bottom: 33px;
      }
    }
    @media screen and (max-width: 767px) {
      .c-list01__btn {
        /*margin-top: 20px;*/ } }
    .c-list01__btn > a {
      display: block;
      line-height: 1; }
      .c-list01__btn > a:hover img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-list01__btn > a:hover img {
            opacity: 1; } }
//      .c-list01__btn > a:not(:first-child) {
//        margin-left: 20px; }
      @media screen and (max-width: 767px) {
        .c-list01__btn > a:not(:first-child) {
          margin-left: 30px; } }
  .c-list01__pdf {
    margin-top: 20px;
    margin-left: auto;
    text-align: right; }
    .c-list01__parents.btn-act .c-list01__children {
      bottom: 35px;
      visibility: visible;
      opacity: 1;
      left: -65px;
    }

    @media (min-width: 768px) {
      .page-index div.l-container > main > section.p-image > div.p-inner > ul > li > div.c-list01__btn.btn-dl > div > div {
        left: -100px
      }
    }

  .c-modal__info__list .c-list01__parents .c-list01__children {
    bottom: 70px;
    left: auto;
    right: -58px;
  }
  .c-modal__info__list .c-list01__parents.btn-act .c-list01__children {
    bottom: 70px;
    left: auto;
    right: -58px;
  }
  .c-list01__childrens {
    bottom: 120px !important;
  }
    .c-list01__parents > a {
    display: block;
    line-height: 1; }
    .c-list01__parents > a:hover img {
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      opacity: .7; }
      @media screen and (max-width: 767px) {
        .c-list01__parents > a:hover img {
          opacity: 1; } }
    .c-list01__parents > a:not(:first-child) {
      margin-left: 20px; }
    @media screen and (max-width: 767px) {
      .c-list01__parents > a:not(:first-child) {
        margin-left: 30px; } }
  .c-list01__children {
    padding: 10px 12px 0 15px;
    min-width: 220px;
    background: #000000;
    position: absolute;
    bottom: 40px;
    left: -59px;
    -webkit-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    transform: translateX(-22px);
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }

  .page-index .p-video .c-list01__children {
    left: -99px
  }

    .c-list01__children:after {
      content: "";
      width: 0;
      height: 0;
      border-top: 15px solid #000000;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      position: absolute;
      bottom: -15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
    }

@media (min-width: 768px) {
  .page-index .c-list01__children:after {
    left: 70%
  }
  .page-index .js-modal_panel .c-list01__children:after {
    left: 50%;
  }
}

@media (min-width: 768px) {
  .page-index > div.l-container > main > section.p-video > div > ul > li > div.c-list01__detail > dl > dd > div > div > div::after{
    left: 70%;
  }
}

@media screen and (max-width: 767px) {
  .c-list01__parents.btn-act .c-list01__children {
    right: -30px;
    left: auto;
  }
  .c-list01__children:after{
    left: auto;
    right: 55px;
  }
  .c-modal__info__list .c-list01__parents.btn-act .c-list01__children {
    bottom: 55px;
    left: auto;
    right: -10px;
  }
}
    .c-list01__children > ul > li {
      margin-bottom: 10px; }
      .c-list01__children > ul > li a {
        display: block;
        position: relative; }
        .c-list01__children > ul > li a:before {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 2px;
          opacity: 0;
          background-color: #FFFFFF;
          -webkit-transform: scaleX(0);
              -ms-transform: scaleX(0);
                  transform: scaleX(0);
          -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
        .c-list01__children > ul > li a:hover:before {
          opacity: 1;
          -webkit-transform: scaleX(1);
              -ms-transform: scaleX(1);
                  transform: scaleX(1); }
          @media screen and (max-width: 767px) {
            .c-list01__children > ul > li a:hover:before {
              content: none; } }
        .c-list01__children > ul > li a > dl {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .c-list01__children > ul > li a > dl dt, .c-list01__children > ul > li a > dl dd {
            color: #FFFFFF;
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 1.3125;
            font-weight: normal; }
  .c-list01--col2 > li {
    width: calc((100% - 20px) / 2);
  }
  .c-list01--col2 > li:nth-child(odd) {
    z-index: 90;
  }
  .c-list01--col2 > li:nth-child(even) {
    z-index: 89;
  }
    @media screen and (max-width: 767px) {
      .c-list01--col2 > li {
        width: 100%; } }
  .c-list01--col4:before {
    content: "";
    display: block;
    width: calc((100% - 135px) / 4);
    height: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .c-list01--col4:after {
    content: "";
    display: block;
    width: calc((100% - 135px) / 4);
    height: 0; }
  .c-list01--col4 > li {
    width: calc((100% - 135px) / 4); }
    .c-list01--col4 .c-list01__img {
    }
      @media screen and (max-width: 767px) {
      .c-list01--col4 > li {
        width: 100%; } }
  .c-list01--col4 .c-list01__children {
    -webkit-transform: translateX(-70px);
        -ms-transform: translateX(-70px);
            transform: translateX(-70px); }
  @media screen and (max-width: 767px) {
    .c-list01--bg {
      margin-top: -10px; } }
  .c-list01--bg > li {
    width: calc((100% - 70px) / 3); }
    @media screen and (max-width: 767px) {
      .c-list01--bg > li {
        margin-top: 10px;
        width: 100%;
        height: 105px;
        overflow: hidden; } }
    @media screen and (max-width: 767px) {
      .c-list01--bg > li > a {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; } }
        .c-list01--bg .c-list01__img {
          padding-top: 45%; }
        @media screen and (max-width: 767px) {
          .c-list01--bg .c-list01__img {
            padding-top: 0;
            width: 190px;
            height: 100px; } }
  @media screen and (max-width: 767px) {
    .c-list01--bg .c-list01__img img {
      margin: 0 -20px;
      width: 230px;
      max-width: none;
      height: auto;
      position: relative;
      top: auto;
      left: auto;
      transform: none;} }
  .c-list01--bg .c-list01__detail {
    margin-top: 0;
    padding: 20px;
    background: #FFFFFF; }
    .c-list01--bg .c-list01__txt {
      visibility: hidden; }
  .c-list01--sp2col:after {
    content: "";
    display: block;
    width: calc((100% - (45px * 2)) / 3);
    height: 0; }
    @media screen and (max-width: 767px) {
        .c-list01--bg .c-list01__detail {
          padding: 8px 8px 4px;
          width: calc(100% - 190px);}
        .c-list01--bg .c-list01__detail .c-list01__date{
          overflow: hidden;
          width: 100%;
        }
        .c-list01--bg .c-list01__detail .c-list01__date dd {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            padding-top: 0;
            line-height: 1.3;
          }
      }
  @media screen and (max-width: 767px) {
    .c-list01--sp2col {
      margin-top: -20px; }
      .c-list01--sp2col > li {
        margin-top: 20px;
        width: 100%; }
        .c-list01--sp2col > li > a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start; }
      .c-list01--sp2col .c-list01__img {
        margin-top: 25px;
        margin-right: 15px;
        padding-top: 0;
        width: 100px; }
        .c-list01--sp2col .c-list01__img img {
          position: relative;
          top: auto;
          left: auto;
          transform: none; }
      .c-list01--sp2col .c-list01__detail {
        margin-top: 0;
        width: calc(100% - 115px); }
      .c-list01--sp2col .c-list01__date dt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5; }
      .c-list01--sp2col .c-list01__date dd {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5; }
      .c-list01--sp2col .c-list01__txt--small {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5; } }
  .c-list01__gallery > li{
    width: calc((100% - 40px) / 3); }
  .c-list01__gallery .c-list01__img {
    padding-top: 65%;
  }
    @media screen and (max-width: 767px) {
      .c-list01__gallery > li {
        width: 100%; } }
  .c-list01__gallery .c-list01__mark, .c-list01--col4 .c-list01__mark {
    height: 25px;
    background: #101010;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1; }

    /*IE用*/
    _:-ms-fullscreen, :root  .c-list01__gallery .c-list01__mark, .c-list01--col4 .c-list01__mark {
        right: 3px;
    }
    /*Edge用*/
    _:-ms-lang(x)::backdrop, .c-list01__gallery .c-list01__mark, .c-list01--col4 .c-list01__mark {
          right: 3px;
      }
      /*FF用*/
            @-moz-document url-prefix() {
              .c-list01__gallery .c-list01__mark, .c-list01--col4 .c-list01__mark{
                   right: 4px;
          }
      }
    .c-list01__gallery .c-list01__mark .icon, .c-list01__gallery .c-list01__mark .number,
    .c-list01--col4 .c-list01__mark .icon, .c-list01--col4 .c-list01__mark .number {
      width: 25px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .c-list01__gallery .c-list01__mark .icon, .c-list01__gallery .c-list01__mark .number {
          width: 30px; } }
  .c-list01__video {
    color: #FFFFFF;
    padding: 30px 0 50px;
  }
  .c-list01__video .c-list01__img{
    padding-top: 65%;
  }
    .c-list01__video .c-list01__txt {
      font-weight: normal; }
    .c-list01__video .c-list01__date dd {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
    @media screen and (max-width: 767px) {
      .c-list01__video .c-list01__txt {
        width: calc(100% - 95px); } }
    .c-list01__video .c-list01__btn {
      margin-top: 0;
      -webkit-transform: translateY(-5px);
          -ms-transform: translateY(-5px);
              transform: translateY(-5px); }
      @media screen and (max-width: 767px) {
        .c-list01__video .c-list01__btn {
          margin-top: 0;
          width: 95px; } }
  @media (min-width: 768px) {
    .c-list01.is-list-type {
      margin-top: -20px;
      display: block; }
      .c-list01.is-list-type > li {
        margin-top: 20px;
        width: 100%; }
        .c-list01.is-list-type > li > a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start; }
          .c-list01.is-list-type > li > a:hover img {
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            opacity: .7; } }
        @media screen and (min-width: 768px) and (max-width: 767px) {
          .c-list01.is-list-type > li > a:hover img {
            opacity: 1; } }
    .c-list01.is-list-type .c-list01__img {
      padding-top: 0;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .c-list01.is-list-type .c-list01__img {
          padding-top: 60%; } }
      .c-list01.is-list-type .c-list01__img img {
        max-height: 200px;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        padding-top: 0;
      }
        @media screen and (max-width: 767px) {
          .c-list01.is-list-type .c-list01__img img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            max-width: 100%;
            max-height: 100%; } }
    @media (min-width: 768px) {
      .c-list01.is-list-type .c-list01__img {
        margin-right: 20px;
        width: 290px;
        height: 174px;
		text-align:center;}
      .c-list01.is-list-type .c-list01__detail {
        margin-top: 0;
        width: calc(100% - 290px); } }

/* c-list02
------------------------------------------------------------*/
.dev__layout {
  margin: 0 auto;
  width: 960px; }
  @media screen and (max-width: 767px) {
    .dev__layout {
      width: 100%; } }

.c-list02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-list02:after {
    content: "";
    display: block;
    width: calc((100% - 120px) / 3);
    height: 0; }
  .c-list02 > li {
    width: calc((100% - 120px) / 3);
    text-align: center;
    margin-bottom: 36px; }
    @media screen and (max-width: 767px) {
      .c-list02 > li {
        width: 100%; } }
    .c-list02 > li > a:hover img {
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      opacity: .7; }
      @media screen and (max-width: 767px) {
        .c-list02 > li > a:hover img {
          opacity: 1; } }
    @media screen and (max-width: 767px) {
      .c-list02 > li > a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }

  .c-list02__img  {
    position: relative;
    width: 100%;
    padding-top: 57%;
    overflow: hidden;
    margin-right: 20px;
  }

    .c-list02__img img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: auto;
        max-width: 100%;
        max-height: 100%;}
   /*@media screen and (max-width: 767px) {
      .c-list02__img img {
        height: auto; } }*/

@media screen and (max-width: 767px) {
  .c-list02__img {
    position: relative;
    width: 120px !important;
    padding-top: 20%;
    overflow: hidden;
    margin-right: 20px;
}
.c-list02__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 100%;
    max-height: 100%;
}}
  .c-list02__txt {
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .c-list02__txt {
        margin-top: 0; } }

/* c-list03
------------------------------------------------------------*/
.p-cars00 {
  background: #F5F5F5;
  margin: 0 auto;
  width: 920px;
  padding: 17px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 767px) {
    .p-cars00 {
      width: 100%;
      padding: 10px 20px 38px; } }
  .p-cars00__box01 {
    width: 20%; }
    @media screen and (max-width: 767px) {
      .p-cars00__box01 {
        width: 100%;
        margin-bottom: 38px; } }
    .p-cars00__box01 p {
      font-weight: normal; }
      @media screen and (max-width: 767px) {
        .p-cars00__box01 p {
          text-align: center; } }
  .p-cars00__box02 {
    width: 80%; }
    @media screen and (max-width: 767px) {
      .p-cars00__box02 {
        width: 100%; } }

.c-list03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-list03:after {
    content: "";
    display: block;
    width: 32%;
    height: 0; }
  .c-list03 > li {
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    margin-bottom: 10px;
    width: 32%;
    -webkit-box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 767px) {
      .c-list03 > li {
        width: 100%; } }
    .c-list03 > li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .c-list03 > li a:hover {
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-list03 > li a:hover {
            opacity: 1; } }
  .c-list03__img {
    width: 30%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .c-list03__img {
        width: 84px;
        height: 64px; } }
    .c-list03__img img {
      width: 100%; }
  .c-list03__txt {
    padding: 10px 0 10px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429;
    width: 70%; }
    @media screen and (max-width: 767px) {
      .c-list03__txt {
        width: calc(100% - 84px); } }
  .c-list03 .is-active {
    border: 1px solid #E7E7E7;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .c-list03 .is-active .c-list03__txt {
      background: #E7E7E7; }

/* c-list04
------------------------------------------------------------*/
.c-list04 {
  margin-bottom: 40px;
  -webkit-transition: .5s;
  transition: .5s; }
  @media screen and (max-width: 767px) {
    .c-list04 {
      margin-bottom: 0;
      padding-bottom: 40px; } }
  @media screen and (max-width: 767px) {
    .c-list04__wrap {
      border-top: 2px solid #E7E7E7; } }
  @media screen and (max-width: 767px) {
    .c-list04__wrap:last-child {
      border-bottom: 2px solid #E7E7E7; } }
  .c-list04__outer_date {
    width: 100%;
    display: block;
    position: relative;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1; }
    .c-list04__outer_date:after {
      content: "";
      width: 765px;
      height: 1px;
      background: #D5D5D5;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media screen and (max-width: 767px) {
        .c-list04__outer_date:after {
          content: none; } }
  .c-list04__item {
    margin-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #D5D5D5; }
    @media screen and (max-width: 767px) {
      .c-list04__item {
        margin-top: 35px;
        padding-bottom: 0;
        border: none; } }
    @media screen and (max-width: 767px) {
      .c-list04__item:first-child {
        margin-top: 0; } }
    .c-list04__item > a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .c-list04__item > a:hover img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-list04__item > a:hover img {
            opacity: 1; } }
  .c-list04__img {
    text-align: center;
    margin-right: 20px;
    width: 290px;
    height: 174px;
  }
    @media screen and (max-width: 767px) {
      .c-list04__img {
        /*margin-top: 20px;*/
        margin-right: 10px;
        width: 132px;
        height: calc(132px * 0.6);
      }
    }
    .c-list04__img img {
      /*
      width: 100%;
      height: 100%;
      */
      object-fit: contain;
      object-position: top;
      font-family: 'object-fit: contain; object-position: top;';
    }
  .c-list04__detail {
    width: calc(100% - 290px); }
    @media screen and (max-width: 767px) {
      .c-list04__detail {
        width: calc(100% - 142px); } }
  .c-list04__date dt {
    margin-bottom: 10px;
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-pack: start;*/
    /*-webkit-justify-content: flex-start;*/
    /*    -ms-flex-pack: start;*/
    /*        justify-content: flex-start;*/
    /*-webkit-box-align: center;*/
    /*-webkit-align-items: center;*/
    /*    -ms-flex-align: center;*/
    /*        align-items: center;*/
    /* font-size: 18px; */
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.04em; }
    @media screen and (max-width: 767px) {
      .c-list04__date dt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5;
      }
      .c-list04__date dt time {
        display: block;
        width: 100%;
        line-height: 1;
        margin-bottom: 5px;
      }
      .c-list04__date dt span {
        display: inline-block;
        margin-left: 0;
      }

      .c-list04__pdf {
        margin-top: 10px !important;
      }

    }
  .c-list04__date dd {
    letter-spacing: 0.04em; }
    @media screen and (max-width: 767px) {
      .c-list04__date dd {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.3; } }
  .c-list04__txt--small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.14286; }
  .c-list04__tag {
    margin-left: 20px;
    padding: 5px 10px;
    background: #5E6575;
    display: inline-block;
    color: #FFFFFF;
    /* font-size: 14px; */
    font-size: 1.2rem;
    line-height: 1.07143;
    font-weight: normal;
    letter-spacing: 0.04em;
    width: 208px;
    text-align: center;
  }
    @media screen and (max-width: 767px) {
      .c-list04__tag {
        padding: 3px 5px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1; } }
    .c-list04__tag.tag01 {
      background: #5E6575; }
    .c-list04__tag.tag02 {
      background: #A57C75; }
    .c-list04__tag.tag03 {
      background: #67746A; }
    .c-list04__tag.tag04 {
      background: #608082; }
    .c-list04__tag.tag05 {
      background: #827D60; }
    .c-list04__tag.tag06 {
      background: #906A89; }
  .c-list04__btn {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative; }
    @media screen and (max-width: 767px) {
      .c-list04__btn {
        margin-top: 20px; } }
    .c-list04__btn > a {
      display: block;
      line-height: 1; }
      .c-list04__btn > a:hover img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-list04__btn > a:hover img {
            opacity: 1; } }
      .c-list04__btn > a:not(:first-child) {
        margin-left: 20px; }
      @media screen and (max-width: 767px) {
        .c-list04__btn > a:not(:first-child) {
          margin-left: 30px; } }
  .c-list04__pdf {
    /*margin-top: -20px;*/
    margin-top: -33px;
    margin-left: auto;
    text-align: right; }
  .c-list04__parents:hover .c-list04__children {
    bottom: 35px;
    visibility: visible;
    opacity: 1; }
  .c-list04__parents > a {
    display: block;
    line-height: 1; }
    .c-list04__parents > a:hover img {
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      opacity: .7; }
      @media screen and (max-width: 767px) {
        .c-list04__parents > a:hover img {
          opacity: 1; } }
    .c-list04__parents > a:not(:first-child) {
      margin-left: 20px; }
    @media screen and (max-width: 767px) {
      .c-list04__parents > a:not(:first-child) {
        margin-left: 30px; } }
  .c-list04__children {
    padding: 10px 30px 0 25px;
    min-width: 240px;
    background: #101010;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-22px);
        -ms-transform: translateX(-22px);
            transform: translateX(-22px);
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .c-list04__children:after {
      content: "";
      width: 0;
      height: 0;
      border-top: 15px solid #101010;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      position: absolute;
      bottom: -15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    @media screen and (max-width: 767px) {
      .c-list04__children {
        display: none; } }
    .c-list04__children > ul > li {
      margin-bottom: 10px; }
      .c-list04__children > ul > li a {
        display: block;
        position: relative; }
        .c-list04__children > ul > li a:before {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 2px;
          opacity: 0;
          background-color: #FFFFFF;
          -webkit-transform: scaleX(0);
              -ms-transform: scaleX(0);
                  transform: scaleX(0);
          -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
        .c-list04__children > ul > li a:hover:before {
          opacity: 1;
          -webkit-transform: scaleX(1);
              -ms-transform: scaleX(1);
                  transform: scaleX(1); }
          @media screen and (max-width: 767px) {
            .c-list04__children > ul > li a:hover:before {
              content: none; } }
        .c-list04__children > ul > li a > dl {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .c-list04__children > ul > li a > dl dt, .c-list04__children > ul > li a > dl dd {
            color: #FFFFFF;
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 1.3125;
            font-weight: normal; }
  .c-list04--col2 > li {
    width: calc((100% - 20px) / 2); }
    @media screen and (max-width: 767px) {
      .c-list04--col2 > li {
        width: 100%; } }
  @media screen and (max-width: 767px) {
    .c-list04--bg {
      margin-top: -10px; } }
  .c-list04--bg > li {
    width: calc((100% - 40px) / 3); }
    @media screen and (max-width: 767px) {
      .c-list04--bg > li {
        margin-top: 10px;
        width: 100%;
        height: 105px;
        overflow: hidden; } }
    @media screen and (max-width: 767px) {
      .c-list04--bg > li > a {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; } }
  @media screen and (max-width: 767px) {
    .c-list04--bg .c-list04__img img {
      margin: 0 -20px;
      width: 206px;
      max-width: none;
      height: auto; } }
  .c-list04--bg .c-list04__detail {
    margin-top: 0;
    padding: 20px;
    background: #FFFFFF; }
    @media screen and (max-width: 767px) {
      .c-list04--bg .c-list04__detail {
        width: 100%;
        padding: 10px;
        word-break: break-all; } }
  @media screen and (max-width: 767px) {
    .c-list04--sp2col {
      margin-top: -20px; }
      .c-list04--sp2col > li {
        margin-top: 20px;
        width: 100%; }
        .c-list04--sp2col > li > a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start; }
      .c-list04--sp2col .c-list04__img {
        margin-top: 25px;
        margin-right: 15px;
        width: 100px; }
      .c-list04--sp2col .c-list04__detail {
        margin-top: 0;
        width: calc(100% - 115px); }
      .c-list04--sp2col .c-list04__date dt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5; }
      .c-list04--sp2col .c-list04__date dd {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5; }
      .c-list04--sp2col .c-list04__txt--small {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5; } }
  .c-list04__gallery > li {
    width: calc((100% - 40px) / 3); }
    @media screen and (max-width: 767px) {
      .c-list04__gallery > li {
        width: 100%; } }
  .c-list04__gallery .c-list04__mark {
    height: 25px;
    background: #101010;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1; }
    .c-list04__gallery .c-list04__mark .icon, .c-list04__gallery .c-list04__mark .number {
      width: 25px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .c-list04__gallery .c-list04__mark .icon, .c-list04__gallery .c-list04__mark .number {
          width: 30px; } }
  .c-list04__video {
    color: #FFFFFF; }
    .c-list04__video .c-list04__txt {
      font-weight: normal; }
    .c-list04__video .c-list04__date dd {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
    @media screen and (max-width: 767px) {
      .c-list04__video .c-list04__txt {
        width: calc(100% - 95px); } }
    .c-list04__video .c-list04__btn {
      margin-top: 0;
      -webkit-transform: translateY(-5px);
          -ms-transform: translateY(-5px);
              transform: translateY(-5px); }
      @media screen and (max-width: 767px) {
        .c-list04__video .c-list04__btn {
          margin-top: 0;
          width: 95px; } }

.c-change-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .c-change-layout__btn {
    margin-left: 10px;
    width: 40px;
    height: 36px;
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s; }
    .c-change-layout__btn:hover, .c-change-layout__btn.is-active {
      border: 1px solid #CCCCCC;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .c-change-layout__btn--card:before, .c-change-layout__btn--card:after, .c-change-layout__btn--card > i:before, .c-change-layout__btn--card > i:after {
      content: "";
      width: 10px;
      height: 7px;
      background: #CCCCCC;
      position: absolute; }
    .c-change-layout__btn--card:before {
      top: 9px;
      left: 8px; }
    .c-change-layout__btn--card:after {
      top: 9px;
      right: 8px; }
    .c-change-layout__btn--card > i {
      width: 100%;
      display: block; }
      .c-change-layout__btn--card > i:before {
        bottom: 9px;
        left: 8px; }
      .c-change-layout__btn--card > i:after {
        bottom: 9px;
        right: 8px; }
    .c-change-layout__btn--list:before, .c-change-layout__btn--list:after, .c-change-layout__btn--list > i {
      content: "";
      width: 20px;
      height: 4px;
      background: #CCCCCC;
      position: absolute;
      left: 10px; }
    .c-change-layout__btn--list:before {
      top: 9px; }
    .c-change-layout__btn--list:after {
      bottom: 9px; }
    .c-change-layout__btn--list > i {
      top: 15px; }

.c-feed {
  margin: 0 auto;
  width: 800px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .c-feed > dl {
    width: 360px; }
    .c-feed > dl dt {
      padding: 10px;
      background: #444444;
      color: #FFFFFF;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.25;
      letter-spacing: 0.04em; }
    .c-feed > dl dd {
      padding: 20px;
      border: 1px solid #707070; }

.c-sns {
  margin: 0 auto;
  width: 930px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .c-sns {
      width: 100%;
      display: block; } }
  .c-sns li {
    width: calc((100% - 200px) / 5); }
    @media screen and (max-width: 767px) {
      .c-sns li {
        width: 100%; } }
    .c-sns li a {
      display: block; }
      .c-sns li a:hover img {
        opacity: 0; }
      @media screen and (max-width: 767px) {
        .c-sns li a {
          padding: 20px 0;
          border-top: 2px solid #D5D5D5;
          background: #fff;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; } }
      @media screen and (max-width: 767px) {
        .c-sns li a:hover .c-sns__icon--in {
          background: url("/en/resource/img/icon_in01.png") no-repeat center/contain; }
        .c-sns li a:hover .c-sns__icon--pi {
          background: url("/en/resource/img/icon_pi01.png") no-repeat center/contain; }
        .c-sns li a:hover .c-sns__icon--yt {
          background: url("/en/resource/img/icon_yt01.png") no-repeat center/contain; }
        .c-sns li a:hover .c-sns__icon--mv {
          background: url("/en/resource/img/icon_mv01.png") no-repeat center/contain; }
        .c-sns li a:hover .c-sns__icon--ma {
          background: url("/en/resource/img/icon_ma01.png") no-repeat center/contain; } }
  .c-sns__icon {
    margin-bottom: 25px;
    width: 100%;
    min-height: 46px;
    text-align: center; }
    .c-sns__icon--in {
      background: url("/en/resource/img/icon_in01_ov.png") no-repeat center/contain; }
    .c-sns__icon--pi {
      background: url("/en/resource/img/icon_pi01_ov.png") no-repeat center/contain; }
    .c-sns__icon--yt {
      background: url("/en/resource/img/icon_yt01_ov.png") no-repeat center/contain; }
    .c-sns__icon--ma {
      background: url("/en/resource/img/icon_ma01_ov.png") no-repeat center/contain; }
    .c-sns__icon--mv {
      background: url("/en/resource/img/icon_mv01_ov.png") no-repeat center/contain; }

    @media screen and (max-width: 767px) {
      .c-sns__icon--in { background: none; }
      .c-sns__icon--pi  { background: none; }
      .c-sns__icon--yt { background: none; }
      .c-sns__icon--ma { background:none; }
      .c-sns__icon--mv { background: none; }  }
    @media screen and (max-width: 767px) {
      .c-sns__icon {
        margin-right: 20px;
        margin-bottom: 0;
        width: 40px;
        min-height: 46px; } }
  .c-sns__txt {
    width: 100%;
    color: #999999;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.66667;
    letter-spacing: 0.04em;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .c-sns__txt {
        width: calc(100% - 60px);
        color: #101010;
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 1.15385;
        text-align: left; } }
    .c-sns__txt--small {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 2.14286; }
      @media screen and (max-width: 767px) {
        .c-sns__txt--small {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.66667; } }

.c-tab_list, .c-tab_list--small, .c-tab_list--medium, .c-tab_list--standard, .c-tab_list--large {
  padding: 0 20px;
  white-space: nowrap;
  margin-top: -3px;
  }
  @media screen and (max-width: 767px) {
    .c-tab_list, .c-tab_list--small, .c-tab_list--medium, .c-tab_list--standard, .c-tab_list--large {
      min-width: 100%;
    }
    .c-tab_list--standard {
      min-width:auto;
    }
    .page-archive .c-tab_list--standard {
      width: 100%;
      min-width:fit-content;
    }
  }
  .c-tab_list__tab {
    display: inline-block;
    position: relative;
  }
    .c-tab_list__tab a {
      padding: 10px 0;
      position: relative;
      color: #999999;
      display: block;
      /*display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;*/
      position: relative;
      color: #999999; }
      .c-tab_list__tab::after {
        margin: 0 auto;
        width: 0;
        height: 4px;
        background-color: #101010;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: width .3s;
        transition: width .3s;
        content: ""; }
      @media (min-width: 768px) {
        .c-tab_list__tab a:hover {
          color: #101010; }
          .c-tab_list__tab:hover::after {
            width: 100%; } }
    .c-tab_list__tab.is-active a {
      color: #101010; }
      .c-tab_list__tab.is-active::after {
        width: 100%; }
  .c-tab_list--small .c-tab_list__tab {
    margin-left: 10px;
    /*margin-left: 15px;*/
  }
    .c-tab_list--small .c-tab_list__tab:first-child {
      margin-left: 0; }
    .c-tab_list--small .c-tab_list__tab a {
      width: 50px;
      text-align: center; }
  @media (min-width: 768px) {
    .c-tab_list--medium {
      width: 100%;
      display: table;
      table-layout: fixed;
      /*border-collapse: separate;*/
      /*border-spacing: 4px 0;*/
    } }
  .c-tab_list--medium .c-tab_list__tab {
    width: calc(100%/7);
    display: table-cell;
    vertical-align: middle;
  }
    @media screen and (max-width: 767px) {
      .c-tab_list--medium .c-tab_list__tab {
        width: auto; } }
    .c-tab_list--medium .c-tab_list__tab a {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: flex;
      height: 70px;
      margin: 0 2px;
      padding: 0 5px;
      white-space: pre-wrap;
    }
      @media screen and (max-width: 767px) {
        .c-tab_list--medium .c-tab_list__tab a {
          width: 136px; } }
      .c-tab_list--medium .c-tab_list__tab:before {
        margin: 0 auto;
        display:block;
        width: 100%;
        height: 2px;
        background-color: #D5D5D5;
        position: absolute;
        right: 0;
        bottom: 1px;
        left: 0;
        content: ""; }
  .c-tab_list--standard {
    border-bottom: 2px solid #D5D5D5; }
    @media (min-width: 768px) {
      .c-tab_list--standard {
        width: 100%; } }
    .c-tab_list--standard .c-tab_list__tab {
      margin-right: 40px;
      width: auto; }
      @media screen and (max-width: 767px) {
        .c-tab_list--standard .c-tab_list__tab {
          width: auto; } }
      .c-tab_list--standard .c-tab_list__tab a {
        width: 100%;
        text-align: center;
        display:block;
        /*-webkit-box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
        text-align: center; */}
        @media screen and (max-width: 767px) {
          .c-tab_list--standard .c-tab_list__tab a {
            width: auto; } }
        .c-tab_list--standard .c-tab_list__tab::after {
          bottom: -3px; }


  .c-tab_list--large {
    text-align: center;
    border-bottom: 2px solid #D5D5D5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    .c-tab_list--large .c-tab_list__tab {
      width: 170px; }
      @media screen and (max-width: 767px) {
        .c-tab_list--large .c-tab_list__tab {
          width: 50%; } }
      .c-tab_list--large .c-tab_list__tab a {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 2.08333;
        font-weight: normal;
        color: #D5D5D5;
        padding: 0;
        display: inline-block; }
        @media screen and (max-width: 767px) {
          .c-tab_list--large .c-tab_list__tab a {
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 2.5;
            width: 100%;
            text-align: center;
            padding: 0; } }
        .c-tab_list--large .c-tab_list__tab::after {
          bottom: -3px; }
      .c-tab_list--large .c-tab_list__tab.is-active a {
        color: #101010; }
        .c-tab_list--large .c-tab_list__tab.is-active::after {
          width: 100%; }

.js-tab_contents {
  visibility: hidden;
  -webkit-transition: opacity .5s;
  transition: opacity .5s; }
  .js-tab_contents.is-active {
    padding: 0 20px;
    visibility: visible;
    opacity: 1;
  }
  @media screen and (max-width: 767px) {
    .js-tab_contents.is-active {
      padding: 0;
    }  
  }
  .js-tab_contents .c-list01__children{
    left:-38px;
  }
  .js-tab_contents .c-modal__info__list .c-list01__parents .c-list01__children{
    right:-106px;
  }
  .js-tab_contents .c-list01.is-list-type{
    margin-top: 0px;
  }

  @media screen and (max-width: 767px) {
    .js-tab_contents .c-list01__parents.btn-act .c-list01__children{
      right:-77px;
    }

    .js-tab_contents .c-modal__info__list .c-list01__parents.btn-act .c-list01__children{
      right:-88px;
    }

    div[id*="modal_movie"] > div.c-modal__info > div > ul > li > ul > li.c-modal__info__btn_list__item.btn-dl-ico.c-list01__parents.btn-act > div {
      right: -10px;
    }

    #modal_image4 > div.c-modal__info > div.c-modal__info__textarea > ul > li.c-modal__info__list__item.title > ul > li.c-modal__info__btn_list__item.btn-dl-ico.c-list01__parents.btn-act > div {
      right: -70px;
    }

    .page-index #modal_image4 > div.c-modal__info > div.c-modal__info__textarea > ul > li.c-modal__info__list__item.title > ul > li.c-modal__info__btn_list__item.btn-dl-ico.c-list01__parents.btn-act > div {
      right: -20px;
    }
  }

  @media (min-width: 768px) {
    div[id*="modal_movie"] > div.c-modal__info > div > ul > li > ul > li.c-modal__info__btn_list__item.btn-dl-ico.c-list01__parents.btn-act > div {
      right: -30px;
    }

    div[id*="modal_image"] > div.c-modal__info > div > ul > li > ul > li.c-modal__info__btn_list__item.btn-dl-ico.c-list01__parents.btn-act > div {
      right: -80px;
    }

    .page-index div[id*="modal_image"] > div.c-modal__info > div > ul > li > ul > li.c-modal__info__btn_list__item.btn-dl-ico.c-list01__parents.btn-act > div {
      right: -30px;
    }
  }

.c-list01__parents.btn-act{
  position: relative;
}
.c-list01__parents.btn-act .c-list01__children{
  bottom: 40px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
@media screen and (max-width: 767px){
  .c-list01__parents.btn-act .c-list01__children{
    bottom: 40px !important;
    right: -60px !important;
    left: auto !important;
    transform: none !important;
  }
  .c-modal--type02 .c-list01__parents.btn-act .c-list01__children{
    right: -10px !important;
  }
  .c-modal--type02 .c-list01__parents.btn-act .c-list01__children:after{
        right: 5px !important;
  }
}
@media (min-width: 768px) {
  .page-index .c-list01__children:after {
    left: 50% !important;
  }
}

/* c-result
------------------------------------------------------------*/
.c-result {
  margin-top: -20px; }
  .c-result > li > dl > dt {
    margin-bottom: 15px;
    padding-top: 20px;
    width: 100%; }
  .c-result > li > dl > dd {
    padding-bottom: 10px;
    border-bottom: 1px solid #E7E7E7;
    position: relative; }
  .c-result__date {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.04em; }
  .c-result__link {
    margin-bottom: 20px;
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    position: relative; }
    .c-result__link:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -5px;
      width: 100%;
      height: 2px;
      opacity: 0;
      background-color: #101010;
      -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .c-result__link:hover:before {
      opacity: 1;
      -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
              transform: scaleX(1); }
      @media screen and (max-width: 767px) {
        .c-result__link:hover:before {
          content: none; } }
  .c-result__box {
    padding: 5px 20px;
    background: #F5F5F5;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .c-result__box {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; } }
    .c-result__box .c-result__link {
      margin-bottom: 0;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 2.14286;
      position: relative; }
      .c-result__box .c-result__link:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        opacity: 0;
        background-color: #101010;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .c-result__box .c-result__link:hover:before {
        opacity: 1;
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1); }
        @media screen and (max-width: 767px) {
          .c-result__box .c-result__link:hover:before {
            content: none; } }
      @media screen and (max-width: 767px) {
        .c-result__box .c-result__link {
          width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; } }
  .c-result__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: absolute;
    right: 0;
    bottom: 10px; }
    @media screen and (max-width: 767px) {
      .c-result__btn {
        margin-top: 20px;
        position: relative; } }
    .c-result__btn > a {
      display: block;
      line-height: 1; }
      .c-result__btn > a:hover img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-result__btn > a:hover img {
            opacity: 1; } }
      .c-result__btn > a:not(:first-child) {
        margin-left: 20px; }

/* c-list05
------------------------------------------------------------*/
.c-list05 {
  margin-top: -50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list05:before {
    content: "";
    display: block;
    width: calc((100% - 144px) / 4);
    height: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .c-list05:after {
    content: "";
    display: block;
    width: calc((100% - 144px) / 4);
    height: 0; }
  @media screen and (max-width: 767px) {
    .c-list05 {
      display: block;
      margin-top: -40px; } }
  .c-list05 > li {
    margin-top: 50px;
    width: calc((100% - 144px) / 4); }
    @media screen and (max-width: 767px) {
      .c-list05 > li {
        display: block;
        margin: 40px auto 0;
        width: 215px; } }
    .c-list05 > li a {
      display: block; }
      .c-list05 > li a:hover img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-list05 > li a:hover img {
            opacity: 1; } }
  .c-list05__img img {
    width: 100%; }
  .c-list05__txt {
    padding: 5px 20px 10px 10px;
    height: 80px;
    background: #F5F5F5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: normal; }
    @media screen and (max-width: 767px) {
      .c-list05__txt {
        padding: 10px;
        height: 68px; } }
    .c-list05__txt:after {
      content: "";
      width: 10px;
      height: 10px;
      border-right: 2px solid #101010;
      border-bottom: 2px solid #101010;
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transform: translateY(-50%) rotate(-45deg);
          -ms-transform: translateY(-50%) rotate(-45deg);
              transform: translateY(-50%) rotate(-45deg); }
    .c-list05__txt--small {
      display: block;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.53846;
      font-weight: normal; }
      @media screen and (max-width: 767px) {
        .c-list05__txt--small {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.91667; } }
    .c-list05__txt--medium {
      width: 100%;
      display: block; }

/* c-list06
------------------------------------------------------------*/
.c-list06 {
  margin-top: -30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list06:before {
    content: "";
    display: block;
    width: calc((100% - 96px) / 4);
    height: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .c-list06:after {
    content: "";
    display: block;
    width: calc((100% - 96px) / 4);
    height: 0; }
  @media screen and (max-width: 767px) {
    .c-list06 {
      margin-top: -40px;
      display: block; } }
  .c-list06 > li {
    margin-top: 30px;
    padding: 20px 20px 25px;
    width: calc((100% - 96px) / 4);
    border: 1px solid #D5D5D5;
    position: relative; }
    @media screen and (max-width: 767px) {
      .c-list06 > li {
        margin-top: 30px;
        padding: 0;
        width: 100%;
        border: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; } }
  .c-list06__img {
    margin: 0 auto 10px;
    width: 100px; }
    .c-list06__img img {
      width: 100%;
      max-width: 100%;
      height: auto; }
    @media screen and (max-width: 767px) {
      .c-list06__img {
        margin: 0 10px 0 0; } }
  .c-list06__txt {
    margin-bottom: 10px;
    letter-spacing: 0.04em; }
    @media screen and (max-width: 767px) {
      .c-list06__txt {
        margin-bottom: 0; } }
    .c-list06__txt--small {
      margin-bottom: 5px;
      display: block;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5; }
    .c-list06__txt--medium {
      width: 100%;
      display: block;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.875; }
    @media screen and (max-width: 767px) {
    .c-list06__txt--medium {
      width: 80%; }}
  .c-list06__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    @media screen and (max-width: 767px) {
      .c-list06__btn {
        margin-top: 10px;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); } }
    .c-list06__btn > a {
      margin-left: 20px;
      display: block;
      line-height: 1; }
      .c-list06__btn > a:hover img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-list06__btn > a:hover img {
            opacity: 1; } }
    .c-list06 .c-list01__btn {
      right: 10px;
      bottom: 10px;
    }
    .c-list06 .c-list01__btn > a:not(:first-child) {
      margin-left: 10px;
    }

/* c-list07
------------------------------------------------------------*/
.c-list07__item {
  padding: 10px 0;
  border-bottom: 1px solid #707070; }
  .c-list07__item > span {
    width: calc(100% - 42px); }
@media screen and (max-width: 767px) {
  .c-list07__item {
    padding: 15px 0;
  }
}

.c-list07__time {
  display: block; }

/* c-list08
------------------------------------------------------------*/
.c-list08 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-list08__item {
    margin-left: 10px;
    width: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative; }
    @media screen and (max-width: 767px) {
      .c-list08__item {
        margin-left: 30px;
        width: 24px; } }
    .c-list08__item:first-child {
      margin-left: auto; }
    @media screen and (max-width: 767px) {
      .c-list08__item:first-child {
        margin-left: 20px;
      }
    }
    .c-list08__item a {
      line-height: 1; }
      .c-list08__item a:hover img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-list08__item a:hover img {
            opacity: 1; } }
    .c-list08__item img {
      width: 100%; }
  @media screen and (max-width: 767px) {
    .c-list08 .c-list01__btn > a:not(:first-child) {
      margin-left: 0;
    }
  }

/* c-list09
------------------------------------------------------------*/
.c-list09 {
  margin-top: -20px; }
  .c-list09 > dt {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.14286;
    letter-spacing: 0.04em; }
  .c-list09 > dd {
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #E7E7E7;
    position: relative; }
  .c-list09__link {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: 0.04em;
    position: relative; }
    .c-list09__link:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -5px;
      width: 100%;
      height: 2px;
      opacity: 0;
      background-color: #101010;
      -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .c-list09__link:hover:before {
      opacity: 1;
      -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
              transform: scaleX(1); }
      @media screen and (max-width: 767px) {
        .c-list09__link:hover:before {
          content: none; } }
    @media screen and (max-width: 767px) {
      .c-list09__link {
        text-decoration: underline; } }
  .c-list09__txt {
    margin-top: 3px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: 0.04em; }
  .c-list09__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: absolute;
    bottom: 20px;
    right: 0; }
    .c-list09__btn > a {
      margin-left: 20px;
      line-height: 1; }
      .c-list09__btn > a:hover img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-list09__btn > a:hover img {
            opacity: 1; } }
/* c-list10
------------------------------------------------------------*/
.c-list10 {
  background: #e7e7e7;
  padding: 15px;}
  .c-list10__item{
    padding: 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #101010; }
  .c-list10__item > a > span{
    border-bottom: solid 1px #101010;
  }
  @media screen and (max-width: 767px) {
    .c-list10__item{
      font-size: 1.6rem;
    }
  }
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
table
------------------------------------------------------------*/
.c-table01__list {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .c-table01__list {
      margin-bottom: 25px;
      display: block; } }
  .c-table01__list dt {
    margin-bottom: 5px;
    padding: 10px;
    width: 134px;
    height: 84px;
    background: #E7E7E7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.23077;
    font-weight: normal;
    letter-spacing: 0.04em;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .c-table01__list dt {
        margin-bottom: 0;
        padding: 5px 10px;
        width: 100%;
        height: auto;
        display: block;
        text-align: left; } }
  .c-table01__list dd {
    margin-bottom: 5px;
    width: calc(100% - 134px); }
    @media screen and (max-width: 767px) {
      .c-table01__list dd {
        width: 100%; } }
    .c-table01__list dd > a {
      padding: 18px 30px 15px;
      height: 84px;
      background: #F5F5F5;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      .c-table01__list dd > a:hover {
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-table01__list dd > a:hover {
            opacity: 1; } }
      @media screen and (max-width: 767px) {
        .c-table01__list dd > a {
          padding: 10px 45px 10px 10px;
          height: auto;
          display: block; } }
      .c-table01__list dd > a:after {
        content: "";
        width: 10px;
        height: 10px;
        border-right: 2px solid #101010;
        border-bottom: 2px solid #101010;
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%) rotate(-45deg);
            -ms-transform: translateY(-50%) rotate(-45deg);
                transform: translateY(-50%) rotate(-45deg); }

.c-table01__txt--small {
  margin-bottom: 5px;
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.53846;
  letter-spacing: 0.04em; }

.c-table01__txt--medium {
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.04em; }

.c-table02__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .c-table02__list {
      width: 100%;
      display: block; } }
  .c-table02__list dt {
    margin-bottom: 5px;
    padding: 12px;
    width: 192px;
    background: #E7E7E7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.23077;
    font-weight: normal;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .c-table02__list dt {
        margin-bottom: 0;
        padding: 5px 10px;
        width: 100%;
        display: block;
        text-align: left;
        letter-spacing: 0.04em; } }
  .c-table02__list dd {
    margin-bottom: 5px;
    padding: 10px 25px;
    width: calc(100% - 192px);
    background: #F5F5F5;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.14286; }
    @media screen and (max-width: 767px) {
      .c-table02__list dd {
        padding: 10px;
        width: 100%;
        letter-spacing: 0.04em; } }

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
slide
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-slide1, .c-slide2 {
  padding-top: 30px; }
  @media screen and (max-width: 767px) {
    .c-slide1, .c-slide2 {
      padding-top: 0; } }
  .c-slide1 .slider, .c-slide2 .slider,
  .c-slide1 .thumb,
  .c-slide2 .thumb {
    margin: 0 auto;
    width: 80%; }
    @media screen and (max-width: 767px) {
      .c-slide1 .slider, .c-slide2 .slider,
      .c-slide1 .thumb,
      .c-slide2 .thumb {
        margin-top: auto;
        width: 100%; } }
    .c-slide1 .slider img, .c-slide2 .slider img,
    .c-slide1 .thumb img,
    .c-slide2 .thumb img {
      width: 100%;
      height: auto; }
  .c-slide1 .slider, .c-slide2 .slider {
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    /*slick setting*/ }
    @media screen and (max-width: 767px) {
      .c-slide1 .slider, .c-slide2 .slider {
        padding: 0;
        max-height: 50%; } }
        .c-slide1 .slider .slick-slide a, .c-slide2 .slider .slick-slide a {
          display: block;
          position: relative;
          width: 90%;
          padding-top: 60%;
          overflow: hidden;
          margin: 0 auto; }

@media screen and (max-width: 767px) {
  .c-slide1 .slider .slick-slide a, .c-slide2 .slider .slick-slide a {
    width: 70%;
  }
}
        
          .c-slide1 .slider .slick-slide a img, .c-slide2 .slider .slick-slide a img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: auto;
            max-width: 100%;
            max-height: 100%; }
            @media screen and (max-width: 767px) {
      .c-slide1 .slider .slick-slide, .c-slide2 .slider .slick-slide {
        max-height: 60vh; } }
    .c-slide1 .slider .slick-arrow, .c-slide2 .slider .slick-arrow {
      width: 50px;
      background: none;
      border: 0;
      border-radius: none;
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
      cursor: pointer; }
      .c-slide1 .slider .slick-arrow:hover, .c-slide2 .slider .slick-arrow:hover {
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-slide1 .slider .slick-arrow:hover, .c-slide2 .slider .slick-arrow:hover {
            opacity: 1; } }
      .c-slide1 .slider .slick-arrow::after, .c-slide2 .slider .slick-arrow::after {
        margin: auto 0;
        width: 20px;
        height: 20px;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #FFF;
        position: absolute;
        top: 0;
        bottom: 0;
        content: ""; }
    .c-slide1 .slider .slick-prev, .c-slide2 .slider .slick-prev {
      left: 0; }
      .c-slide1 .slider .slick-prev::after, .c-slide2 .slider .slick-prev::after {
        margin-left: -5px;
        left: 50%;
        -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
                transform: rotate(-135deg); }
    .c-slide1 .slider .slick-next, .c-slide2 .slider .slick-next {
      right: 0; }
      .c-slide1 .slider .slick-next::after, .c-slide2 .slider .slick-next::after {
        margin-right: -5px;
        right: 50%;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
    .c-slide1 .slider .slick-prev::before, .c-slide2 .slider .slick-prev::before, .c-slide1 .slider .slick-next::before, .c-slide2 .slider .slick-next::before {
      color: #000; }

  .c-slide1 .thumb,
  .c-slide2 .thumb {
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .c-slide1 .thumb .slick-track, .c-slide2 .thumb .slick-track {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transform: translate3d(0, 0px, 0px) !important;
                transform: translate3d(0, 0px, 0px) !important; } }
    .c-slide1 .thumb.is-center .slick-track, .c-slide2 .thumb.is-center .slick-track {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transform: translate3d(0, 0px, 0px) !important;
              transform: translate3d(0, 0px, 0px) !important; }
    .c-slide1 .thumb .slick-slide, .c-slide2 .thumb .slick-slide {
      margin: 0 10px;
      -webkit-filter: brightness(50%);
              filter: brightness(50%); }
      @media screen and (max-width: 767px) {
        .c-slide1 .thumb .slick-slide, .c-slide2 .thumb .slick-slide {
          margin: 0 5px; } }
    .c-slide1 .thumb .slick-current, .c-slide2 .thumb .slick-current {
      -webkit-filter: brightness(100%);
              filter: brightness(100%); }
  @media (min-width: 768px) {
    .c-slide1 .c-modal__info__textarea, .c-slide2 .c-modal__info__textarea {
      margin-left: 40px; } }

.c-slide2 .slider,
.c-slide2 .thumb {
  width: 850px; }
  @media screen and (max-width: 767px) {
    .c-slide2 .slider,
    .c-slide2 .thumb {
      width: 100%; } }

.c-slide2 .slider {
  padding-right: 0;
  padding-left: 0;
  /*slick setting*/ }
  @media screen and (max-width: 767px) {
    .c-slide2 .slider {
      padding: 0 20px;
      max-height: 100%; } }
  .c-slide2 .slider .slick-arrow::after {
    width: 20px;
    height: 20px;
    border-color: #707070; }
  .c-slide2 .slider .slick-prev {
    margin-left: -55px; }
    @media screen and (max-width: 767px) {
      .c-slide2 .slider .slick-prev {
        margin-left: -25px; } }
  .c-slide2 .slider .slick-next {
    margin-right: -55px; }
    @media screen and (max-width: 767px) {
      .c-slide2 .slider .slick-next {
        margin-right: -25px; } }

.c-slide2 .thumb {
  margin-top: 20px;
  width: 680px; }
  @media screen and (max-width: 767px) {
    .c-slide2 .thumb {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .c-slide2 .thumb img {
      display: none; } }
  .c-slide2 .thumb .slick-list {
    padding: 0 !important; }
  @media screen and (max-width: 767px) {
    .c-slide2 .thumb .slick-track {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  .c-slide2 .thumb.is-center .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translate3d(0, 0px, 0px) !important;
            transform: translate3d(0, 0px, 0px) !important; }
  .c-slide2 .thumb .slick-slide {
    opacity: .6;
    -webkit-filter: brightness(100%);
            filter: brightness(100%); }
    @media screen and (max-width: 767px) {
      .c-slide2 .thumb .slick-slide {
        width: 14px !important;
        height: 14px;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
        background: #999999;
        opacity: 1; } }
  .c-slide2 .thumb .slick-current {
    opacity: 1; }
    @media screen and (max-width: 767px) {
      .c-slide2 .thumb .slick-current {
        width: 14px !important;
        height: 14px;
        border: 2px solid #999999;
        border-radius: 50%;
        background: #FFFFFF; } }

.c-slide_mark, .c-slide_mark--sp_rt_btm {
  height: 25px;
  background: #101010;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1; }
  .c-slide_mark__icon, .c-slide_mark__number {
    width: 25px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .c-slide_mark__icon, .c-slide_mark__number {
        width: 30px; } }
  @media screen and (max-width: 767px) {
    .c-slide_mark--sp_rt_btm {
      top: auto;
      bottom: 0; } }

/*------------------------------------------------------------
pager
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-pager {
  padding: 0 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  @media screen and (max-width: 767px) {
    .c-pager {
      width: 100%; } }
  .c-pager .page-item {
    margin: 0 15px;
    color: #999999;
    text-align: center;
    position: relative; }
    @media screen and (max-width: 767px) {
      .c-pager .page-item {
        margin: 0 10px; } }
    .c-pager .page-item .page-link {
      color: #999999;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.5;
      position: relative; }
      .c-pager .page-item .page-link:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 100%;
        height: 2px;
        opacity: 0;
        background-color: #999999;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .c-pager .page-item .page-link:hover:before {
        opacity: 1;
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1); }
        @media screen and (max-width: 767px) {
          .c-pager .page-item .page-link:hover:before {
            content: none; } }
    .c-pager .page-item.active .page-link {
      font-weight: normal; }
      .c-pager .page-item.active .page-link:before {
        content: "";
        position: absolute;
        left: -2px;
        bottom: -5px;
        width: calc(100% + 4px);
        height: 2px;
        background-color: #999999;
        -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        opacity: 1;
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1); }
    .c-pager .page-item.first, .c-pager .page-item.last {
      display: none; }
    .c-pager .page-item.prev, .c-pager .page-item.next {
      background: none;
      border: 0;
      border-radius: none;
      z-index: 1;
      cursor: pointer; }
      .c-pager .page-item.prev:hover, .c-pager .page-item.next:hover {
        opacity: .7; }
        @media screen and (max-width: 767px) {
          .c-pager .page-item.prev:hover, .c-pager .page-item.next:hover {
            opacity: 1; } }
      .c-pager .page-item.prev::after, .c-pager .page-item.next::after {
        margin: auto 0;
        width: 15px;
        height: 15px;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #999999;
        position: absolute;
        top: 0;
        bottom: 0;
        content: ""; }
        .c-pager .page-item.prev {
          left: -30px; }
      @media screen and (max-width: 767px) {
        .c-pager .page-item.prev {
          left: 0; }
        .c-pager .page-item.prev::before {
          content: "PREV";
          padding-left: 15px; } }
      .c-pager .page-item.prev::after {
        -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
                transform: rotate(-135deg); }
        @media screen and (max-width: 767px) {
          .c-pager .page-item.prev::after {
            left: 0; } }
        .c-pager .page-item.next {
          right: -15px; }
      @media screen and (max-width: 767px) {
        .c-pager .page-item.next {
          right: 0; }
        .c-pager .page-item.next::before {
          content: "NEXT";
          padding-right: 15px; } }
      .c-pager .page-item.next::after {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
        @media screen and (max-width: 767px) {
          .c-pager .page-item.next::after {
            right: 0; } }

/*------------------------------------------------------------
article
------------------------------------------------------------*/
.c-article {
  margin-bottom: 120px;
  /* c-article__header
------------------------------------------------------------*/ }
  .c-article__header .c-ttl04, .c-article__header .c-ttl04--border {
    text-align: center; }
    .c-article__header .c-ttl04__txt--small {
      margin-top: 10px;
      display: inline-block; }
  .c-article__time {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5; }
  .c-article__tag, .c-article__tag--type01, .c-article__tag--type02, .c-article__tag--type03, .c-article__tag--type04, .c-article__tag--type05, .c-article__tag--type06 {
    padding: 5px 15px;
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    font-size: 1.2rem;
    line-height: 1.07143;
    width: 208px;
    text-align: center;
  }
    @media screen and (max-width: 767px) {
      .c-article__tag, .c-article__tag--type01, .c-article__tag--type02, .c-article__tag--type03, .c-article__tag--type04, .c-article__tag--type05, .c-article__tag--type06 {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.25; } }
    .c-article__tag--type01 {
      background: #5E6575; }
    .c-article__tag--type02 {
      background: #A57C75; }
    .c-article__tag--type03 {
      background: #67746A; }
    .c-article__tag--type04 {
      background: #608082; }
    .c-article__tag--type05 {
      background: #827D60; }
    .c-article__tag--type06 {
      background: #906A89; }
  .c-article__list {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media screen and (max-width: 767px) {
      .c-article__list {
        margin-top: 35px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .c-article__list__item {
      margin-left: 10px; }
      @media screen and (max-width: 767px) {
        .c-article__list__item {
          margin-left: 15px; } }
      .c-article__list__item:first-child {
        margin-left: 0; }
      .c-article__list__item.pdf {
        margin-left: 20px; }
  .c-article__conts {
    margin-top: 40px;
    word-wrap: break-word;
    padding-bottom: 20px;
  }
    @media screen and (max-width: 767px) {
      .c-article__conts {
        padding: 0 20px; } }

@media screen and (max-width: 767px) {
    .c-article__conts table {
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
    }
}


    .c-article__conts p {
      margin-top: 40px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.875; }
      @media screen and (max-width: 767px) {
        .c-article__conts p {
          margin-top: 30px; } }
      .c-article__conts p:first-child {
        margin-top: 0; }
    .c-article__conts a {
      position: relative; }
      .c-article__conts a:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 100%;
        height: 2px;
        opacity: 0;
        background-color: #101010;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .c-article__conts a:hover:before {
        opacity: 1;
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1); }
        @media screen and (max-width: 767px) {
          .c-article__conts a:hover:before {
            content: none; } }
    .c-article__conts figure {
      margin-top: 40px; }
      .c-article__conts figure img {
        width: 100%; }
      .c-article__conts figure figcaption {
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.14286; }

.c-article02__header {
  margin-bottom: 15px; }

.c-article02__date {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1; }

.c-article02__ttl {
  margin-bottom: 15px;
  padding: 20px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.875;
  font-weight: normal;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .c-article02__ttl {
      margin-bottom: 25px;
      padding: 40px 20px;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.875; } }

.c-article02__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .c-article02__btn > a {
    margin-left: 20px;
    display: block;
    line-height: 1; }
    .c-article02__btn > a:hover img {
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      opacity: .7; }
      @media screen and (max-width: 767px) {
        .c-article02__btn > a:hover img {
          opacity: 1; } }

.c-article02__txt:not(:last-child) {
  margin-bottom: 25px; }

.c-article02__img {
  margin-top: 35px;
  margin-bottom: 25px; }

.c-article02__img img {
  max-width: 100%;
}
  
.c-sns_btn__icon, .c-sns_btn__icon--tw, .c-sns_btn__icon--fb, .c-sns_btn__icon--ln, .c-sns_btn__icon--hb {
  width: 25px;
  height: 25px;
  display: block; }
  .c-sns_btn__icon:hover, .c-sns_btn__icon--tw:hover, .c-sns_btn__icon--fb:hover, .c-sns_btn__icon--ln:hover, .c-sns_btn__icon--hb:hover {
    opacity: .7; }
    @media screen and (max-width: 767px) {
      .c-sns_btn__icon:hover, .c-sns_btn__icon--tw:hover, .c-sns_btn__icon--fb:hover, .c-sns_btn__icon--ln:hover, .c-sns_btn__icon--hb:hover {
        opacity: 1; } }
  @media screen and (max-width: 767px) {
    .c-sns_btn__icon, .c-sns_btn__icon--tw, .c-sns_btn__icon--fb, .c-sns_btn__icon--ln, .c-sns_btn__icon--hb {
      width: 36px;
      height: 36px; } }
  .c-sns_btn__icon--tw {
    background: url("/en/publicity/release/resource/img/icon/tw.svg") no-repeat center/100% auto; }
  .c-sns_btn__icon--fb {
    background: url("/en/publicity/release/resource/img/icon/fb.svg") no-repeat center/100% auto; }
  .c-sns_btn__icon--ln {
    background: url("/en/publicity/release/resource/img/icon/ln.svg") no-repeat center/100% auto; }
  .c-sns_btn__icon--hb {
    background: url("/en/publicity/release/resource/img/icon/hb.svg") no-repeat center/100% auto; }
  .c-sns_btn__icon--pdf {
    width: 24px;
    height: 29px;
    display: block;
    background: url("/en/publicity/release/resource/img/icon/pdf.svg") no-repeat center/100% auto; }
    .c-sns_btn__icon--pdf:hover {
      opacity: .7; }
      @media screen and (max-width: 767px) {
        .c-sns_btn__icon--pdf:hover {
          opacity: 1; } }

/*------------------------------------------------------------
other
------------------------------------------------------------*/
/* c-box01
------------------------------------------------------------*/
.c-alert {
  margin: 0 auto;
  width: 920px; }
  @media screen and (max-width: 767px) {
    .c-alert {
      width: calc(100% - 40px); } }
  .c-alert__box {
    padding: 40px 20px 30px;
    background: #F5F5F5; }
    @media screen and (max-width: 767px) {
      .c-alert__box {
        padding: 20px; } }
  .c-alert__txt {
    margin-bottom: 18px; }
    .c-alert__txt--small {
      margin-top: 20px;
      text-align: center;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.3; }
      @media screen and (max-width: 767px) {
        .c-alert__txt--small {
          text-align: left;
          padding: 0 20px; } }
      .c-alert__txt--small a {
        font-weight: normal;
        text-decoration: underline;
        color: #101010; }
        .c-alert__txt--small a:hover {
          text-decoration: none; }
        @media screen and (max-width: 767px) {
          .c-alert__txt--small a:hover {
            text-decoration: underline; } }
  .c-alert .c-email {
    margin-bottom: 43px; }
    @media screen and (max-width: 767px) {
      .c-alert .c-email {
        margin-bottom: 30px; } }
  .c-alert .c-policy {
    margin-bottom: 24px; }
  .c-alert .recaptcha {
    text-align: center;
    margin-bottom: 24px; }
    @media screen and (max-width: 767px) {
      .c-alert .recaptcha {
        margin-bottom: 32px; } }
  .c-alert .recaptcha div {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .c-alert__btn {
    text-align: center; }

/* c-modal
------------------------------------------------------------*/
.c-modal, .c-modal--type01, .c-modal--type02, .c-modal--type03 {
  margin: 0 auto;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 999;
  opacity: 1; }
  .c-modal__box {
    padding-bottom: 32px;
    background: #FFFFFF; }
    @media screen and (max-width: 767px) {
      .c-modal__box {
        padding-bottom: 0; } }
  .c-modal__icon {
    cursor: pointer;
    display: block;
    position: absolute;
    top: -33px;
    right: 0;
    width: 30px;
    height: 30px; }
    .c-modal__icon:before {
      content: "";
      display: inline-block;
      width: 30px;
      height: 2px;
      background: #ffffff;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      top: 16px;
      right: -4px; }
    .c-modal__icon:after {
      content: "";
      display: inline-block;
      width: 30px;
      height: 2px;
      background: #ffffff;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      position: absolute;
      top: 16px;
      right: -4px; }
  .c-modal__ttl {
    background: #676767;
    padding: 15px 24px; }
  .c-modal__txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875;
    margin: 32px 32px 24px; }
    @media screen and (max-width: 767px) {
      .c-modal__txt {
        margin: 28px 20px; } }
  .c-modal__contents {
    padding: 32px;
    margin: 0 32px;
    background: #F5F5F5; }
    @media screen and (max-width: 767px) {
      .c-modal__contents {
        padding: 20px;
        margin: 0 20px; } }
    .c-modal__contents p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.875; }
    .c-modal__contents p:nth-child(1) {
      margin-bottom: 24px; }
    .c-modal__contents a {
      text-decoration: underline;
      color: #101010; }
      .c-modal__contents a:hover {
        text-decoration: none; }
      @media screen and (max-width: 767px) {
        .c-modal__contents a:hover {
          text-decoration: underline; } }
  .c-modal__contents2 {
    max-height: 460px;
    overflow-y: scroll;
    padding: 32px;
    background: #F5F5F5; }
    @media screen and (max-width: 767px) {
      .c-modal__contents2 {
        max-height: 100%;
        height: calc(100% - 195px);
        padding: 20px;
      }
    }
  .c-modal__contents2 p.c-modal__txt {
      margin: 0;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.875; }
  .c-modal__btn {
    margin: 24px 0 0;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .c-modal__btn {
        width: 100%;
        min-height: 144px;
        margin: 0;
        padding: 20px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;}
    }
    .c-modal__btn .c-btn02:nth-child(2) {
      margin-left: 20px; }
      @media screen and (max-width: 767px) {
        .c-modal__btn .c-btn02:nth-child(2) {
          margin: 18px 0 0 0; } }
  .c-modal--type01 {
    width: 880px;
    max-width: 90%;
  }
    @media screen and (max-width: 767px) {
      .c-modal--type01 {
        width: calc(100% - 40px);
        height: 85%; } }
    @media screen and (max-width: 767px) {
      .c-modal--type01 .c-modal__icon {
        right: 0;
        z-index: 1; } }
    @media screen and (max-width: 767px) {
      .c-modal--type01 .c-modal__box {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: scroll; } }
  .c-modal--type02 {
    width: 90vh;
    max-width: 900px;
    background-color: #2B2B2B; }
    @media screen and (max-width: 767px) {
      .c-modal--type02 {
        max-height: 100%;
        min-height: 75%;
        width: 100%;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(16, 16, 16, 0.75);
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }
    @media screen and (max-width: 767px) {
      .c-modal--type02 .c-modal__icon {
        position: fixed;
        top: 10px;
        right: 10px;} }
  .c-modal--type03 {
    width: auto;
    max-width: 900px;
    max-height: 90%;
    background-color: #2B2B2B; }
    @media screen and (max-width: 767px) {
      .c-modal--type03 {
        max-height: 100%;
        width: 100%;
//        top: 20%;
        top: 8%;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: inherit;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }
    @media screen and (max-width: 767px) {
      .c-modal--type03 .c-modal__icon {
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 999; }
      .c-modal--type03 .c-modal__inner {
        margin: 50vh auto 0;
        transform: translateY(-58%);
        background-color: rgba(16, 16, 16, 0.75); } }
    .c-modal--type03 .c-modal__img img {
      width: auto;
      height: auto;
      max-height: 45vh; }
    .c-modal--type03 .c-modal__img {
      text-align: center; }
    @media screen and (min-width: 768px) {
      .c-modal--type03 .c-modal__img img {
        height: 100%;
        max-height: 500px;
      }
      .c-modal--type03 .c-modal__img {
        /*height: 500px;*/
        max-height: 500px;
      }
    }

    .c-modal--type03 .c-modal__img .video {
      width: 100%;
      height: auto;
      position:relative;
      padding-top:56.25%; }
    @media screen and (min-width: 768px) {
      .c-modal--type03 .c-modal__img .video {
        min-width: 736px;
      }
    }

    .c-modal--type03 .c-modal__img .video iframe{
        position:absolute;
        top:0;
        right:0;
        width:100%;
        height:100%;
    }
    @media screen and (max-width: 767px) {
      .c-modal--type03 .c-modal__info__btn_list {
        /*position: fixed;*/
        right: 20px;
        bottom: 10px; } }
  .c-modal__info {
    padding: 12px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      .c-modal__info {
        padding: 20px;
        display: block;
        position: relative; } }
    .c-modal__info__numbers {
      width: 88px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #FFF;
      font-size: 2.4rem;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        .c-modal__info__numbers {
          position: absolute;
          top: 20px;
          right: 20px; } }
    .c-modal__info__textarea {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      color: #FFF; }
    .c-modal__info__list__name{
      flex: 1;
    }
    @media screen and (min-width: 768px) {
      .c-modal__info__textarea {
        width: min-content;
      }
    }
      @media screen and (max-width: 767px) {
        .c-modal__info__textarea {
          margin-left: 0; } }
    .c-modal__info__time {
      font-size: 1.4rem; }
      @media screen and (max-width: 767px) {
        .c-modal__info__time {
          display: block; } }
    .c-modal__info__list {
      margin-top: 5px;
      font-size: 1.6rem; }
      @media screen and (max-width: 767px) {
        .c-modal__info__list {
          margin-top: 20px; } }
      .c-modal__info__list__item {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .c-modal__info__list__item:first-child {
          margin-top: 0;
          padding-top: 0;
          border-top: none; }
        @media screen and (max-width: 767px) {
          .c-modal__info__list__item.title {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column; } }
        @media screen and (max-width: 767px) {
          .c-modal__info__list__item.title .slide_info__list__name {
            display: block; } }
    .c-modal__info__btn_list {
      margin-left: auto;
      padding-bottom: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
      @media screen and (max-width: 767px) {
        .c-modal__info__btn_list {
          margin-top: auto; } }
      .c-modal__info__btn_list__item {
        margin-left: 20px; }
        .c-modal__info__btn_list__item:hover img {
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
          opacity: .7; }
          @media screen and (max-width: 767px) {
            .c-modal__info__btn_list__item:hover img {
              opacity: 1; } }
        .c-modal__info__btn_list__item:first-child {
          margin-left: 20px; }
      .c-modal__info__btn_list__btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end; }
                .credit_box{
                  margin-top: 30px;
                }
                .credit_box p.c-modal__txt{
                  margin-bottom: 10px;
                }
                .credit_box_list{
                  background-color: #e7e7e7;
                }
                .credit_box_list__item{
                  border-bottom: 1px  solid #fff;
                  padding: 20px 20px 10px;
                }
                .credit_box_list__item dl{
                  margin-bottom: 10px;
                  font-size: 1.4px;
                  font-size: 1.4rem;
                  line-height: 1.3;
                }
                .credit_box_list__item dl::after{
                  content: "";
                  display: block;
                  clear: both;
                }
                .credit_box_list__item dt{
                  float: left;
                  position: relative;
                  width: 100px;
                  font-weight: bold;
                }
                .credit_box_list__item dt:before{
                  content:':';
                  position: absolute;
                  top: 50%;
                  right: 0;
                  height: 100%;
                  transform: translate(0,-50%);
                }
                .credit_box_list__item dd{
                  margin-left: 120px;
                  word-break: break-all;
                }
                @media screen and (max-width: 767px) {
                  .credit_box_list__item dt{
                    float: none;
                  }
                  .credit_box_list__item dt:before{
                    display: none;
                  }
                  .credit_box_list__item dd{
                    margin-left: 0;
                  }
                }

.js-modal_overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500; }
  @media screen and (max-width: 767px) {
    .js-modal_overlay {
      /*background-color: #2B2B2B;*/ } }

.c-pulldown {
  color: #999999;
  font-size: 1.8rem; }
  .c-pulldown__elm {
    padding: 0 30px 0 10px;
    height: 40px;
    border-color: #999999;
    border-radius: 3px;
    background-color: #FFF;
    /* color: #999999; */
    font-size: 1.8rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .c-pulldown__elm::-ms-expand {
      display: none; }
  .c-pulldown__wrap {
    display: inline-block;
    position: relative;
  }
    .c-pulldown__wrap::after {
      margin-top: -8px;
      width: 10px;
      height: 10px;
      border-width: 1px 1px 0 0;
      border-style: solid;
      border-color: #999999;
      position: absolute;
      top: 50%;
      right: 15px;
      -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
              transform: rotate(135deg);
      content: ""; }
  .c-pulldown__txt {
    margin-left: 6px; }

/* c-info
------------------------------------------------------------*/
.c-info__time {
  margin-bottom: 10px;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .c-info__time {
      margin-bottom: 15px; } }

.c-info__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 767px) {
    .c-info__inner {
      width: 100%;
      display: block;
      text-align: center; } }

.c-info__img {
  margin-right: 40px; }
  @media screen and (max-width: 767px) {
    .c-info__img {
      margin: 0 auto 25px;
      width: 215px; } }

.c-info__txt--small {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857; }

.c-info__txt--medium {
  margin-bottom: 10px;
  display: inline-block;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  letter-spacing: 0.06em; }

.c-info__txt--notes {
  margin-top: 3px;
  margin-left: 10px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.53846; }
  @media screen and (max-width: 767px) {
    .c-info__txt--notes {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.42857; } }

/*
------------------------------------------------------------*/

/*広報資料*/
.publicity{
}
.publicity li{
  border-bottom: #E7E7E7 1px solid;
  padding: 15px 0 18px;
}
.publicity .p_date{
  font-size: 1.4rem;
  padding-bottom: 5px;
}
.publicity .p_name{
  font-size: 2.2rem;
  padding-bottom: 12px;
  float:none;
}
.publicity .p_name_detail{
  background-color: #F5F5F5;
  padding: 5px 15px;
  font-size: 1.4rem;
  display: inline-table;
}

.publicity .c-list01__btn{
  position: relative;
}
@media screen and (max-width: 767px) {

  .publicity li{
    padding: 15px 0; }

  .publicity .p_name_detail{
    white-space: nowrap;
  width: 100%;                   /* IE6 では width の指定が必要 */
  overflow: hidden;              /* "overflow" の値は "visible" 以外のものを指定する */
  -o-text-overflow: ellipsis;    /* Opera 9-10 */
  text-overflow:ellipsis;
  display: block;
}


  .publicity .c-list01__btn {
    margin-top: 15px;
    }
  .pb40{
    padding-bottom: 15px !important;
    } }






.publicity .c-list01__btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
      align-items: flex-end;
      /*position: absolute;
      z-index: 3;
      right: 5%; */}
      @media screen and (max-width: 767px) {
      .publicity   .c-list01__btn {
          margin-top: 20px; } }
      .publicity .c-list01__btn > a {
        display: block;
        line-height: 1; }
      .publicity   .c-list01__btn > a:hover img {
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
          opacity: .7; }
          @media screen and (max-width: 767px) {
            .c-list01__btn > a:hover img {
              opacity: 1; } }
      .publicity   .c-list01__btn > a:not(:first-child) {
          margin-left: 20px; }
        @media screen and (max-width: 767px) {
          .c-list01__btn > a:not(:first-child) {
            margin-left: 30px; } }


      .c-list01__btn .btn-dl-ico,
      .c-list01__btn .btn-check-ico,
      .c-list01__btn .btn-plus-ico,
      .c-modal__info__btn_list .btn-dl-ico,
      .c-modal__info__btn_list .btn-check-ico,
      .c-modal__info__btn_list .btn-plus-ico{
        display: none !important;
      }
      .c-list01__btn.btn-dl .btn-dl-ico,
      .c-list01__btn.btn-check .btn-check-ico,
      .c-list01__btn.btn-plus .btn-plus-ico,
      .c-modal__info__btn_list.btn-dl .btn-dl-ico,
      .c-modal__info__btn_list.btn-check .btn-check-ico,
      .c-modal__info__btn_list.btn-plus .btn-plus-ico{
        display: block !important;
      }

      @media screen and (min-width: 768px) {
        a.btn-dl-ico,
        a.c-modal__info__btn_list__btn,
        a.btn-plus-ico,
        a.btn-check-ico,
        a.remove_image_archive,
        a.remove_movie_archive,
        a.add_speech_cart,
        a.remove_speech_cart {
          position: relative;
        }
        a.btn-dl-ico:hover:before,
        .btn-dl-ico > a:hover:before,
        a.c-modal__info__btn_list__btn:hover:before,
        .c-result__btn > a[data-target="modal-download"]:hover:before,
        .c-list01__btn .c-list01__parents > a[data-target="modal-download"]:hover:before,
        .c-list08__item > a[data-target="modal-download"]:hover:before {
          content: "Download";
          background: #fff;
          border: 1px solid #101010;
          padding: 3px;
          font-size: 12px;
          position: absolute;
          right: 0;
          top: -21px;
          width: 6em;
          text-align: center;
          z-index: 000;
        }
        a.btn-plus-ico:hover:before,
        .btn-plus-ico a:hover:before,
        a.add_speech_cart:hover:before {
          content: "Add";
          background: #fff;
          border: 1px solid #101010;
          padding: 3px;
          font-size: 12px;
          position: absolute;
          left: 0px;
          top: -21px;
          width: 4em;
          text-align: center;
          z-index: 999;
        }
        a.btn-check-ico:hover:before,
        .btn-check-ico a:hover:before,
        a.remove_image_archive:hover:before,
        a.remove_image_archive_modal:hover:before,
        a.remove_movie_archive:hover:before,
        a.remove_movie_archive_modal:hover:before,
        a.remove_press_archive:hover:before,
        a.remove_speech_cart:hover:before {
          content: "Delete";
          background: #fff;
          border: 1px solid #101010;
          padding: 3px;
          font-size: 12px;
          position: absolute;
          left: 0px;
          top: -21px;
          width: 5em;
          text-align: center;
          z-index: 999;
        }
      }

.youtube {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.youtube div {
  position: relative;
  width: 1em;
  height: 1em;
  font-size: 30px;
  color: white;
  transform: rotate(90deg);
  top: 38%;
  left: 48%;
  opacity: 80%;
}

@media screen and (min-width: 768px) {

  #sidebar_wrapper {
    width: 960px;
  }
  #sidebar_wrapper > .c-container {
    float: left;
  }
  #sidebar_wrapper:after {
    content: " ";
    display: block;
    clear: both;
  }
  #sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    float: left;
    padding-bottom: 40px;
  }

}

.loading {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  border: 5px solid #000;
  border-right: 5px solid transparent;
  border-radius: 30px;
  animation: loading 1s linear infinite;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
          position: absolute;
          top: calc(50% - 50px);
          left: 50%;
}

@keyframes loading {
  0% {
    transform: translate(-50%, -50%);
  }

  50% {
    opacity: .6;
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
    transform-origin: 50% 50%;
    opacity: .3;
  }
}

.api_loading {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  border: 5px solid #000;
  border-right: 5px solid transparent;
  border-radius: 30px;
  animation: loading 1s linear infinite;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 50px);
  left: 50%;
}

@keyframes api_loading {
  0% {
    transform: translate(-50%, -50%);
  }

  50% {
    opacity: .6;
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
    transform-origin: 50% 50%;
    opacity: .3;
  }
}

.c-side__caption {
    font-size: 1.2rem;
    margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .c-side__caption {
    font-size: 1em;
  }
}
.app_news_side_image .btn-dl img, .app_news_side_movie .btn-dl img {
  width: 16px;
}
@media screen and (max-width: 767px) {
  .app_news_side_image .btn-dl img, .app_news_side_movie .btn-dl img {
    width: auto;
  }
}
.app_news_side_image .btn-dl img[src$="03.svg"], .app_news_side_movie .btn-dl img[src$="03.svg"] {
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .app_news_side_image .btn-dl img[src$="03.svg"], .app_news_side_movie .btn-dl img[src$="03.svg"] {
    margin-right: 0;
  }
}
.app_news_side_image .btn-dl img[src$="07.svg"], .app_news_side_movie .btn-dl img[src$="07.svg"] {
  margin-top: 1px;
}
.c-list01__parents {
  position: relative;
}

/* image storage prohibition */
.js-modal_panel .slider .slick-slide img,
.js-modal_panel .thumb .slick-slide img,
.c-modal--type03 .c-modal__img img,
.c-mainvisual img{
  pointer-events: none;
}

/* 関連リンク 別タブ */
a.is__blank,
a.is__pdf{
  display: inline-block;
  position: relative;
  word-wrap:break-word;
  overflow-wrap: break-word;
}
a.is__blank::after,
a.is__pdf::after{
  content: "";
  display: inline-block;
  width: 16px;
  height: 13px;
  position: relative;
  margin-left: 5px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 13px;
  background-image: url(/common/img/is_blank.png);
}

/*.c-info a.is__blank::after,
.c-info a.is__pdf::after{
  position: absolute;
  bottom: 50%;
  transform: translate(0, 50%);
}*/

/* Slick Slider */
.slider,.thumb{
  visibility: hidden;
}
.slider.slick-initialized,.thumb.slick-initialized{
  visibility: visible;
}