@charset "UTF-8";
/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
nav,
section,
time,
mark,
audio,
video {
  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%;
  color: #000; }

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

body,
table,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica", "Arial", "YuGothic", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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;
  max-width: 100%; }

a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)"; }

form label {
  cursor: pointer; }

/*
HelveticaNeue Bold
----------------------------------------------------*/
@font-face {
  font-family: "HelveticaNeueBold";
  src: local("HelveticaNeue Bold"), local("HelveticaNeue-Bold"), url(../fonts/HelveticaNeue-Bold.otf) format("opentype");
  font-style: normal;
  font-weight: 700; }

/*------------------------------------------------------------
for develop
------------------------------------------------------------*/
#__bs_notify__ {
  opacity: 0.3 !important;
  font-size: 5px !important;
  line-height: 100% !important;
  padding: 0 5px 0 5px !important;
  border-radius: 0 !important; }

.c-dev-title1 {
  background: #000;
  color: #fff;
  line-height: 1;
  padding: 6px 0 6px 15px;
  font-size: 1.6rem;
  margin: 60px 0 20px 0; }

.c-dev-title2 {
  background: #888;
  color: #fff;
  line-height: 1;
  padding: 6px 0 6px 30px;
  font-size: 1.3rem;
  margin: 50px 0 10px 0; }

.c-dev-message1 {
  top: 0;
  left: 0;
  background: #f00;
  color: #fff;
  z-index: 9999;
  position: fixed;
  line-height: 1;
  padding: 3px 6px;
  opacity: 0.6;
  font-size: 8px; }

@media (min-width: 768px) {
  .sp-only {
    display: none; } }

@media screen and (max-width: 767px) {
  .pc-only {
    display: none; }
  img {
    max-width: 100%;
    height: auto; } }

/*------------------------------------------------------------
breadcrumb
------------------------------------------------------------*/
.c-breadcrumb {
  display: block; }
  .c-breadcrumb__item {
    display: inline; }
    .c-breadcrumb__item::after {
      content: "";
      width: 11px;
      height: 1px;
      margin-bottom: 4px;
      background: #999999;
      display: inline-block;
      -webkit-transform: rotate(-67deg);
          -ms-transform: rotate(-67deg);
              transform: rotate(-67deg);
      left: -1px;
      position: relative; }
    .c-breadcrumb__item:last-child::after {
      display: none; }
  .c-breadcrumb__link {
    color: #886B51;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.5;
    text-decoration: none;
    display: inline; }
    @media screen and (min-width: 768px) {
      .c-breadcrumb__link:hover {
        text-decoration: underline;
        opacity: 0.8; } }
  .c-breadcrumb__txt {
    color: #000000;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.5; }
  .c-breadcrumb--green .c-breadcrumb__link {
    color: #4AA192; }
  .c-breadcrumb--blue .c-breadcrumb__link {
    color: #0046F9; }

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
footer
------------------------------------------------------------*/
.c-footer {
  background: #000;
  color: #fff;
  padding: 39px 0 41px;
  border-top: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .c-footer {
      padding: 18px 0 20px; } }
  .c-footer__list1, .c-footer__list2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .c-footer__list1 {
    max-width: 1008px;
    margin: 0 -10px; }
  .c-footer__item1 {
    padding: 0 10px;
    line-height: 1.5;
    margin-bottom: 11px; }
    @media screen and (max-width: 767px) {
      .c-footer__item1 {
        margin-bottom: 12px; } }
    @media screen and (max-width: 767px) {
      .c-footer__list1--first .c-footer__item1 {
        width: 100%; } }
  .c-footer__item2:nth-child(n + 2) {
    margin-left: 20px; }
  .c-footer__link1, .c-footer__link2 {
    display: inline-block;
    text-decoration: none; }
  .c-footer__link1 {
    font-size: 1.2rem;
    line-height: 1.5;
    color: #fff; }
    @media screen and (min-width: 768px) {
      .c-footer__link1:hover {
        text-decoration: underline; } }
  .c-footer__link2 {
    font-size: 1.4rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.6);
    position: relative; }
    .c-footer__link2 img {
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      .c-footer__link2 img.is-hover {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
    @media screen and (min-width: 768px) {
      .c-footer__link2:hover img {
        opacity: 0; }
        .c-footer__link2:hover img.is-hover {
          opacity: 1; } }
  .c-footer__title {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.6);
    margin: 25px 0 12px; }
    @media screen and (max-width: 767px) {
      .c-footer__title {
        margin: 14px 0 12px !important; } }
    .c-footer__title--style2 {
      margin-top: 26px; }
  .c-footer__btn {
    display: inline-block;
    margin: 27px 0 40px;
    width: 184px;
    height: 38px;
    line-height: 38px;
    border-radius: 40px;
    border: solid 1px #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 1.2rem; }
    @media screen and (min-width: 768px) {
      .c-footer__btn:hover {
        opacity: 1;
        background-color: #fff;
        color: #000; } }
    @media screen and (max-width: 767px) {
      .c-footer__btn {
        width: 100%;
        margin: 16px 0 31px;
        height: 45px;
        line-height: 44px;
        font-size: 1.4rem;
        letter-spacing: 0; } }
  .c-footer__copyright {
    margin-top: 40px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.2rem; }
    @media screen and (max-width: 767px) {
      .c-footer__copyright {
        letter-spacing: 0;
        margin-top: 27px; } }
  @media screen and (max-width: 767px) {
    .c-footer .pc-only {
      display: none; } }

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
header
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-header {
  padding-top: 89px; }
  @media screen and (max-width: 767px) {
    .c-header {
      padding-top: 60px; } }
  .c-header-title {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    font-size: 1.2rem;
    line-height: 15px;
    padding: 10px;
    text-align: center;
    color: #FFFFFF;
    z-index: 10; }
    .c-header-title + .c-header {
      padding-top: 124px; }
      .c-header-title + .c-header > .c-header1 {
        top: 35px; }
  .c-header1 {
    background: #000;
    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: 20px 32px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }
    @media screen and (max-width: 767px) {
      .c-header1 {
        padding: 12px 19px; } }
    @media screen and (min-width: 768px) {
      .c-header1__logo:hover {
        opacity: 1; } }
    @media screen and (max-width: 767px) {
      .c-header1__logo {
        display: inline-block;
        width: 120px;
        margin-right: 10px; } }
  .c-header2 {
    width: 100%;
    position: fixed;
    background: #000;
    top: 88px;
    left: 0;
    z-index: 99;
    height: 0;
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    @media screen and (max-width: 767px) {
      .c-header2 {
        top: 59px; } }
    .c-header2 ::-webkit-scrollbar {
      width: 0px; }
    .c-header2.is-active {
      height: 100%; }
    .c-header2__wrap {
      padding: 37px 40px;
      height: calc(100vh - 89px);
      overflow-y: scroll;
      scrollbar-width: none; }
      @media screen and (max-width: 767px) {
        .c-header2__wrap {
          padding: 18px 20px 80px;
          height: calc(100vh - 60px); } }
    .c-header2__cont {
      max-width: 1360px;
      margin: 0 auto; }
    .c-header2__ttl {
      font-size: 2rem;
      line-height: 3rem;
      color: #886B51;
      font-weight: 400;
      margin-bottom: 12px; }
      @media screen and (max-width: 767px) {
        .c-header2__ttl {
          margin-bottom: 2px; } }
    .c-header2__menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .c-header2__menu {
          display: block; } }
    .c-header2__col {
      width: calc((100% / 3) - 13px); }
      @media screen and (max-width: 767px) {
        .c-header2__col {
          width: 100%; } }
  .c-header3 {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #D9D9D9; }
    @media screen and (max-width: 767px) {
      .c-header3 {
        display: none; } }
  .c-header__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    top: 0;
    right: 5px;
    width: 14px;
    height: 14px;
    cursor: pointer; }
    .c-header__menu span {
      width: 14px;
      height: 2px;
      background: #fff;
      display: block;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .c-header__menu span:not(:last-child) {
        margin-bottom: 4px; }
    .c-header__menu.is-open span {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
      .c-header__menu.is-open span:first-child {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .c-header__menu.is-open span:nth-child(2) {
        display: none; }
      .c-header__menu.is-open span:last-child {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
  .c-header.is-style2 {
    padding-top: 0; }
    .c-header.is-style2 .c-header1 {
      background: #FFFFFF; }
      @media screen and (max-width: 767px) {
        .c-header.is-style2 .c-header1 {
          padding: 15px 19px; } }
    .c-header.is-style2 .c-header2 {
      background: #FFFFFF;
      height: auto; }
      .c-header.is-style2 .c-header2 .c-nav3__link,
      .c-header.is-style2 .c-header2 .c-nav4__link {
        color: #000000; }
    .c-header.is-style2 .c-header__menu span {
      background: #000000; }
  .c-header .c-nav2 {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto; }
    .c-header .c-nav2__cont {
      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;
      width: 100%; }
    .c-header .c-nav2__item {
      width: calc(100% / 5);
      text-align: center;
      height: 59px; }
    .c-header .c-nav2__link {
      font-size: 1.4rem;
      line-height: 2.1rem;
      font-weight: bold;
      text-decoration: none;
      color: #000;
      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;
      width: 100%;
      height: 100%;
      position: relative; }
      .c-header .c-nav2__link::after {
        content: '';
        width: 100%;
        height: 4px;
        background: #000;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        opacity: 0; }
      @media screen and (min-width: 768px) {
        .c-header .c-nav2__link:hover {
          opacity: 1; }
          .c-header .c-nav2__link:hover::after {
            opacity: 1; } }
  .c-header .c-nav3__item {
    padding: 14px 0; }
    @media screen and (max-width: 767px) {
      .c-header .c-nav3__item {
        border-bottom: 1px solid #333; } }
    .c-header .c-nav3__item:not(:last-child) {
      border-bottom: 1px solid #333; }
  .c-header .c-nav3__link {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #fff;
    text-decoration: none;
    font-weight: bold; }
    @media screen and (min-width: 768px) {
      .c-header .c-nav3__link:hover {
        text-decoration: underline; } }
  .c-header .c-nav4 {
    margin-top: 12px; }
    .c-header .c-nav4__item:not(:last-child) {
      margin-bottom: 7px; }
    .c-header .c-nav4__link {
      font-size: 1.2rem;
      line-height: 1.8rem;
      color: #fff;
      text-decoration: none;
      font-weight: normal; }
      @media screen and (min-width: 768px) {
        .c-header .c-nav4__link:hover {
          text-decoration: underline; } }
  .c-header .c-search {
    position: relative; }
    .c-header .c-search__icon {
      width: 24px;
      height: 24px;
      cursor: pointer; }
      .c-header .c-search__icon img {
        width: 0; }
      .c-header .c-search__icon.is-active img {
        width: 24px;
        height: 24px; }
    .c-header .c-search__form {
      position: absolute;
      top: 50%;
      left: -8px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0;
      z-index: 99;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      z-index: -1;
      opacity: 0; }
      .c-header .c-search__form.is-active {
        width: auto;
        z-index: 1;
        opacity: 1; }
        @media screen and (max-width: 767px) {
          .c-header .c-search__form.is-active {
            width: 100%;
            max-height: 100vh;
            padding: 20px; } }
        .c-header .c-search__form.is-active input {
          width: 240px;
          padding: 0 20px 0 40px; }
          @media screen and (max-width: 767px) {
            .c-header .c-search__form.is-active input {
              width: 100%; } }
      @media screen and (max-width: 767px) {
        .c-header .c-search__form {
          background: #000;
          position: fixed;
          top: 59px;
          left: 0;
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0);
          padding: 0 20px;
          width: 100%;
          max-height: 0; } }
      .c-header .c-search__form input {
        width: 0;
        height: 40px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: 0;
        border-radius: 20px;
        font-size: 1.4rem;
        line-height: 2.1rem;
        background: #fff url("../img/common/icon/icon-search.svg") no-repeat center left 8px;
        background-size: 24px 24px;
        color: #000;
        padding: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        @media screen and (max-width: 767px) {
          .c-header .c-search__form input {
            width: 100%;
            border-radius: 30px;
            background: #fff url("../img/common/icon/icon-search.svg") no-repeat center left 20px;
            background-size: 24px 24px;
            padding: 0 20px 0 49px !important; } }
      .c-header .c-search__form ::-webkit-input-placeholder {
        color: #000; }
      .c-header .c-search__form ::-moz-placeholder {
        color: #000; }
      .c-header .c-search__form :-ms-input-placeholder {
        color: #000; }
      .c-header .c-search__form ::-ms-input-placeholder {
        color: #000; }
      .c-header .c-search__form ::placeholder {
        color: #000; }
    .c-header .c-search__cont {
      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-header .c-search__btn {
      width: 20px;
      height: 16px;
      cursor: pointer;
      margin-left: 10px;
      position: relative; }
      @media screen and (max-width: 767px) {
        .c-header .c-search__btn {
          position: absolute;
          top: -38px;
          background: #000;
          margin-left: 0; } }
      .c-header .c-search__btn span {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 15px;
        height: 2px;
        background: #fff;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
        .c-header .c-search__btn span:first-child {
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .c-header .c-search__btn span:last-child {
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }

/*
------------------------------------------------------------*/
.c-header-animal {
  padding-top: 124px; }
  @media screen and (max-width: 767px) {
    .c-header-animal {
      padding-top: 95px; } }
  .c-header-animal__title {
    width: 100%;
    text-align: center;
    background: #4AA192;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    .c-header-animal__title.is-none {
      -webkit-transform: translateY(-36px);
          -ms-transform: translateY(-36px);
              transform: translateY(-36px); }
  .c-header-animal__text1 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 9px 0;
    color: #fff;
    text-decoration: none;
    display: inline-block; }
  .c-header-animal__wrap {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    height: auto; }
    .c-header-animal__wrap.is-none {
      -webkit-transform: translateY(-36px);
          -ms-transform: translateY(-36px);
              transform: translateY(-36px); }
    .c-header-animal__wrap.is-full {
      height: 100%; }
  .c-header-animal1 {
    position: fixed;
    top: 35px;
    left: 0;
    z-index: 999;
    background: #fff;
    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;
    padding: 20px 30px;
    border-bottom: 1px solid #D9D9D9;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .c-header-animal1 {
        padding: 12px 19px; } }
    .c-header-animal1.is-scrolltop {
      top: 0;
      border-bottom-color: transparent; }
    .c-header-animal1.is-open {
      border-bottom-color: transparent; }
    @media screen and (max-width: 767px) {
      .c-header-animal1__logo {
        display: inline-block;
        width: 148px; } }
  .c-header-animal2 {
    width: 100%;
    position: fixed;
    background: #fff;
    top: 124px;
    left: 0;
    z-index: 99;
    height: auto;
    overflow: hidden;
    display: none; }
    @media screen and (max-width: 767px) {
      .c-header-animal2 {
        top: 94px;
        height: 100%; } }
    .c-header-animal2.is-top {
      top: 88px !important; }
      @media screen and (max-width: 767px) {
        .c-header-animal2.is-top {
          top: 60px !important; } }
    .c-header-animal2__wrap {
      padding: 37px 40px;
      height: 100%; }
      @media screen and (max-width: 767px) {
        .c-header-animal2__wrap {
          padding: 18px 20px 80px;
          overflow-y: scroll; } }
    .c-header-animal2__cont {
      max-width: 1360px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .c-header-animal2__cont {
          padding-bottom: 60px; } }
    .c-header-animal2__ttl {
      font-size: 2rem;
      line-height: 3rem;
      color: #4AA192;
      font-weight: 400;
      margin-bottom: 12px; }
      @media screen and (max-width: 767px) {
        .c-header-animal2__ttl {
          margin-bottom: 2px; } }
    .c-header-animal2__menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .c-header-animal2__menu {
          display: block; } }
    .c-header-animal2__col {
      width: calc((100% / 3) - 13px); }
      @media screen and (max-width: 767px) {
        .c-header-animal2__col {
          width: 100%; } }
      @media screen and (max-width: 767px) {
        .c-header-animal2__col:not(:last-child) {
          border-bottom: 1px solid #D9D9D9; } }
  .c-header-animal3 {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #D9D9D9; }
    @media screen and (max-width: 767px) {
      .c-header-animal3 {
        display: none; } }
  .c-header-animal__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    top: 0;
    right: 5px;
    width: 14px;
    height: 14px;
    cursor: pointer; }
    .c-header-animal__menu span {
      width: 14px;
      height: 2px;
      background: #000;
      display: block;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .c-header-animal__menu span:not(:last-child) {
        margin-bottom: 4px; }
    .c-header-animal__menu.is-open span {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
      .c-header-animal__menu.is-open span:first-child {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .c-header-animal__menu.is-open span:nth-child(2) {
        display: none; }
      .c-header-animal__menu.is-open span:last-child {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
  .c-header-animal .c-search1 {
    position: relative; }
    .c-header-animal .c-search1__icon {
      width: 24px;
      height: 24px;
      cursor: pointer; }
      .c-header-animal .c-search1__icon img {
        width: 0; }
      .c-header-animal .c-search1__icon.is-active img {
        width: 24px;
        height: 24px; }
    .c-header-animal .c-search1__form {
      position: absolute;
      top: 50%;
      left: -8px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0;
      z-index: 99;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      z-index: -1;
      opacity: 0; }
      @media screen and (max-width: 767px) {
        .c-header-animal .c-search1__form {
          background: #fff;
          position: fixed;
          top: 94px;
          left: 0;
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0);
          padding: 0 20px;
          width: 100%;
          max-height: 0; } }
      .c-header-animal .c-search1__form.is-active {
        width: auto;
        z-index: 1;
        opacity: 1; }
        @media screen and (max-width: 767px) {
          .c-header-animal .c-search1__form.is-active {
            width: 100%;
            max-height: 100vh;
            padding: 20px; } }
        .c-header-animal .c-search1__form.is-active input {
          width: 240px;
          padding: 0 20px 0 40px; }
          @media screen and (max-width: 767px) {
            .c-header-animal .c-search1__form.is-active input {
              width: 100%; } }
      @media screen and (max-width: 767px) {
        .c-header-animal .c-search1__form.is-scroll {
          top: 60px; } }
      .c-header-animal .c-search1__form input {
        width: 0;
        height: 40px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: 0;
        border-radius: 20px;
        font-size: 1.4rem;
        line-height: 2.1rem;
        background: #F1F0EE url("../img/common/icon/icon-search.svg") no-repeat center left 8px;
        background-size: 24px 24px;
        color: #000;
        padding: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        @media screen and (max-width: 767px) {
          .c-header-animal .c-search1__form input {
            width: 100%;
            border-radius: 30px;
            background: #F1F0EE url("../img/common/icon/icon-search.svg") no-repeat center left 20px;
            background-size: 24px 24px;
            padding: 0 20px 0 49px !important; } }
      .c-header-animal .c-search1__form ::-webkit-input-placeholder {
        color: #000; }
      .c-header-animal .c-search1__form ::-moz-placeholder {
        color: #000; }
      .c-header-animal .c-search1__form :-ms-input-placeholder {
        color: #000; }
      .c-header-animal .c-search1__form ::-ms-input-placeholder {
        color: #000; }
      .c-header-animal .c-search1__form ::placeholder {
        color: #000; }
    .c-header-animal .c-search1__cont {
      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-header-animal .c-search1__btn {
      width: 20px;
      height: 16px;
      cursor: pointer;
      margin-left: 10px;
      position: relative; }
      @media screen and (max-width: 767px) {
        .c-header-animal .c-search1__btn {
          position: absolute;
          top: -38px;
          background: #fff;
          margin-left: 0; } }
      .c-header-animal .c-search1__btn span {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 15px;
        height: 2px;
        background: #000;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
        .c-header-animal .c-search1__btn span:first-child {
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .c-header-animal .c-search1__btn span:last-child {
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
  .c-header-animal .c-nav2 {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto; }
    @media screen and (max-width: 1399px) {
      .c-header-animal .c-nav2 {
        max-width: calc(100% - 40px); } }
    .c-header-animal .c-nav2__cont {
      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;
      width: 100%; }
    .c-header-animal .c-nav2__item {
      width: calc(100% / 3);
      text-align: center;
      height: 59px;
      position: relative; }
      @media screen and (min-width: 768px) {
        .c-header-animal .c-nav2__item:hover .c-sub1 {
          opacity: 1;
          height: auto; }
        .c-header-animal .c-nav2__item:hover .c-nav2__link {
          opacity: 1; }
          .c-header-animal .c-nav2__item:hover .c-nav2__link::after {
            opacity: 1; } }
    .c-header-animal .c-nav2__link {
      font-size: 1.4rem;
      line-height: 2.1rem;
      font-weight: bold;
      text-decoration: none;
      color: #000;
      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;
      width: 100%;
      height: 100%;
      position: relative; }
      .c-header-animal .c-nav2__link::after {
        content: '';
        width: 100%;
        height: 4px;
        background: #4AA192;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        opacity: 0; }
  .c-header-animal .c-nav3__item {
    padding: 14px 0; }
  .c-header-animal .c-nav3__link {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #000;
    text-decoration: none;
    font-weight: bold; }
    @media screen and (min-width: 768px) {
      .c-header-animal .c-nav3__link:hover {
        text-decoration: underline; } }
  .c-header-animal .c-nav4 {
    margin-top: 12px; }
    .c-header-animal .c-nav4__item:not(:last-child) {
      margin-bottom: 7px; }
    .c-header-animal .c-nav4__link {
      font-size: 1.2rem;
      line-height: 1.8rem;
      color: #000;
      text-decoration: none;
      font-weight: normal; }
      @media screen and (min-width: 768px) {
        .c-header-animal .c-nav4__link:hover {
          text-decoration: underline; } }
  .c-header-animal .c-sub1 {
    background: #4AA192;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: left;
    z-index: 9;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
    margin-top: -4px; }
    .c-header-animal .c-sub1__list {
      padding: 10px 0; }
    .c-header-animal .c-sub1__link {
      font-size: 1.4rem;
      line-height: 2.1rem;
      color: #fff;
      text-decoration: none;
      display: block;
      padding: 8px 20px; }
      @media screen and (min-width: 768px) {
        .c-header-animal .c-sub1__link:hover {
          background: rgba(255, 255, 255, 0.2); } }

/*
------------------------------------------------------------*/
.c-header-travel {
  padding-top: 124px; }
  @media screen and (max-width: 767px) {
    .c-header-travel {
      padding-top: 95px; } }
  .c-header-travel__title {
    width: 100%;
    text-align: center;
    background: #886B51;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    .c-header-travel__title.is-none {
      -webkit-transform: translateY(-36px);
          -ms-transform: translateY(-36px);
              transform: translateY(-36px); }
  .c-header-travel__text1 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 9px 0;
    color: #fff;
    text-decoration: none;
    display: inline-block; }
  .c-header-travel__wrap {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    height: auto; }
    .c-header-travel__wrap.is-none {
      -webkit-transform: translateY(-36px);
          -ms-transform: translateY(-36px);
              transform: translateY(-36px); }
    .c-header-travel__wrap.test {
      height: 100%; }
  .c-header-travel1 {
    position: fixed;
    top: 35px;
    left: 0;
    z-index: 999;
    background: #fff;
    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;
    padding: 20px 30px;
    border-bottom: 1px solid #D9D9D9;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .c-header-travel1 {
        padding: 12px 19px; } }
    .c-header-travel1.is-scrolltop {
      top: 0;
      border-bottom-color: transparent; }
    .c-header-travel1.is-open {
      border-bottom-color: transparent; }
    @media screen and (max-width: 767px) {
      .c-header-travel1__logo {
        display: inline-block;
        width: 146px;
        margin-right: 10px; } }
  .c-header-travel2 {
    width: 100%;
    position: fixed;
    background: #fff;
    top: 124px;
    left: 0;
    z-index: 99;
    height: auto;
    overflow: hidden;
    display: none; }
    @media screen and (max-width: 767px) {
      .c-header-travel2 {
        top: 94px;
        height: 100%; } }
    .c-header-travel2.is-top {
      top: 88px !important; }
      @media screen and (max-width: 767px) {
        .c-header-travel2.is-top {
          top: 59px !important; } }
    .c-header-travel2__wrap {
      padding: 37px 40px;
      height: 100%; }
      @media screen and (max-width: 767px) {
        .c-header-travel2__wrap {
          padding: 18px 16px 80px 20px;
          overflow-y: scroll; } }
    .c-header-travel2__cont {
      max-width: 1360px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .c-header-travel2__cont {
          padding-bottom: 60px; } }
      .c-header-travel2__cont .c-list13 .l-container {
        padding: 0; }
    .c-header-travel2__ttl {
      font-size: 2rem;
      line-height: 3rem;
      color: #886B51;
      font-weight: 400;
      margin-bottom: 26px; }
      @media screen and (max-width: 767px) {
        .c-header-travel2__ttl {
          margin-bottom: 17px; } }
  .c-header-travel3 {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #D9D9D9; }
    @media screen and (max-width: 767px) {
      .c-header-travel3 {
        display: none; } }
  .c-header-travel__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    top: 0;
    right: 5px;
    width: 14px;
    height: 14px;
    cursor: pointer; }
    .c-header-travel__menu span {
      width: 14px;
      height: 2px;
      background: #000;
      display: block;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .c-header-travel__menu span:not(:last-child) {
        margin-bottom: 4px; }
    .c-header-travel__menu.is-open span {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
      .c-header-travel__menu.is-open span:first-child {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .c-header-travel__menu.is-open span:nth-child(2) {
        display: none; }
      .c-header-travel__menu.is-open span:last-child {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
  .c-header-travel .c-search1 {
    position: relative; }
    .c-header-travel .c-search1__icon {
      width: 24px;
      height: 24px;
      cursor: pointer; }
      .c-header-travel .c-search1__icon img {
        width: 0; }
      .c-header-travel .c-search1__icon.is-active img {
        width: 24px;
        height: 24px; }
    .c-header-travel .c-search1__form {
      position: absolute;
      top: 50%;
      left: -8px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0;
      z-index: 99;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      z-index: -1;
      opacity: 0; }
      @media screen and (max-width: 767px) {
        .c-header-travel .c-search1__form {
          background: #fff;
          position: fixed;
          top: 94px;
          left: 0;
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0);
          padding: 0 20px;
          width: 100%;
          max-height: 0; } }
      .c-header-travel .c-search1__form.is-active {
        width: auto;
        z-index: 1;
        opacity: 1; }
        @media screen and (max-width: 767px) {
          .c-header-travel .c-search1__form.is-active {
            width: 100%;
            max-height: 100vh;
            padding: 20px; } }
        .c-header-travel .c-search1__form.is-active input {
          width: 240px;
          padding: 0 20px 0 40px; }
          @media screen and (max-width: 767px) {
            .c-header-travel .c-search1__form.is-active input {
              width: 100%; } }
      @media screen and (max-width: 767px) {
        .c-header-travel .c-search1__form.is-scroll {
          top: 60px; } }
      .c-header-travel .c-search1__form input {
        width: 0;
        height: 40px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: 0;
        border-radius: 20px;
        font-size: 1.4rem;
        line-height: 2.1rem;
        background: #F1F0EE url("../img/common/icon/icon-search.svg") no-repeat center left 8px;
        background-size: 24px 24px;
        color: #000;
        padding: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        @media screen and (max-width: 767px) {
          .c-header-travel .c-search1__form input {
            width: 100%;
            border-radius: 30px;
            background: #F1F0EE url("../img/common/icon/icon-search.svg") no-repeat center left 20px;
            background-size: 24px 24px;
            padding: 0 20px 0 49px !important; } }
      .c-header-travel .c-search1__form ::-webkit-input-placeholder {
        color: #000; }
      .c-header-travel .c-search1__form ::-moz-placeholder {
        color: #000; }
      .c-header-travel .c-search1__form :-ms-input-placeholder {
        color: #000; }
      .c-header-travel .c-search1__form ::-ms-input-placeholder {
        color: #000; }
      .c-header-travel .c-search1__form ::placeholder {
        color: #000; }
    .c-header-travel .c-search1__cont {
      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-header-travel .c-search1__btn {
      width: 20px;
      height: 16px;
      cursor: pointer;
      margin-left: 10px;
      position: relative; }
      @media screen and (max-width: 767px) {
        .c-header-travel .c-search1__btn {
          position: absolute;
          top: -38px;
          background: #fff;
          margin-left: 0; } }
      .c-header-travel .c-search1__btn span {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 15px;
        height: 2px;
        background: #000;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
        .c-header-travel .c-search1__btn span:first-child {
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .c-header-travel .c-search1__btn span:last-child {
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
  .c-header-travel .c-nav2 {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto; }
    @media screen and (max-width: 1399px) {
      .c-header-travel .c-nav2 {
        max-width: calc(100% - 40px); } }
    .c-header-travel .c-nav2__cont {
      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;
      width: 100%; }
    .c-header-travel .c-nav2__item {
      width: calc(100% / 2);
      text-align: center;
      height: 59px;
      position: relative; }
      @media screen and (min-width: 768px) {
        .c-header-travel .c-nav2__item:hover .c-sub1 {
          opacity: 1;
          height: auto; }
        .c-header-travel .c-nav2__item:hover .c-nav2__link {
          opacity: 1; }
          .c-header-travel .c-nav2__item:hover .c-nav2__link::after {
            opacity: 1; } }
    .c-header-travel .c-nav2__link {
      font-size: 1.4rem;
      line-height: 2.1rem;
      font-weight: bold;
      text-decoration: none;
      color: #000;
      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;
      width: 100%;
      height: 100%;
      position: relative; }
      .c-header-travel .c-nav2__link::after {
        content: '';
        width: 100%;
        height: 4px;
        background: #886B51;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        opacity: 0; }
  .c-header-travel .c-sub1 {
    background: #886B51;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: left;
    z-index: 9;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
    margin-top: -4px; }
    .c-header-travel .c-sub1__list {
      padding: 10px 0; }
    .c-header-travel .c-sub1__link {
      font-size: 1.4rem;
      line-height: 2.1rem;
      color: #fff;
      text-decoration: none;
      display: block;
      padding: 8px 20px; }
      @media screen and (min-width: 768px) {
        .c-header-travel .c-sub1__link:hover {
          background: rgba(255, 255, 255, 0.2); } }

/*
------------------------------------------------------------*/
.c-header-sport {
  padding-top: 124px; }
  @media screen and (max-width: 767px) {
    .c-header-sport {
      padding-top: 95px; } }
  .c-header-sport__title {
    width: 100%;
    text-align: center;
    background: #0046F9;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    .c-header-sport__title.is-none {
      -webkit-transform: translateY(-36px);
          -ms-transform: translateY(-36px);
              transform: translateY(-36px); }
  .c-header-sport__text1 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 9px 0;
    color: #fff;
    text-decoration: none;
    display: inline-block; }
  .c-header-sport__wrap {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    height: auto; }
    .c-header-sport__wrap.is-none {
      -webkit-transform: translateY(-36px);
          -ms-transform: translateY(-36px);
              transform: translateY(-36px); }
    .c-header-sport__wrap.test {
      height: 100%; }
  .c-header-sport1 {
    position: fixed;
    top: 35px;
    left: 0;
    z-index: 999;
    background: #fff;
    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;
    padding: 20px 30px;
    border-bottom: 1px solid #D9D9D9;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .c-header-sport1 {
        padding: 12px 19px; } }
    .c-header-sport1.is-scrolltop {
      top: 0;
      border-bottom-color: transparent; }
    .c-header-sport1.is-open {
      border-bottom-color: transparent; }
    @media screen and (max-width: 767px) {
      .c-header-sport1__logo {
        display: inline-block;
        width: 148px; } }
  .c-header-sport2 {
    width: 100%;
    position: fixed;
    background: #fff;
    top: 124px;
    left: 0;
    z-index: 99;
    height: auto;
    overflow: hidden;
    display: none; }
    @media screen and (max-width: 767px) {
      .c-header-sport2 {
        top: 95px;
        height: 100%; } }
    .c-header-sport2.is-top {
      top: 88px !important; }
      @media screen and (max-width: 767px) {
        .c-header-sport2.is-top {
          top: 60px !important; } }
    .c-header-sport2__wrap {
      padding: 37px 40px;
      height: 100%; }
      @media screen and (max-width: 767px) {
        .c-header-sport2__wrap {
          padding: 18px 20px 80px;
          overflow-y: scroll; } }
    .c-header-sport2__cont {
      max-width: 1360px;
      margin: 0 auto; }
    .c-header-sport2__ttl {
      font-size: 2rem;
      line-height: 3rem;
      color: #0046F9;
      font-weight: 400;
      margin-bottom: 12px; }
      @media screen and (max-width: 767px) {
        .c-header-sport2__ttl {
          margin-bottom: 2px; } }
    .c-header-sport2__menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .c-header-sport2__menu {
          display: block; } }
    .c-header-sport2__col {
      width: calc((100% / 3) - 13px); }
      @media screen and (max-width: 767px) {
        .c-header-sport2__col {
          width: 100%; } }
      @media screen and (max-width: 767px) {
        .c-header-sport2__col:not(:last-child) {
          border-bottom: 1px solid #D9D9D9; } }
  .c-header-sport3 {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #D9D9D9; }
    @media screen and (max-width: 767px) {
      .c-header-sport3 {
        display: none; } }
  .c-header-sport__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    top: 0;
    right: 5px;
    width: 14px;
    height: 14px;
    cursor: pointer; }
    .c-header-sport__menu span {
      width: 14px;
      height: 2px;
      background: #000;
      display: block;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .c-header-sport__menu span:not(:last-child) {
        margin-bottom: 4px; }
    .c-header-sport__menu.is-open span {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
      .c-header-sport__menu.is-open span:first-child {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .c-header-sport__menu.is-open span:nth-child(2) {
        display: none; }
      .c-header-sport__menu.is-open span:last-child {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
  .c-header-sport .c-search1 {
    position: relative; }
    .c-header-sport .c-search1__icon {
      width: 24px;
      height: 24px;
      cursor: pointer; }
      .c-header-sport .c-search1__icon img {
        width: 0; }
      .c-header-sport .c-search1__icon.is-active img {
        width: 24px;
        height: 24px; }
    .c-header-sport .c-search1__form {
      position: absolute;
      top: 50%;
      left: -8px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0;
      z-index: 99;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      z-index: -1;
      opacity: 0; }
      @media screen and (max-width: 767px) {
        .c-header-sport .c-search1__form {
          background: #fff;
          position: fixed;
          top: 94px;
          left: 0;
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0);
          padding: 0 20px;
          width: 100%;
          max-height: 0; } }
      .c-header-sport .c-search1__form.is-active {
        width: auto;
        z-index: 1;
        opacity: 1; }
        @media screen and (max-width: 767px) {
          .c-header-sport .c-search1__form.is-active {
            width: 100%;
            max-height: 100vh;
            padding: 20px; } }
        .c-header-sport .c-search1__form.is-active input {
          width: 240px;
          padding: 0 20px 0 40px; }
          @media screen and (max-width: 767px) {
            .c-header-sport .c-search1__form.is-active input {
              width: 100%; } }
      @media screen and (max-width: 767px) {
        .c-header-sport .c-search1__form.is-scroll {
          top: 60px; } }
      .c-header-sport .c-search1__form input {
        width: 0;
        height: 40px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: 0;
        border-radius: 20px;
        font-size: 1.4rem;
        line-height: 2.1rem;
        background: #F1F0EE url("../img/common/icon/icon-search.svg") no-repeat center left 8px;
        background-size: 24px 24px;
        color: #000;
        padding: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        @media screen and (max-width: 767px) {
          .c-header-sport .c-search1__form input {
            width: 100%;
            border-radius: 30px;
            background: #F1F0EE url("../img/common/icon/icon-search.svg") no-repeat center left 20px;
            background-size: 24px 24px;
            padding: 0 20px 0 49px !important; } }
      .c-header-sport .c-search1__form ::-webkit-input-placeholder {
        color: #000; }
      .c-header-sport .c-search1__form ::-moz-placeholder {
        color: #000; }
      .c-header-sport .c-search1__form :-ms-input-placeholder {
        color: #000; }
      .c-header-sport .c-search1__form ::-ms-input-placeholder {
        color: #000; }
      .c-header-sport .c-search1__form ::placeholder {
        color: #000; }
    .c-header-sport .c-search1__cont {
      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-header-sport .c-search1__btn {
      width: 20px;
      height: 16px;
      cursor: pointer;
      margin-left: 10px;
      position: relative; }
      @media screen and (max-width: 767px) {
        .c-header-sport .c-search1__btn {
          position: absolute;
          top: -38px;
          background: #fff;
          margin-left: 0; } }
      .c-header-sport .c-search1__btn span {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 15px;
        height: 2px;
        background: #000;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
        .c-header-sport .c-search1__btn span:first-child {
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .c-header-sport .c-search1__btn span:last-child {
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
  .c-header-sport .c-nav2 {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto; }
    @media screen and (max-width: 1399px) {
      .c-header-sport .c-nav2 {
        max-width: calc(100% - 40px); } }
    .c-header-sport .c-nav2__cont {
      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;
      width: 100%; }
    .c-header-sport .c-nav2__item {
      width: calc(100% / 5);
      text-align: center;
      height: 59px;
      position: relative; }
      @media screen and (min-width: 768px) {
        .c-header-sport .c-nav2__item:hover .c-sub1 {
          opacity: 1;
          height: auto; }
        .c-header-sport .c-nav2__item:hover .c-nav2__link {
          opacity: 1; }
          .c-header-sport .c-nav2__item:hover .c-nav2__link::after {
            opacity: 1; } }
    .c-header-sport .c-nav2__link {
      font-size: 1.4rem;
      line-height: 2.1rem;
      font-weight: bold;
      text-decoration: none;
      color: #000;
      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;
      width: 100%;
      height: 100%;
      position: relative; }
      .c-header-sport .c-nav2__link::after {
        content: '';
        width: 100%;
        height: 4px;
        background: #0046F9;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        opacity: 0; }
  .c-header-sport .c-nav3__item {
    padding: 14px 0; }
  .c-header-sport .c-nav3__link {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #000;
    text-decoration: none;
    font-weight: bold; }
    @media screen and (min-width: 768px) {
      .c-header-sport .c-nav3__link:hover {
        text-decoration: underline; } }
  .c-header-sport .c-nav4 {
    margin-top: 12px; }
    .c-header-sport .c-nav4__item:not(:last-child) {
      margin-bottom: 7px; }
    .c-header-sport .c-nav4__link {
      font-size: 1.2rem;
      line-height: 1.8rem;
      color: #000;
      text-decoration: none;
      font-weight: normal; }
      @media screen and (min-width: 768px) {
        .c-header-sport .c-nav4__link:hover {
          text-decoration: underline; } }

/*------------------------------------------------------------
layout
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
body {
  width: 100%;
  min-width: 1400px;
  font-weight: 400;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica", "Arial", "YuGothic", "Yu Gothic", "メイリオ", "Meiryo", sans-serif; }
  @media screen and (max-width: 767px) {
    body {
      min-width: 320px; } }
  body.js-menubody {
    position: fixed; }
  @media screen and (max-width: 767px) {
    body.js-menubody2 {
      position: fixed; } }

.l-container {
  max-width: 1400px;
  padding: 0 20px;
  margin: 0 auto; }

/*
------------------------------------------------------------*/
.l-content {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px; }
  @media screen and (max-width: 767px) {
    .l-content {
      max-width: 100%; } }

/*
------------------------------------------------------------*/
.l-page-content {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px; }
  @media screen and (max-width: 767px) {
    .l-page-content {
      max-width: 100%; } }

/*------------------------------------------------------------
side
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
btn
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-btn1 {
  border: 1px solid #000000;
  display: inline-block;
  min-width: 133px;
  border-radius: 3px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2;
  color: #000000 !important;
  text-decoration: none !important;
  margin: 0 auto;
  padding: 14px 60px;
  position: relative;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .c-btn1 {
      padding: 8px 40px; } }
  .c-btn1::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("../img/common/icon/icon-arrow.svg") no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 30px; }
    @media screen and (max-width: 767px) {
      .c-btn1::after {
        right: 20px; } }
  .c-btn1--style1::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg); }
  .c-btn1--style2 {
    margin: 0 auto; }
    .c-btn1--style2:after {
      display: none; }

/*
------------------------------------------------------------*/
.c-btn2 {
  border: 1px solid #000000;
  height: 50px;
  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;
  width: 184px;
  border-radius: 6px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2;
  color: #FFFFFF !important;
  text-decoration: none !important;
  background: #000000;
  margin: 0 auto;
  text-align: center; }
  .c-btn2 a {
    text-decoration: none !important;
    color: #FFFFFF !important;
    display: block;
    width: 100%;
    height: 100%; }

/*
------------------------------------------------------------*/
.c-btn3 {
  display: inline-block;
  min-width: 165px;
  max-width: 90%;
  border-radius: 3px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2;
  color: #FFFFFF !important;
  text-decoration: none !important;
  background: #000000;
  padding: 15px 60px;
  position: relative;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .c-btn3 {
      padding: 8px 40px; } }
  .c-btn3::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("../img/common/icon/icon-arrow-white.svg") no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 30px; }
    @media screen and (max-width: 767px) {
      .c-btn3::after {
        right: 20px; } }
  .c-btn3--color1 {
    background: #886B51; }
  .c-btn3--color2 {
    background: #0046F9; }
  .c-btn3--color3 {
    background: #4AA192; }

/*------------------------------------------------------------
title
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-title1 {
  color: #000000;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 1.5; }
  @media screen and (max-width: 1279px) {
    .c-title1 {
      font-size: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .c-title1 {
      font-size: 2.4rem; } }
  .c-title1--style2 {
    font-size: 1.8rem;
    line-height: 1.73; }
    @media screen and (max-width: 1279px) {
      .c-title1--style2 {
        font-size: 1.4rem; } }
    @media screen and (max-width: 767px) {
      .c-title1--style2 {
        font-size: 1.8rem; } }
  .c-title1--style3 {
    font-size: 3.6rem; }
    @media screen and (max-width: 767px) {
      .c-title1--style3 {
        font-size: 2.4rem; } }

/*
------------------------------------------------------------*/
.c-title2 {
  font-size: 2rem;
  line-height: 1.5;
  color: #886B51;
  font-weight: normal; }
  .c-title2--green {
    color: #4AA192; }
  .c-title2--blue {
    color: #0046F9; }

/*
------------------------------------------------------------*/
.c-title3__txt {
  font-size: 1.6rem;
  line-height: 1.5;
  background-color: #000000;
  border: 2px solid #000000;
  padding: 6px 18px;
  border-radius: 25px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #FFFFFF;
  position: relative;
  font-weight: normal; }
  .c-title3__txt:before {
    content: "";
    background: url(../img/common/icon/icon-check.svg) center center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 3px; }
  .c-title3__txt:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
    position: absolute;
    bottom: -7px;
    left: 47%;
    -webkit-transform: translate(-50% -50%);
        -ms-transform: translate(-50% -50%);
            transform: translate(-50% -50%); }

.c-title3--color1 .c-title3__txt {
  background-color: #4AA192;
  border-color: #4AA192; }
  .c-title3--color1 .c-title3__txt::after {
    border-top: 5px solid #4AA192; }

.c-title3--color2 .c-title3__txt {
  background-color: #FFFFFF;
  border-color: #000000;
  color: #000000; }
  .c-title3--color2 .c-title3__txt::before {
    background: url(../img/common/icon/icon-black-check.svg) center center; }
  .c-title3--color2 .c-title3__txt::after {
    border-top: 5px solid #000000; }

.c-title3--color3 .c-title3__txt {
  background-color: #FFFFFF;
  border-color: #4AA192;
  color: #4AA192; }
  .c-title3--color3 .c-title3__txt::before {
    background: url(../img/common/icon/icon-green-check.svg) center center; }
  .c-title3--color3 .c-title3__txt::after {
    border-top: 5px solid #4AA192; }

.c-title3--color4 .c-title3__txt {
  background-color: #886B51;
  border-color: #886B51;
  color: #FFFFFF; }
  .c-title3--color4 .c-title3__txt::before {
    background: url(../img/common/icon/icon-check.svg) center center; }
  .c-title3--color4 .c-title3__txt::after {
    border-top: 5px solid #886B51; }

.c-title3--color5 .c-title3__txt {
  background-color: #FFFFFF;
  border-color: #886B51;
  color: #886B51; }
  .c-title3--color5 .c-title3__txt::before {
    background: url(../img/common/icon/icon-momentum-check.svg) center center; }
  .c-title3--color5 .c-title3__txt::after {
    border-top: 5px solid #886B51; }

.c-title3--color6 .c-title3__txt {
  background-color: #0046F9;
  border-color: #0046F9;
  color: #FFFFFF; }
  .c-title3--color6 .c-title3__txt::before {
    background: url(../img/common/icon/icon-check.svg) center center; }
  .c-title3--color6 .c-title3__txt::after {
    border-top: 5px solid #0046F9; }

.c-title3--color7 .c-title3__txt {
  background-color: #FFFFFF;
  border-color: #0046F9;
  color: #0046F9; }
  .c-title3--color7 .c-title3__txt::before {
    background: url(../img/common/icon/icon-blue-check.svg) center center; }
  .c-title3--color7 .c-title3__txt::after {
    border-top: 5px solid #0046F9; }

/*
------------------------------------------------------------*/
.c-title4__text {
  font-size: 2.8rem;
  line-height: 1.28;
  font-weight: normal;
  display: block; }
  @media screen and (max-width: 767px) {
    .c-title4__text {
      line-height: 3.6rem;
      font-size: 2.4rem; } }

.c-title4--h3 .c-title4__text {
  font-size: 2.4rem;
  line-height: 1.5; }

.c-title4--h4 .c-title4__text {
  font-size: 2.0rem;
  line-height: 1.5; }

.c-title4--h5 .c-title4__text {
  font-size: 1.8rem;
  line-height: 1.5; }

.c-title4--h6 .c-title4__text {
  font-size: 1.6rem;
  line-height: 1.75; }

.c-title5__text {
  font-size: 2.8rem;
  line-height: 1.28;
  font-weight: bold;
  background-color: #000000;
  padding: 16px 20px;
  color: #FFFFFF;
  display: block;
  border-radius: 3px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-title5__text {
      padding: 13px 20px;
      line-height: 1.5;
      font-size: 2.4rem; } }

.c-title5--style1 .c-title5__text {
  background-color: #4AA192; }

.c-title5--style2 .c-title5__text {
  background-color: #886B51; }

.c-title5--style3 .c-title5__text {
  background-color: #0046F9; }

/*
------------------------------------------------------------*/
.c-title6__text {
  font-size: 2.4rem;
  background-color: #F1F0EE;
  color: #000000;
  padding: 13px 18px;
  border-left: 4px solid #000000;
  display: block;
  font-weight: bold;
  line-height: 1.5;
  border-radius: 3px;
  border-top: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .c-title6__text {
      padding: 12px 18px;
      font-size: 2.2rem;
      line-height: 3.3rem; } }

.c-title6--style1 .c-title6__text {
  border-left-color: #4AA192; }

.c-title6--style2 .c-title6__text {
  border-left-color: #886B51; }

.c-title6--style3 .c-title6__text {
  border-left-color: #0046F9; }

/*
------------------------------------------------------------*/
.c-title7__text {
  font-size: 2.0rem;
  line-height: 1.5;
  background-color: #FFFFFF;
  color: #000000;
  border-left: 4px solid #000000;
  padding-left: 16px;
  font-weight: bold; }

.c-title7--style1 .c-title7__text {
  border-color: #4AA192; }

.c-title7--style2 .c-title7__text {
  border-color: #886B51; }

.c-title7--style3 .c-title7__text {
  border-color: #0046F9; }

.c-title7--style4 {
  font-size: 3.2rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  color: #886B51; }
  @media screen and (max-width: 767px) {
    .c-title7--style4 {
      font-size: 2.4rem; } }

/*
------------------------------------------------------------*/
.c-title8__text {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #000000;
  font-weight: bold; }

.c-title8--style1 .c-title8__text {
  color: #4AA192; }

.c-title8--style2 .c-title8__text {
  color: #886B51; }

.c-title8--style3 .c-title8__text {
  color: #0046F9; }

/*
------------------------------------------------------------*/
.c-title9__text {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: bold; }

/*
------------------------------------------------------------*/
.c-title10__text {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.28;
  position: relative;
  padding-bottom: 23px; }
  @media screen and (max-width: 767px) {
    .c-title10__text {
      line-height: 1.5;
      font-size: 2.4rem; } }
  .c-title10__text:after {
    content: "";
    width: 32px;
    height: 4px;
    background-color: #000000;
    position: absolute;
    left: 0;
    bottom: 0; }
    @media screen and (max-width: 767px) {
      .c-title10__text:after {
        width: 40px; } }

.c-title10--style1 .c-title10__text:after {
  background-color: #4AA192; }

.c-title10--style2 .c-title10__text:after {
  background-color: #886B51; }

.c-title10--style3 .c-title10__text:after {
  background-color: #0046F9; }

.c-title11__text {
  font-size: 2.4rem;
  line-height: 1.5;
  position: relative;
  padding-bottom: 11px;
  display: block; }
  .c-title11__text:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #000000;
    position: absolute;
    left: 0;
    bottom: 0; }

.c-title11--style1 .c-title11__text:after {
  background-color: #4AA192; }

.c-title11--style2 .c-title11__text:after {
  background-color: #886B51; }

.c-title11--style3 .c-title11__text:after {
  background-color: #0046F9; }

.c-title12__text {
  font-size: 2.0rem;
  line-height: 1.5;
  padding-bottom: 11px;
  display: block;
  position: relative; }
  .c-title12__text:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #D9D9D9;
    position: absolute;
    left: 0;
    bottom: 0; }

.c-title12--style1 .c-title12__text:after {
  background-color: #4AA192; }

.c-title12--style2 .c-title12__text:after {
  background-color: #886B51; }

.c-title12--style3 .c-title12__text:after {
  background-color: #0046F9; }

/*------------------------------------------------------------
icon
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
form
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
text
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-text1 {
  color: #000000;
  font-size: 1.4rem;
  line-height: 1.75;
  font-weight: normal; }
  @media screen and (max-width: 767px) {
    .c-text1 {
      font-size: 1.2rem;
      line-height: 1.5; } }
  .c-text1--style2 {
    font-size: 1.6rem; }
  .c-text1--style3 {
    font-size: 1.8rem; }

/*
------------------------------------------------------------*/
.c-text2 {
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .c-text2 {
      text-align: left; } }
  .c-text2--style1 {
    font-size: 1.8rem; }

/*------------------------------------------------------------
navi
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.wp-pagenavi {
  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; }
  .wp-pagenavi.detail-navi {
    margin-top: 30px;
    margin-bottom: 60px; }
  .wp-pagenavi .page,
  .wp-pagenavi .current,
  .wp-pagenavi .post-page-numbers {
    width: 48px;
    height: 48px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 2;
    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;
    margin: 0 6px;
    border-radius: 50%;
    text-decoration: none;
    border: 0 !important; }
  .wp-pagenavi .page,
  .wp-pagenavi .post-page-numbers {
    background: #F1F0EE;
    color: #000000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media screen and (min-width: 768px) {
      .wp-pagenavi .page:hover,
      .wp-pagenavi .post-page-numbers:hover {
        opacity: 1;
        background: #000000;
        color: #FFFFFF; } }
  .wp-pagenavi .current {
    background: #000000;
    color: #FFFFFF; }

/*------------------------------------------------------------
img
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-imgtext1 {
  position: relative;
  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;
  background: #F1F0EE;
  height: 100%; }
  @media screen and (max-width: 767px) {
    .c-imgtext1 {
      height: auto; } }
  @media screen and (min-width: 768px) {
    .c-imgtext1:hover .c-imgtext1__img::before {
      content: "";
      background: rgba(241, 240, 238, 0.25); }
    .c-imgtext1:hover .c-imgtext1__img img {
      -webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1); }
    .c-imgtext1:hover .c-imgtext1__detail .c-title1 {
      text-decoration: underline; } }
  @media screen and (max-width: 767px) {
    .c-imgtext1 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .c-imgtext1__link {
    color: #000; }
  .c-imgtext1__img {
    width: 50%;
    overflow: hidden;
    position: relative;
    z-index: 0; }
    @media screen and (max-width: 767px) {
      .c-imgtext1__img {
        width: 100%; } }
    .c-imgtext1__img::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      background: rgba(241, 240, 238, 0);
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease;
      z-index: 1; }
    .c-imgtext1__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease; }
  .c-imgtext1__detail {
    width: calc(100% - 50%);
    padding: 80px 80px 125px; }
    @media screen and (max-width: 1279px) {
      .c-imgtext1__detail {
        padding: 40px 40px 40px; } }
    @media screen and (max-width: 767px) {
      .c-imgtext1__detail {
        width: 100%;
        padding: 20px 20px 18px; } }
    .c-imgtext1__detail .c-list2 {
      position: relative;
      z-index: 3; }
    .c-imgtext1__detail .c-title1 {
      margin-top: 17px;
      text-decoration: none;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease;
      display: inline-block; }
      @media screen and (max-width: 767px) {
        .c-imgtext1__detail .c-title1 {
          margin-top: 8px; } }
      .c-imgtext1__detail .c-title1::after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
    .c-imgtext1__detail .c-text1 {
      margin-top: 13px; }
      @media screen and (max-width: 767px) {
        .c-imgtext1__detail .c-text1 {
          margin-top: 8px;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden; } }
    .c-imgtext1__detail .c-datetime {
      margin-top: 16px; }
      @media screen and (max-width: 767px) {
        .c-imgtext1__detail .c-datetime {
          margin-top: 10px; } }
  .c-imgtext1--style2 .c-imgtext1__inner {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .c-imgtext1--style2 .c-imgtext1__detail {
    padding: 40px 40px 40px; }
    @media screen and (max-width: 1279px) {
      .c-imgtext1--style2 .c-imgtext1__detail {
        padding: 20px 20px 20px; } }
    @media screen and (max-width: 767px) {
      .c-imgtext1--style2 .c-imgtext1__detail {
        padding: 20px 20px 18px; } }
    .c-imgtext1--style2 .c-imgtext1__detail .c-title1 {
      margin-top: 8px; }
    .c-imgtext1--style2 .c-imgtext1__detail .c-datetime {
      margin-top: 8px; }

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

.c-imgtext2__img {
  margin-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 96px;
      -ms-flex: 0 0 96px;
          flex: 0 0 96px;
  height: 96px; }
  @media screen and (max-width: 767px) {
    .c-imgtext2__img {
      height: 48px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 48px;
          -ms-flex: 0 0 48px;
              flex: 0 0 48px; } }
  .c-imgtext2__img img {
    width: 100%;
    height: 100%;
    border-radius: 30px; }
    @media screen and (max-width: 767px) {
      .c-imgtext2__img img {
        border-radius: 15px; } }

.c-imgtext2__txt {
  background-color: #F1F0EE;
  font-size: 1.6rem;
  line-height: 1.75;
  border-radius: 10px;
  padding: 17px;
  width: 100%;
  font-weight: normal; }
  @media screen and (max-width: 767px) {
    .c-imgtext2__txt {
      padding: 18px 18px 14px 18px; } }

/*
------------------------------------------------------------*/
.c-imgtext3 {
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background: #F6F6F6; }
  .c-imgtext3__img {
    width: 28.8%; }
    @media screen and (max-width: 767px) {
      .c-imgtext3__img {
        margin: 0 auto;
        width: 36%;
        margin-top: 20px; } }
    .c-imgtext3__img img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .c-imgtext3__detail {
    width: calc(100% - 28.8%);
    padding: 26px 29px 26px; }
    @media screen and (max-width: 767px) {
      .c-imgtext3__detail {
        padding: 16px 20px 0px;
        width: 100%; } }
  .c-imgtext3__title {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2; }
    @media screen and (max-width: 767px) {
      .c-imgtext3__title {
        text-align: center; } }
  .c-imgtext3__txt {
    margin-top: 13px;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.7; }
  .c-imgtext3 .c-list11 {
    margin-top: 18px; }
    @media screen and (max-width: 767px) {
      .c-imgtext3 .c-list11 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }

/*------------------------------------------------------------
list
------------------------------------------------------------*/
.c-list__head {
  padding-bottom: 30px;
  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-list__head {
      padding-bottom: 19px; } }
  .c-list__head__btn {
    width: 48px;
    aspect-ratio: 1/1;
    background: #000 url(../img/common/icon/icon-arrow1-white.svg) no-repeat center/10px 17px;
    border-radius: 50%; }
  .c-list__head--style1 .c-list__head__btn {
    background-color: #fff;
    background-image: url(../img/common/icon/icon-arrow1-black.svg); }
  .c-list__head .c-title2 {
    padding-right: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-transform: uppercase; }

/*
------------------------------------------------------------*/
.c-list1 {
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .c-list1 {
      padding: 0 20px; } }
  .c-list1__item {
    width: calc((100% / 2) - 10px);
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .c-list1__item {
        width: 100%; } }
    .c-list1__item:first-child {
      margin-top: 0; }
    .c-list1__item:nth-child(2) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .c-list1__item:nth-child(2) {
          margin-top: 20px; } }

/*
------------------------------------------------------------*/
.c-list2 {
  display: block; }
  .c-list2__item {
    margin-right: 2px;
    display: inline; }
    .c-list2__item::after {
      content: "";
      width: 11px;
      height: 1px;
      margin-bottom: 4px;
      background: #999999;
      display: inline-block;
      -webkit-transform: rotate(-67deg);
          -ms-transform: rotate(-67deg);
              transform: rotate(-67deg); }
    .c-list2__item:last-child::after {
      display: none; }
  .c-list2 .c-category {
    display: inline; }
  .c-list2.tag {
    position: relative;
    padding-left: 20px; }
    .c-list2.tag::before {
      content: "";
      width: 16px;
      height: 16px;
      background: url("../img/common/icon/icon-tag.svg") no-repeat center;
      background-size: cover;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto 0; }
    .c-list2.tag .c-list2__item:not(:first-child)::before {
      content: ",";
      margin: 0 5px; }
    .c-list2.tag .c-list2__item::after {
      content: none; }
  .c-list2.category {
    position: relative;
    padding-left: 20px; }
    .c-list2.category::before {
      content: "";
      width: 16px;
      height: 16px;
      background: url("../img/common/icon/icon-category.svg") no-repeat center;
      background-size: cover;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto 0; }

/*
------------------------------------------------------------*/
.c-list3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list3__item {
    width: calc(25% - 15px);
    position: relative;
    margin: 0 0 40px 20px; }
    @media screen and (max-width: 767px) {
      .c-list3__item {
        width: 100%;
        margin: 0 0 30px 0; } }
    .c-list3__item:nth-child(4n+1) {
      margin: 0 0 40px 0; }
      @media screen and (max-width: 767px) {
        .c-list3__item:nth-child(4n+1) {
          margin: 0 0 30px 0; } }
    @media screen and (min-width: 768px) {
      .c-list3__item:hover .c-list3__img:before {
        background: rgba(0, 0, 0, 0); }
      .c-list3__item:hover .c-list3__link {
        text-decoration: underline; } }
  .c-list3__img {
    position: relative;
    aspect-ratio: 325/216;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .c-list3__img {
        aspect-ratio: 335/224; } }
    .c-list3__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .c-list3__img:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.2);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      @media screen and (max-width: 767px) {
        .c-list3__img:before {
          display: none; } }
  .c-list3__link {
    display: block;
    text-decoration: none;
    margin-top: 6px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #000; }
    .c-list3__link:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1; }
  .c-list3__content {
    padding-top: 22px; }
    @media screen and (max-width: 767px) {
      .c-list3__content {
        padding-top: 21px; } }
  .c-list3__wrap {
    padding-top: 40px; }
    @media screen and (max-width: 767px) {
      .c-list3__wrap {
        padding-top: 20px; } }
    .c-list3__wrap.bg-black {
      background-color: #000; }
      .c-list3__wrap.bg-black .c-title1,
      .c-list3__wrap.bg-black .c-category {
        color: #fff; }
      .c-list3__wrap.bg-black .c-datetime {
        color: #fff; }
        .c-list3__wrap.bg-black .c-datetime:before {
          background-image: url(../img/common/icon/icon-white-clock.svg); }
    .c-list3__wrap.bg-brown {
      background-color: #886B51; }
      .c-list3__wrap.bg-brown .c-title1,
      .c-list3__wrap.bg-brown .c-title2,
      .c-list3__wrap.bg-brown .c-category {
        color: #fff; }
      .c-list3__wrap.bg-brown .c-datetime {
        color: #fff; }
        .c-list3__wrap.bg-brown .c-datetime:before {
          background-image: url(../img/common/icon/icon-white-clock.svg); }
      .c-list3__wrap.bg-brown .c-list__head__btn {
        background-color: #fff;
        background-image: url(../img/common/icon/icon-arrow1-black.svg); }
      .c-list3__wrap.bg-brown .c-list3__link {
        color: #fff; }
    .c-list3__wrap.bg-grey {
      background-color: #F1F0EE; }
    .c-list3__wrap.bg-green {
      background-color: #4AA192; }
      .c-list3__wrap.bg-green .c-title1,
      .c-list3__wrap.bg-green .c-title2,
      .c-list3__wrap.bg-green .c-category {
        color: #fff; }
      .c-list3__wrap.bg-green .c-datetime {
        color: #fff; }
        .c-list3__wrap.bg-green .c-datetime:before {
          background-image: url(../img/common/icon/icon-white-clock.svg); }
      .c-list3__wrap.bg-green .c-list2__item::after {
        background-color: #fff; }
      .c-list3__wrap.bg-green .c-list__head__btn {
        background-color: #fff;
        background-image: url(../img/common/icon/icon-arrow1-black.svg); }
      .c-list3__wrap.bg-green .c-list3__link {
        color: #fff; }
    .c-list3__wrap.bg-blue {
      background-color: #0046F9; }
      .c-list3__wrap.bg-blue .c-title1,
      .c-list3__wrap.bg-blue .c-title2,
      .c-list3__wrap.bg-blue .c-category {
        color: #fff !important; }
      .c-list3__wrap.bg-blue .c-datetime {
        color: #fff; }
        .c-list3__wrap.bg-blue .c-datetime:before {
          background-image: url(../img/common/icon/icon-white-clock.svg); }
      .c-list3__wrap.bg-blue .c-list2__item::after {
        background-color: #fff; }
      .c-list3__wrap.bg-blue .c-list__head__btn {
        background-color: #fff;
        background-image: url(../img/common/icon/icon-arrow1-black.svg); }
      .c-list3__wrap.bg-blue .c-list3__link {
        color: #fff; }
    .c-list3__wrap .c-title2 {
      margin-bottom: 26px; }
      @media screen and (max-width: 767px) {
        .c-list3__wrap .c-title2 {
          margin-bottom: 16px; } }
    .c-list3__wrap .c-list__head .c-title2 {
      margin-bottom: 0; }
  .c-list3 .c-list2 {
    position: relative;
    z-index: 2; }
  .c-list3 .c-datetime {
    margin-top: 6px; }
    @media screen and (max-width: 767px) {
      .c-list3 .c-datetime {
        margin-top: 7px; } }
  @media screen and (max-width: 767px) {
    .c-list3 .c-title1--style2 {
      line-height: 3.15rem; } }
  .c-list3--style1 .c-list3__link {
    margin: 0; }
    .c-list3--style1 .c-list3__link:before {
      display: none; }
  .c-list3--style1 .c-list3__content {
    padding-top: 21px; }
  .c-list3--style1 .c-list3__item {
    margin-bottom: 35px; }
    @media screen and (max-width: 767px) {
      .c-list3--style1 .c-list3__item {
        margin-bottom: 25px; } }
  .c-list3--style1 .c-list3__img:before {
    background: rgba(0, 0, 0, 0.4); }
    @media screen and (max-width: 767px) {
      .c-list3--style1 .c-list3__img:before {
        display: block; } }
  .c-list3--style1 .c-list2 {
    margin-bottom: 6px; }
  .c-list3--style1 a {
    color: #000;
    text-decoration: none; }
  .c-list3--style1.col3 .c-list3__item {
    width: calc(33.3333% - 15px); }
    @media screen and (max-width: 767px) {
      .c-list3--style1.col3 .c-list3__item {
        width: 100%; } }
    .c-list3--style1.col3 .c-list3__item:nth-child(4n+1) {
      margin-left: 0; }
    .c-list3--style1.col3 .c-list3__item:nth-child(3n+1) {
      margin: 0 0 40px 0; }
      @media screen and (max-width: 767px) {
        .c-list3--style1.col3 .c-list3__item:nth-child(3n+1) {
          margin: 0 0 30px 0; } }
  .c-list3__tit {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    position: absolute;
    top: 50.6%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 1.8rem;
    line-height: 3.15rem;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .c-list3__text {
    font-size: 1.4rem;
    line-height: 2.45rem;
    font-weight: normal;
    color: #000; }

/*
------------------------------------------------------------*/
.c-list4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list4__wrap {
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    padding: 40px 0 39px; }
    @media screen and (max-width: 767px) {
      .c-list4__wrap {
        padding: 20px 0; } }
    .c-list4__wrap.bg-black {
      background-color: #000; }
      .c-list4__wrap.bg-black .c-list__head__btn {
        background-color: #fff;
        background-image: url(../img/common/icon/icon-arrow1-black.svg); }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-black .c-list4__content {
          background-color: #fff; } }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-black .c-title1 {
          color: #000; } }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-black .c-datetime {
          color: #000; } }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-black .c-datetime:before {
          background-image: url(../img/common/icon/icon-clock.svg); } }
    .c-list4__wrap.bg-grey {
      background-color: #F1F0EE; }
    .c-list4__wrap.bg-brown {
      background-color: #886B51; }
      .c-list4__wrap.bg-brown .c-title2 {
        color: #fff; }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-brown .c-title1,
        .c-list4__wrap.bg-brown .c-datetime {
          color: #000; } }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-brown .c-datetime:before {
          background-image: url(../img/common/icon/icon-clock.svg); } }
      .c-list4__wrap.bg-brown .c-list__head__btn {
        background-color: #fff;
        background-image: url(../img/common/icon/icon-arrow1-black.svg); }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-brown .c-list4__content {
          background-color: #fff; } }
    .c-list4__wrap.bg-green {
      background-color: #4AA192; }
      .c-list4__wrap.bg-green .c-title2 {
        color: #fff; }
      .c-list4__wrap.bg-green .c-list__head__btn {
        background-color: #fff;
        background-image: url(../img/common/icon/icon-arrow1-black.svg); }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-green .c-list4__content {
          background-color: #fff; } }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-green .c-title1 {
          color: #000; } }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-green .c-datetime {
          color: #000; } }
      @media screen and (max-width: 767px) {
        .c-list4__wrap.bg-green .c-datetime:before {
          background-image: url(../img/common/icon/icon-clock.svg); } }
  .c-list4__item {
    width: calc((100% - 20px) / 2);
    position: relative;
    cursor: pointer;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .c-list4__item {
        width: 100%; } }
    @media screen and (min-width: 768px) {
      .c-list4__item:hover .c-list4__img::before {
        content: "";
        opacity: 1; }
      .c-list4__item:hover .c-list4__content .c-title1 {
        text-decoration: underline; } }
    .c-list4__item:first-child {
      margin-top: 0; }
    .c-list4__item:nth-child(2) {
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .c-list4__item:nth-child(2) {
          margin-top: 20px; } }
    .c-list4__item:nth-child(2n) {
      margin-left: 20px; }
      @media screen and (max-width: 767px) {
        .c-list4__item:nth-child(2n) {
          margin-left: 0; } }
  .c-list4__content {
    display: block;
    padding: 30px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    z-index: 2;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none; }
    @media screen and (max-width: 767px) {
      .c-list4__content {
        background: #000000;
        padding: 20px 20px 18px;
        position: relative; } }
    .c-list4__content .c-title1,
    .c-list4__content .c-category,
    .c-list4__content .c-datetime {
      color: #FFFFFF; }
    .c-list4__content .c-category {
      position: relative;
      z-index: 2;
      pointer-events: all; }
      @media screen and (max-width: 767px) {
        .c-list4__content .c-category {
          color: #886B51; } }
    .c-list4__content .c-title1 {
      margin-bottom: 10px;
      margin-top: 13px; }
      @media screen and (max-width: 767px) {
        .c-list4__content .c-title1 {
          font-size: 1.8rem;
          line-height: 3.15rem;
          margin-bottom: 7px;
          margin-top: 8px; } }
    .c-list4__content .c-datetime:before {
      background: url(../img/common/icon/icon-white-clock.svg) no-repeat center; }
    .c-list4__content .c-list2 {
      z-index: 2;
      position: relative; }
    @media screen and (max-width: 767px) {
      .c-list4__content.bg-brown-sp {
        background: #886B51; } }
    @media screen and (max-width: 767px) {
      .c-list4__content.bg-brown-sp .c-category {
        color: #fff; } }
    @media screen and (max-width: 767px) {
      .c-list4__content.bg-blue-sp {
        background: #0046F9; } }
    @media screen and (max-width: 767px) {
      .c-list4__content.bg-blue-sp .c-category {
        color: #fff; } }
  .c-list4__link {
    text-decoration: none;
    opacity: 1 !important; }
    @media screen and (max-width: 767px) {
      .c-list4__link:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; } }
  .c-list4__img {
    width: 100%;
    aspect-ratio: 670/446;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .c-list4__img {
        aspect-ratio: 335/223; } }
    .c-list4__img:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.25);
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease;
      z-index: 1;
      opacity: 0;
      pointer-events: none; }
      @media screen and (max-width: 767px) {
        .c-list4__img:before {
          display: none; } }
    .c-list4__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease; }
  .c-list4 .c-datetime {
    width: 100%; }
  @media screen and (max-width: 767px) {
    .c-list4 .c-title1 {
      width: 100%; } }
  .c-list4 .c-list2 {
    pointer-events: none; }
    .c-list4 .c-list2__item {
      pointer-events: none; }

/*
------------------------------------------------------------*/
.c-list5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list5__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%; }
    .c-list5__item:nth-child(n+2) {
      margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .c-list5__item:hover {
        opacity: 1; }
        .c-list5__item:hover .c-list5__img:before {
          background: rgba(0, 0, 0, 0); }
        .c-list5__item:hover .c-title1 {
          text-decoration: underline; } }
  .c-list5__img {
    position: relative;
    width: 96px;
    aspect-ratio: 1/1;
    overflow: hidden; }
    .c-list5__img:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.2);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      @media screen and (max-width: 767px) {
        .c-list5__img:before {
          display: none; } }
    .c-list5__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .c-list5__content {
    padding-left: 19px;
    padding-top: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media screen and (max-width: 767px) {
      .c-list5__content {
        width: calc(100% - 96px);
        padding-left: 15px; } }
  .c-list5__link {
    display: block;
    text-decoration: none;
    margin-top: 7px;
    letter-spacing: .1px; }
    .c-list5__link:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1; }
    @media screen and (max-width: 767px) {
      .c-list5__link .c-title1 {
        font-size: 1.6rem;
        line-height: 1.5; } }
    @media screen and (max-width: 360px) {
      .c-list5__link .c-title1 {
        font-size: 1.25rem; } }
  .c-list5__list {
    padding: 40px 0;
    background-color: #fff; }
    @media screen and (max-width: 767px) {
      .c-list5__list {
        padding: 20px 0 0; } }
    .c-list5__list > .l-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        .c-list5__list > .l-container {
          padding: 0; } }
    .c-list5__list .c-list5__wrap {
      width: 50%; }
      @media screen and (max-width: 767px) {
        .c-list5__list .c-list5__wrap {
          width: 100%;
          padding: 0 20px 20px; } }
      .c-list5__list .c-list5__wrap + .c-list5__wrap {
        padding-left: 10px; }
        @media screen and (max-width: 767px) {
          .c-list5__list .c-list5__wrap + .c-list5__wrap {
            padding-top: 18px;
            padding-left: 20px;
            border-top: 1px solid #F1F0EE; } }
    .c-list5__list.bg-grey {
      background-color: #F1F0EE;
      border-top: 1px solid #D9D9D9; }
      @media screen and (max-width: 767px) {
        .c-list5__list.bg-grey .c-list5__wrap + .c-list5__wrap {
          border-top: 1px solid #D9D9D9; } }
    .c-list5__list.bg-black {
      background-color: #000; }
      .c-list5__list.bg-black .c-title1,
      .c-list5__list.bg-black .c-datetime {
        color: #fff; }
      .c-list5__list.bg-black .c-datetime:before {
        background-image: url(../img/common/icon/icon-white-clock.svg); }
      @media screen and (max-width: 767px) {
        .c-list5__list.bg-black .c-list5__wrap + .c-list5__wrap {
          border-top: 1px solid #333; } }
    .c-list5__list.bg-brown {
      background-color: #886B51; }
      .c-list5__list.bg-brown .c-title1,
      .c-list5__list.bg-brown .c-datetime,
      .c-list5__list.bg-brown .c-category,
      .c-list5__list.bg-brown .c-title2 {
        color: #fff; }
      .c-list5__list.bg-brown .c-datetime:before {
        background-image: url(../img/common/icon/icon-white-clock.svg); }
      @media screen and (max-width: 767px) {
        .c-list5__list.bg-brown .c-list5__wrap + .c-list5__wrap {
          border-top: 1px solid #D9D9D9; } }
    .c-list5__list.bg-green {
      background-color: #4AA192; }
      .c-list5__list.bg-green .c-title1,
      .c-list5__list.bg-green .c-title2,
      .c-list5__list.bg-green .c-category,
      .c-list5__list.bg-green .c-datetime {
        color: #fff; }
      .c-list5__list.bg-green .c-list2__item::after {
        background-color: #fff; }
      .c-list5__list.bg-green .c-datetime:before {
        background-image: url(../img/common/icon/icon-white-clock.svg); }
      @media screen and (max-width: 767px) {
        .c-list5__list.bg-green .c-list5__wrap + .c-list5__wrap {
          border-top: 1px solid #333; } }
    .c-list5__list .c-title2 {
      margin-bottom: 27px; }
      @media screen and (max-width: 767px) {
        .c-list5__list .c-title2 {
          margin-bottom: 16px; } }
  .c-list5 .c-datetime {
    margin-top: 7px; }
  .c-list5 .c-list2__item {
    position: relative;
    z-index: 2; }

/*
------------------------------------------------------------*/
.c-list6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list6__item {
    width: 100%;
    margin-bottom: 5px; }
    .c-list6__item:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .c-list6__item {
        margin-bottom: 4.5px; } }
  .c-list6__link {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #000000;
    font-weight: normal;
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .c-list6__link:hover {
        opacity: 0.8;
        text-decoration: underline; } }

/*
------------------------------------------------------------*/
.c-list7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list7__item {
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
    padding-top: 12.8px;
    padding-bottom: 12px; }
    .c-list7__item:first-child {
      padding-top: 0; }
    .c-list7__item:last-child {
      border-bottom: none; }
    @media screen and (max-width: 767px) {
      .c-list7__item {
        padding-top: 12px;
        padding-bottom: 13px; } }
  .c-list7__link {
    font-size: 1.4rem;
    line-height: 1.7;
    color: #000000;
    font-weight: bold;
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .c-list7__link:hover {
        opacity: 0.8;
        text-decoration: underline; } }
  .c-list7 .c-list6 {
    margin-top: 10px; }

/*
------------------------------------------------------------*/
.c-list8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list8__item {
    width: calc((100% / 3) - 13px);
    margin: 0 0 10px 19px; }
    @media screen and (max-width: 767px) {
      .c-list8__item {
        width: 100%;
        margin: 0 0 10px 0; } }
    .c-list8__item:nth-child(3n+1) {
      margin: 0 0 10px 0; }
      @media screen and (max-width: 767px) {
        .c-list8__item:nth-child(3n+1) {
          border-bottom: 1px solid #D9D9D9; } }
    @media screen and (max-width: 767px) {
      .c-list8__item:nth-child(2) {
        margin-top: 5px;
        border-bottom: 1px solid #D9D9D9; } }
    @media screen and (max-width: 767px) {
      .c-list8__item:nth-child(3) {
        margin-top: 2px; } }
    @media screen and (max-width: 767px) {
      .c-list8__item:last-child {
        margin-bottom: 0; } }

/*
------------------------------------------------------------*/
.c-list9 {
  background-color: #F1F0EE;
  padding: 40px 40px 33px 40px; }
  @media screen and (max-width: 767px) {
    .c-list9 {
      padding: 20px 20px 15px 20px; } }
  .c-list9__item {
    border-bottom: 1px solid #D9D9D9;
    padding: 8px 0 4px;
    font-size: 1.4rem; }
    .c-list9__item:first-child {
      font-size: 1.8rem;
      line-height: 1.5;
      margin-bottom: 5px;
      padding: 0;
      border-bottom: none; }
    .c-list9__item:nth-child(4) {
      padding-bottom: 6px; }
    .c-list9__item:last-child {
      border-bottom: none; }
  .c-list9__link {
    display: inline-block;
    line-height: 1.75;
    font-size: 1.4rem;
    text-decoration: none; }
    .c-list9__link:link:active, .c-list9__link:visited:active {
      color: #000000; }
    .c-list9__link:link, .c-list9__link:visited {
      color: #000000; }
    @media screen and (min-width: 768px) {
      .c-list9__link:hover {
        text-decoration: underline; } }
  .c-list9__linkNoActive:hover {
    text-decoration: none; }
  .c-list9__listChild {
    margin-left: 18px; }
  .c-list9__childItem {
    padding: 2px 0;
    font-size: 1.2rem;
    line-height: 1.75; }
    .c-list9__childItem a {
      text-decoration: none; }
      .c-list9__childItem a:link:active, .c-list9__childItem a:visited:active {
        color: #000000; }
      .c-list9__childItem a:link, .c-list9__childItem a:visited {
        color: #000000; }
      .c-list9__childItem a:hover {
        text-decoration: underline; }

/*
------------------------------------------------------------*/
.c-list10__item {
  margin-top: 27px; }
  @media screen and (max-width: 767px) {
    .c-list10__item:nth-child(3) {
      margin-top: 31px; } }

/*
------------------------------------------------------------*/
.c-list11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list11__item {
    margin-right: 20px; }
    .c-list11__item:last-child {
      margin-right: 0; }
      @media screen and (max-width: 767px) {
        .c-list11__item:last-child {
          margin-right: 19.5px; } }
    @media screen and (max-width: 767px) {
      .c-list11__item {
        margin: 0 19.5px;
        margin-bottom: 20px; } }
  .c-list11__link {
    display: inline-block;
    position: relative; }
    .c-list11__link img {
      width: 20px;
      height: 20px; }
    .c-list11__link .u-unhover {
      opacity: 1;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease; }
    .c-list11__link .u-hover {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      opacity: 0;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease; }
    @media screen and (min-width: 768px) {
      .c-list11__link:hover {
        opacity: 1; }
        .c-list11__link:hover .u-unhover {
          opacity: 0; }
        .c-list11__link:hover .u-hover {
          opacity: 1; } }

/*
------------------------------------------------------------*/
.c-list12 {
  padding: 40px 0;
  background-color: #fff;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .c-list12 {
      padding: 20px 0 15px; } }
  .c-list12__list {
    margin: 0 -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .c-list12__list {
        margin: 0 -2.5px; } }
  .c-list12__item {
    width: 25%;
    padding: 0 10px; }
    @media screen and (max-width: 767px) {
      .c-list12__item {
        width: 50%;
        padding: 0 2.5px 5px; } }
  .c-list12__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .c-list12__inner {
    display: block;
    width: 100%;
    aspect-ratio: 325/217;
    overflow: hidden;
    position: relative; }
    .c-list12__inner:after {
      content: "";
      position: absolute;
      background: url(../img/common/bg-overlay.png);
      opacity: 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    @media screen and (min-width: 768px) {
      .c-list12__inner:hover {
        opacity: 1; }
        .c-list12__inner:hover:after {
          opacity: .25; } }
    @media screen and (max-width: 767px) {
      .c-list12__inner {
        aspect-ratio: 33/22; } }
  @media screen and (max-width: 767px) {
    .c-list12--col3 {
      padding-bottom: 20px; } }
  .c-list12--col3 .c-list12__item {
    width: 33.3333%; }
    @media screen and (max-width: 767px) {
      .c-list12--col3 .c-list12__item {
        padding-bottom: 20px;
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .c-list12--col3 .c-list12__item:last-child {
        padding-bottom: 0; } }
  @media screen and (max-width: 767px) {
    .c-list12--col2 {
      padding-bottom: 20px; } }
  .c-list12--col2 .c-list12__item {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .c-list12--col2 .c-list12__item {
        padding-bottom: 0; } }
  .c-list12.bg-grey {
    background-color: #F1F0EE; }
  .c-list12.bg-black {
    background-color: #000; }
  .c-list12.bg-brown {
    background-color: #886B51; }
  .c-list12.bg-green {
    background-color: #4AA192; }
  .c-list12.bg-blue {
    background-color: #0046F9; }

/*
------------------------------------------------------------*/
.c-list13__list {
  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; }
  @media screen and (max-width: 767px) {
    .c-list13__list {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }

@media screen and (max-width: 767px) {
  .c-list13__item {
    width: 100%; } }

.c-list13__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 14px; }

.c-list13__itemLeft {
  min-width: 134px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media screen and (max-width: 767px) {
    .c-list13__itemLeft .c-list6 {
      margin-bottom: 5px; } }
  .c-list13__itemLeft .c-list6__item {
    margin-bottom: 7px; }
  .c-list13__itemLeft .c-list6__link {
    line-height: 1.5; }

.c-list13__itemRight {
  padding-left: 10px;
  padding-right: 85px;
  width: 50%; }
  @media screen and (max-width: 767px) {
    .c-list13__itemRight {
      width: 100%;
      border-top: 1px solid #D9D9D9;
      padding: 0; } }
  @media screen and (max-width: 767px) {
    .c-list13__itemRight .c-list13__title {
      margin-top: 14px;
      padding-left: 0; } }
  .c-list13__itemRight .c-list6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .c-list13__itemRight .c-list6__item {
      margin-bottom: 8px;
      width: auto;
      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-list13__itemRight .c-list6__item:first-child .c-list6__link {
        font-weight: bold; }
      .c-list13__itemRight .c-list6__item:first-child::after {
        margin-left: 8px; }
      .c-list13__itemRight .c-list6__item:not(:last-child)::after {
        content: "";
        width: 1px;
        background-color: #000000;
        height: 70%;
        display: inline-block;
        margin-left: 13px;
        margin-right: 9px; }
    .c-list13__itemRight .c-list6__link {
      line-height: 1.5;
      display: inline-block;
      letter-spacing: -0.2px; }
      @media screen and (max-width: 767px) {
        .c-list13__itemRight .c-list6__link {
          letter-spacing: -0.5px; } }

.c-list13--col3 .c-list13__item {
  width: 33.3333%; }
  @media screen and (max-width: 767px) {
    .c-list13--col3 .c-list13__item {
      width: 100%; } }

/*
------------------------------------------------------------*/
.c-list14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list14__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    padding: 30px 29px 30px 30px;
    background: #F1F0EE;
    margin-bottom: 39px; }
    @media screen and (max-width: 767px) {
      .c-list14__item {
        padding: 21px 20px 18px 20px;
        margin-bottom: 38px; } }
    @media screen and (min-width: 768px) {
      .c-list14__item:hover {
        opacity: 1; }
        .c-list14__item:hover .c-list14__img:before {
          background: rgba(0, 0, 0, 0); }
        .c-list14__item:hover .c-title1 {
          text-decoration: underline; } }
    .c-list14__item:nth-child(even) {
      background: #fff;
      border: 1px solid #D9D9D9; }
    .c-list14__item.style2 {
      background: #fff;
      border: 1px solid #D9D9D9; }
  .c-list14__img {
    position: relative;
    width: 112px;
    aspect-ratio: 1/1;
    overflow: hidden;
    margin-right: 20px !important; }
    @media screen and (max-width: 767px) {
      .c-list14__img {
        width: 64px;
        margin-right: 10px !important; } }
    .c-list14__img:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.2);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      @media screen and (max-width: 767px) {
        .c-list14__img:before {
          content: none; } }
    .c-list14__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .c-list14__content {
    padding-top: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .c-list14__link {
    display: block;
    text-decoration: none;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #886B51; }
    .c-list14__link:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1; }
    @media screen and (min-width: 768px) {
      .c-list14__link:hover {
        text-decoration: underline; } }
    .c-list14__link--blue {
      color: #0046F9; }
  .c-list14__link2 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #886B51;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 0 15px;
    z-index: 2;
    margin-top: 5px; }
    @media screen and (min-width: 768px) {
      .c-list14__link2:hover {
        text-decoration: underline; } }
    .c-list14__link2::before {
      content: "";
      width: 12px;
      height: 12px;
      background: url("../img/common/icon/btn-social-web.svg") no-repeat center;
      background-size: cover;
      position: absolute;
      top: 2px;
      left: 0; }
    .c-list14__link2::after {
      content: "";
      width: 12px;
      height: 12px;
      background: url("../img/common/icon/icon-new-window.svg") no-repeat center;
      background-size: cover;
      position: absolute;
      top: 2px;
      right: 0; }
    .c-list14__link2--blue {
      color: #0046F9; }
  .c-list14__text1 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 5px; }
  .c-list14 .c-datetime {
    margin-top: 7px; }
    @media screen and (max-width: 767px) {
      .c-list14 .c-datetime {
        margin-top: 9px; } }
  .c-list14 .c-list2 {
    margin-bottom: 7px; }
  .c-list14 .c-category {
    position: relative;
    z-index: 2;
    font-size: 1.2rem;
    line-height: 1.8rem; }

/*
------------------------------------------------------------*/
.c-list15__item {
  font-size: 1.6rem;
  line-height: 2.8rem;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px; }
  .c-list15__item::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: 5px; }

.c-list15.style1 .c-list15__item {
  color: #886B51;
  padding-left: 0; }
  .c-list15.style1 .c-list15__item::before {
    content: none; }

.c-list15__link {
  color: #886B51;
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    .c-list15__link:hover {
      text-decoration: underline; } }

.c-list15--blue .c-list15__item:before {
  background-color: #0046F9; }

.c-list15--blue.style1 .c-list15__item {
  color: #0046F9; }

.c-list15--brown .c-list15__item:before {
  background-color: #886B51; }

.c-list15--brown.style1 .c-list15__item {
  color: #886B51; }

/*
------------------------------------------------------------*/
.c-list16 {
  counter-reset: number;
  margin: 35px 0 33px; }
  .c-list16__item {
    font-size: 1.6rem;
    line-height: 2.8rem;
    position: relative;
    padding-left: 29px;
    margin-bottom: 14px; }
    .c-list16__item::before {
      counter-increment: number;
      content: " " counter(number) " ";
      width: 24px;
      height: 24px;
      background: #000;
      border-radius: 50%;
      position: absolute;
      top: 2px;
      left: 0;
      color: #fff;
      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;
      font-size: 1.6rem;
      line-height: 2.8rem; }
  .c-list16--blue .c-list16__item:before {
    background-color: #0046F9; }
  .c-list16--brown .c-list16__item:before {
    background-color: #886B51; }

/*
------------------------------------------------------------*/
.c-list17 .scroll-wrapper {
  padding-bottom: 31px !important; }
  @media screen and (max-width: 767px) {
    .c-list17 .scroll-wrapper {
      padding-bottom: 21px !important; } }

.c-list17 .scroll-element {
  bottom: -31px;
  position: relative;
  max-width: calc(100% - 80px);
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .c-list17 .scroll-element {
      max-width: calc(100% - 40px);
      bottom: -21px; } }
  .c-list17 .scroll-element_outer {
    height: 4px;
    background: #F1F0EE; }

.c-list17 .scroll-bar {
  height: 100%;
  background: #886B51;
  position: relative;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; }
  @media screen and (min-width: 768px) {
    .c-list17 .scroll-bar:hover {
      opacity: .8; } }

.c-list17 .scroll-y {
  display: none !important; }

.c-list17.on-firefox .scroll-wrapper {
  padding-bottom: 51px !important; }
  @media screen and (max-width: 767px) {
    .c-list17.on-firefox .scroll-wrapper {
      padding-bottom: 21px !important; } }

.c-list17.on-firefox .scroll-element {
  bottom: -51px; }
  @media screen and (max-width: 767px) {
    .c-list17.on-firefox .scroll-element {
      bottom: -21px; } }

.c-list17__inner {
  padding: 0 0 39px;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none; }
  @media screen and (max-width: 767px) {
    .c-list17__inner {
      padding: 0 0 29px; } }
  .c-list17__inner ::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0; }

.c-list17--green .scroll-bar {
  background: #4AA192; }

.c-list17--blue .scroll-bar {
  background: #0046F9; }

.c-list17 .c-list3 {
  padding: 0 40px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }
  @media screen and (max-width: 1439px) {
    .c-list17 .c-list3 {
      padding: 0 20px; } }
  .c-list17 .c-list3__item {
    width: 440px;
    margin: 0 0 0 20px;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .c-list17 .c-list3__item {
        width: 315px; } }
    .c-list17 .c-list3__item:first-child {
      margin-left: 0; }
  .c-list17 .c-list3__img {
    aspect-ratio: 440/292; }
    @media screen and (max-width: 767px) {
      .c-list17 .c-list3__img {
        aspect-ratio: 315/210; } }
  .c-list17 .c-list3 .c-title1 {
    white-space: pre-wrap; }
    .c-list17 .c-list3 .c-title1--style2 {
      line-height: 1.75; }

/*------------------------------------------------------------
table
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-table1, table {
  border-collapse: collapse; }
  @media screen and (max-width: 767px) {
    .c-table1, table {
      width: 100%; } }
  .c-table1 tr th, table tr th {
    background: #000000;
    font-size: 1.6rem;
    line-height: 2;
    padding: 14px 20px;
    font-weight: normal;
    color: #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    word-break: break-all; }
    @media screen and (max-width: 767px) {
      .c-table1 tr th, table tr th {
        padding: 5px 14px;
        font-size: 1.4rem; } }
  .c-table1 tr td, table tr td {
    background: #F6F6F6;
    font-size: 1.6rem;
    line-height: 2;
    padding: 15px 20px;
    font-weight: normal;
    color: #000000;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    word-break: break-all; }
    @media screen and (max-width: 767px) {
      .c-table1 tr td, table tr td {
        padding: 5px 14px;
        font-size: 1.4rem; } }
  .c-table1--blue thead th, table--blue thead th {
    background-color: #0046F9; }
  .c-table1--brown thead th, table--brown thead th {
    background-color: #886B51; }

/*------------------------------------------------------------
line
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-line1 {
  border-top: 1px solid #D9D9D9; }

/*------------------------------------------------------------
video
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
slide
------------------------------------------------------------*/
.c-slide1 {
  padding: 40px 0; }
  @media screen and (max-width: 1400px) {
    .c-slide1 {
      padding: 20px 0; } }
  @media screen and (max-width: 767px) {
    .c-slide1 {
      padding: 0 0 14px; } }
  .c-slide1__inner {
    position: relative; }
  .c-slide1__title {
    letter-spacing: 16px;
    top: 50%;
    left: 80px;
    color: #fff;
    position: absolute;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media screen and (max-width: 767px) {
      .c-slide1__title {
        letter-spacing: 6px;
        font-size: 1.2rem;
        line-height: 1.8rem;
        left: 20px; } }
    .c-slide1__title__eng {
      margin-bottom: 10px;
      font-weight: 700;
      font-size: 3.2rem;
      line-height: 4.8rem;
      font-family: "HelveticaNeueBold", serif;
      display: block; }
      @media screen and (max-width: 767px) {
        .c-slide1__title__eng {
          letter-spacing: 12px;
          margin-bottom: 0;
          font-size: 2.4rem;
          line-height: 3.6rem; } }
  .c-slide1__img {
    width: 100%;
    aspect-ratio: 2;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .c-slide1__img {
        aspect-ratio: 3/2; } }
  .c-slide1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .c-slide1 .slick-dots {
    bottom: -24px;
    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; }
    @media screen and (max-width: 767px) {
      .c-slide1 .slick-dots {
        bottom: -14px; } }
    .c-slide1 .slick-dots li {
      width: auto;
      height: auto;
      margin: 0 2px; }
      .c-slide1 .slick-dots li button {
        padding: 0;
        margin: 0;
        width: 40px;
        height: 4px;
        background-color: #F1F0EE; }
        .c-slide1 .slick-dots li button:before {
          display: none; }
      .c-slide1 .slick-dots li.slick-active button {
        background-color: #886B51; }
  .c-slide1 .slick-dotted.slick-slider {
    margin-bottom: 0; }
  .c-slide1--blue .slick-dots li.slick-active button {
    background-color: #0046F9; }

/*
------------------------------------------------------------*/
/*------------------------------------------------------------
other
------------------------------------------------------------*/
.classification-category .c-list3__wrap {
  border-top: 1px solid #D9D9D9;
  padding-bottom: 5px; }

.c-group-cat1 {
  padding: 38px 0 32px; }
  @media screen and (max-width: 767px) {
    .c-group-cat1 {
      padding: 17px 0 12px; } }
  .c-group-cat1 .c-list13,
  .c-group-cat1 .c-list8 {
    margin-top: 25px; }
    @media screen and (max-width: 767px) {
      .c-group-cat1 .c-list13,
      .c-group-cat1 .c-list8 {
        margin-top: 15px; } }

/*
------------------------------------------------------------*/
.c-heading1 {
  padding: 9px 0;
  font-size: 1.4rem;
  line-height: 1.5;
  background-color: #F1F0EE; }
  @media screen and (max-width: 767px) {
    .c-heading1 {
      padding: 10px; } }
  .c-heading1__date {
    padding-right: 11px;
    font-weight: 700; }
    @media screen and (max-width: 767px) {
      .c-heading1__date {
        display: block;
        width: 100%;
        padding-right: 0; } }
  .c-heading1__link {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    max-width: 100%; }
    @media screen and (max-width: 767px) {
      .c-heading1__link {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
  @media screen and (max-width: 767px) {
    .c-heading1 > .l-container {
      padding: 0; } }

/*
------------------------------------------------------------*/
.c-category {
  color: #886B51;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  display: inline-block; }
  @media screen and (min-width: 768px) {
    .c-category:hover {
      text-decoration: underline;
      opacity: 0.8; } }
  .c-category--green {
    color: #4AA192; }
  .c-category--blue {
    color: #0046F9; }

/*
------------------------------------------------------------*/
.c-datetime {
  color: #000000;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.5;
  display: block; }
  .c-datetime::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url("../img/common/icon/icon-clock.svg") no-repeat center;
    background-size: contain;
    margin-right: 5px;
    vertical-align: sub;
    display: inline-block; }
  .c-datetime--load::before {
    background: url("../img/common/icon/icon-update.svg") no-repeat center;
    background-size: contain; }

/*
------------------------------------------------------------*/
.c-block1__item {
  background-color: #F1F0EE;
  padding: 36px 40px 36px 40px;
  font-weight: normal;
  margin-bottom: 39px; }
  @media screen and (max-width: 767px) {
    .c-block1__item {
      padding: 16px 20px 16px 20px; } }
  .c-block1__item.style1 {
    border: 1px solid #000000;
    background-color: #FFFFFF; }
  .c-block1__item.style2 {
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF; }
  .c-block1__item.style3 {
    border: 4px solid #D9D9D9;
    background-color: #FFFFFF;
    padding: 34px 40px 34px 40px; }
    @media screen and (max-width: 767px) {
      .c-block1__item.style3 {
        padding: 11px 18px 11px 18px; } }
  .c-block1__item.style4 {
    border-left: 4px solid #D9D9D9;
    background-color: #F6F6F6; }

.c-block1__text {
  line-height: 1.75;
  font-size: 1.6rem; }

/*
------------------------------------------------------------*/
.c-block2__list {
  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;
  margin-top: 10px; }
  @media screen and (max-width: 767px) {
    .c-block2__list {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }

.c-block2__item {
  width: calc(50% - 15px); }
  @media screen and (max-width: 767px) {
    .c-block2__item {
      width: 100%;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }
  @media screen and (max-width: 767px) {
    .c-block2__item:nth-child(even) {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-bottom: 37px; } }
  .c-block2__item:nth-child(even) .c-block2__img {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin: 0 0 0 10px; }
  .c-block2__item:nth-child(even) .c-block2__text {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .c-block2__item:nth-child(even) .c-block2__btn {
    text-align: right; }

.c-block2__link {
  text-decoration: none;
  color: #000; }
  @media screen and (min-width: 768px) {
    .c-block2__link:hover {
      text-decoration: underline; }
      .c-block2__link:hover .c-block2__img::before {
        background: rgba(0, 0, 0, 0); } }

.c-block2__post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  background: #F1F0EE;
  padding: 15px; }

.c-block2__img {
  width: 64px;
  min-height: 64px;
  margin-right: 10px;
  position: relative; }
  .c-block2__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .c-block2__img::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    @media screen and (max-width: 767px) {
      .c-block2__img::before {
        content: none; } }

.c-block2__text {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.c-block2__txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.c-block2__btn1, .c-block2__btn2 {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #000;
  text-decoration: none;
  position: relative; }
  .c-block2__btn1::before, .c-block2__btn2::before {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    position: absolute;
    top: 6px; }

.c-block2__btn {
  padding: 0 8px 11px; }

.c-block2__btn1 {
  padding-left: 16px; }
  .c-block2__btn1::before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: 0; }

.c-block2__btn2 {
  padding-right: 16px; }
  .c-block2__btn2::before {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    right: 0; }

/*
------------------------------------------------------------*/
.c-box1 {
  text-align: center;
  background: url("../img/common/box01.jpg") no-repeat center;
  background-size: cover;
  padding: 62px 0 66px; }
  @media screen and (max-width: 767px) {
    .c-box1 {
      border-top: 1px solid #D9D9D9;
      border-bottom: 1px solid #D9D9D9;
      background: url("../img/common/box01-sp.jpg") no-repeat center;
      padding: 40px 20px 40px;
      background-size: cover; } }
  @media screen and (max-width: 767px) {
    .c-box1 .c-title1 {
      font-size: 2.4rem; } }
  .c-box1 .c-text1 {
    margin-top: 17px;
    line-height: 2; }
    @media screen and (max-width: 767px) {
      .c-box1 .c-text1 {
        font-size: 1.4rem;
        text-align: left;
        margin-top: 15px;
        line-height: 1.5; } }
  .c-box1 .c-btn2 {
    margin-top: 22px; }
    @media screen and (max-width: 767px) {
      .c-box1 .c-btn2 {
        margin-top: 17px; } }

/*
------------------------------------------------------------*/
.c-info {
  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-info__text {
    font-size: 1.2rem;
    line-height: 1.8rem;
    display: inline-block;
    padding-right: 20px; }
    @media screen and (max-width: 767px) {
      .c-info__text {
        padding-right: 0; } }
  .c-info__time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .c-info__time li {
      position: relative; }
      .c-info__time li:not(:last-child) {
        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-info__time li:not(:last-child)::after {
          content: "";
          width: 11px;
          height: 1px;
          background: #999999;
          display: inline-block;
          -webkit-transform: rotate(-67deg);
              -ms-transform: rotate(-67deg);
                  transform: rotate(-67deg);
          margin: 0 8px 3px 5px; }
  .c-info__network {
    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-info__network {
        display: none;
        text-align: center; } }
  .c-info.style1 {
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9; }
    .c-info.style1 .c-info__network {
      width: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media screen and (max-width: 767px) {
        .c-info.style1 .c-info__network {
          display: block; } }
    @media screen and (max-width: 767px) {
      .c-info.style1 .c-list11 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 17px; } }
    @media screen and (max-width: 767px) {
      .c-info.style1 .c-list11__item {
        margin: 0 10px; } }
    .c-info.style1 .c-list11__link {
      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;
      width: 48px;
      height: 48px;
      background: #F1F0EE;
      border-radius: 50%; }
      .c-info.style1 .c-list11__link .u-hover {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }

/*
------------------------------------------------------------*/
.c-info2 {
  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;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 25px 0; }
  @media screen and (max-width: 767px) {
    .c-info2 {
      display: block;
      padding: 0; } }
  .c-info2__link {
    text-decoration: none;
    color: #000;
    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-info2__link {
        padding: 19px 0; } }
    @media screen and (min-width: 768px) {
      .c-info2__link:hover {
        opacity: 1; }
        .c-info2__link:hover .c-info2__img {
          opacity: 0.8; }
        .c-info2__link:hover .c-info2__label1 {
          opacity: 1; }
        .c-info2__link:hover .c-info2__text1 {
          text-decoration: underline;
          opacity: 0.8; } }
  .c-info2__link2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .c-info2__link2 {
        display: block;
        border-top: 1px solid #D9D9D9;
        padding: 22px 0 21px; } }
    .c-info2__link2 .c-category {
      font-weight: normal; }
  .c-info2__label1 {
    font-size: 1rem;
    line-height: 1.5rem;
    position: relative;
    display: inline-block;
    padding-left: 17px; }
    .c-info2__label1::before {
      content: "";
      width: 16px;
      height: 16px;
      background: url("../img/common/icon/icon-author.svg") no-repeat center;
      background-size: cover;
      position: absolute;
      top: -1px;
      left: 0; }
  .c-info2__text1 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #886B51;
    margin-top: 3px; }
    .c-info2__text1--blue {
      color: #0046F9; }
  .c-info2__img {
    width: 32px;
    aspect-ratio: 1/1;
    border-radius: 10px;
    overflow: hidden; }
    .c-info2__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .c-info2__txt1 {
    padding-left: 10px; }
  @media screen and (max-width: 767px) {
    .c-info2 .c-list2:not(:last-child) {
      margin-bottom: 10px; } }

/*
------------------------------------------------------------*/
.c-loader,
.c-loader:before,
.c-loader:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: load1 1.8s infinite ease-in-out;
          animation: load1 1.8s infinite ease-in-out; }

.c-loader {
  color: #000;
  font-size: 10px;
  margin: 30px auto 20px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s; }
  @media screen and (max-width: 767px) {
    .c-loader {
      margin: 20px auto; } }
  .c-loader::before, .c-loader::after {
    content: '';
    position: absolute;
    top: 0; }
  .c-loader::before {
    left: -20px;
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s; }
  .c-loader::after {
    left: 20px; }

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 10px 0 -1.3em;
            box-shadow: 0 10px 0 -1.3em; }
  40% {
    -webkit-box-shadow: 0 10px 0 0;
            box-shadow: 0 10px 0 0; } }

@keyframes load1 {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 10px 0 -1.3em;
            box-shadow: 0 10px 0 -1.3em; }
  40% {
    -webkit-box-shadow: 0 10px 0 0;
            box-shadow: 0 10px 0 0; } }

/*
------------------------------------------------------------*/
.c-box {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 40px 0;
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .c-box {
      padding: 0;
      border-top: 0;
      border-bottom: 0; } }
  .c-box .box1 .c-title1--style3 {
    padding: 0; }
  @media screen and (max-width: 767px) {
    .c-box .l-container {
      padding: 0; } }

.p-animal-detail .c-list3 {
  margin-top: -4px; }
  .p-animal-detail .c-list3__wrap {
    padding: 40px 0 0; }
    @media screen and (max-width: 767px) {
      .p-animal-detail .c-list3__wrap {
        padding: 18px 0 0; } }

.p-animal-detail .c-breadcrumb__link {
  color: #4AA192; }

@media screen and (min-width: 768px) {
  .p-animal-detail .wp-pagenavi .page:hover {
    opacity: 1;
    background: #4AA192;
    color: #FFFFFF; } }

.p-animal-detail1 {
  padding-top: 39px; }
  @media screen and (max-width: 767px) {
    .p-animal-detail1 {
      padding-top: 19px; } }
  @media screen and (max-width: 767px) {
    .p-animal-detail1 .c-title1 {
      font-size: 2.2rem;
      line-height: 3.6rem; } }
  .p-animal-detail1 .c-title1--style3 {
    margin: 33px 0 37px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-title1--style3 {
        margin: 15px 0 17px;
        font-size: 2.4rem; } }
  .p-animal-detail1 .c-title3 {
    text-align: center;
    margin-bottom: -4px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-title3 {
        margin-bottom: -1px; } }
    .p-animal-detail1 .c-title3--color4 .c-title3__txt {
      background-color: #4AA192;
      border-color: #4AA192; }
      .p-animal-detail1 .c-title3--color4 .c-title3__txt:after {
        border-top-color: #4AA192; }
    .p-animal-detail1 .c-title3--color5 .c-title3__txt {
      border-color: #4AA192;
      color: #4AA192; }
      .p-animal-detail1 .c-title3--color5 .c-title3__txt:before {
        background: url(../img/common/icon/icon-green-check.svg) center center; }
      .p-animal-detail1 .c-title3--color5 .c-title3__txt:after {
        border-top-color: #4AA192; }
  .p-animal-detail1 .c-title4--h3 {
    margin-bottom: -3px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-title4--h3 {
        margin-bottom: 0px; } }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-title4--h3 .c-title4__text {
        font-size: 2.2rem; } }
  .p-animal-detail1 .c-title4--h4 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-title4--h4 {
        margin-bottom: -7px; } }
  .p-animal-detail1 .c-title4--h5 {
    margin-bottom: -10px; }
  .p-animal-detail1 .c-title4--h6 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-title4--h6 {
        margin-bottom: -5px; } }
  @media screen and (max-width: 767px) {
    .p-animal-detail1 .c-title5 {
      margin-bottom: 27px; } }
  .p-animal-detail1 .c-title7 {
    text-align: left;
    margin-bottom: -16px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-title7 {
        margin-bottom: -11px; } }
  .p-animal-detail1 .c-title8 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-title8 {
        margin-bottom: -10px; } }
    .p-animal-detail1 .c-title8__text {
      color: #4AA192; }
  .p-animal-detail1 .c-title9 {
    margin-bottom: -14px; }
  .p-animal-detail1 .c-title10 {
    margin-bottom: 50px; }
    .p-animal-detail1 .c-title10 span:after {
      background-color: #4AA192; }
  @media screen and (max-width: 767px) {
    .p-animal-detail1 .c-title11__text {
      font-size: 2.2rem; } }
  .p-animal-detail1 .c-title11__text:after {
    background-color: #4AA192; }
  .p-animal-detail1 .c-title12 {
    margin-bottom: -14px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-title12 {
        margin-bottom: -10px; } }
  .p-animal-detail1 .c-info {
    margin-bottom: 38px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-info {
        margin-bottom: 18px; } }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-info.style1 {
        margin-bottom: 39px; } }
    .p-animal-detail1 .c-info2__text1 {
      color: #4AA192; }
  .p-animal-detail1 .c-info2__link {
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-info2__link {
        margin-right: 0; } }
  .p-animal-detail1 .c-list2.category {
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-list2.category {
        margin-right: 0; } }
  .p-animal-detail1 .c-list2__item .c-category {
    color: #4AA192; }
  .p-animal-detail1 .c-list9 {
    margin: 36px 0 40px; }
  .p-animal-detail1 .c-list10 {
    padding-top: 4px;
    margin-bottom: 37px; }
  .p-animal-detail1 .c-list14 .c-list2 {
    margin-left: 0; }
  .p-animal-detail1 .c-list14__item {
    margin-bottom: 38px; }
  .p-animal-detail1 .c-list14__link, .p-animal-detail1 .c-list14__link2 {
    color: #4AA192; }
  .p-animal-detail1 .c-list15 {
    margin-top: 5px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-list15 {
        margin-top: 9px; } }
    .p-animal-detail1 .c-list15__item:before {
      background-color: #4AA192; }
    .p-animal-detail1 .c-list15__link {
      color: #4AA192; }
  .p-animal-detail1 .c-list16__item:before {
    background-color: #4AA192; }
  .p-animal-detail1 .c-table1 {
    margin: 35px 0 40px; }
    .p-animal-detail1 .c-table1 tr th {
      background-color: #4AA192; }
  .p-animal-detail1 .c-btn3 {
    margin: 0 auto 20px; }
    .p-animal-detail1 .c-btn3--color4 {
      background-color: #4AA192; }
  .p-animal-detail1 .c-imgtext3 {
    margin: 40px 0 39px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1 .c-imgtext3 {
        margin: 40px 0 41px; } }
  .p-animal-detail1__text1 {
    font-size: 1.4rem;
    line-height: 2.45rem;
    margin-bottom: 31px; }
  .p-animal-detail1__text2 {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 25px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1__text2 {
        margin-top: 22px; } }
  .p-animal-detail1__imgtxt1 img {
    margin-bottom: 17px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1__imgtxt1 img {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .p-animal-detail1__imgtxt1 img.full-w {
        width: calc(100% + 40px);
        margin-left: -20px;
        max-width: none; } }
  .p-animal-detail1__ttl1 {
    font-size: 2.8rem;
    line-height: 3.6rem;
    font-weight: 400;
    margin: 36px 0 28px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1__ttl1 {
        font-size: 2.4rem;
        margin: 32px 0 28px; } }
  .p-animal-detail1__txt1 {
    margin-bottom: 31px; }
  .p-animal-detail1__txt2 {
    margin-bottom: 7px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1__txt2 {
        margin-bottom: 32px; } }
  .p-animal-detail1__txt3 {
    margin-bottom: 36px; }
  .p-animal-detail1__txt4 {
    margin-bottom: 38px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1__txt4 {
        margin-bottom: 33px; } }
  .p-animal-detail1__txt5 {
    margin-bottom: 34px; }
    @media screen and (max-width: 767px) {
      .p-animal-detail1__txt5 {
        margin-bottom: 33px; } }
  .p-animal-detail1__btn {
    margin-bottom: 39px; }
  .p-animal-detail1 .wp-pagenavi .current {
    background-color: #4AA192; }

.p-animal-detail3 .c-list12.bg-grey {
  margin-top: 8px; }

.p-animal-detail3 .c-group-cat1 {
  padding-bottom: 14px; }
  @media screen and (max-width: 767px) {
    .p-animal-detail3 .c-group-cat1 {
      padding-bottom: 12px; } }

.p-animal-detail3 .c-list5__list {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9; }

.p-animal-detail3 .c-list3__wrap:nth-of-type(3) {
  border-bottom: 1px solid #D9D9D9; }

/*------------------------------------------------------------
ANIMAL
------------------------------------------------------------*/
.p-animal-top .c-category, .p-animal-category .c-category, .p-animal-detail .c-category, .p-animal-404 .c-category {
  color: #4AA192; }

/*
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .p-animal-top1 .c-list3__img:before, .p-animal-top2 .c-list3__img:before, .p-animal-top3 .c-list3__img:before {
    background: transparent; } }

.p-animal-top1 {
  padding: 0; }
  @media screen and (max-width: 767px) {
    .p-animal-top1 > .l-container {
      padding: 0; } }

.p-animal-top2 {
  padding: 25px 0 40px; }
  @media screen and (max-width: 767px) {
    .p-animal-top2 {
      padding: 30px 0; } }
  .p-animal-top2 .c-category {
    color: #4AA192; }

.p-animal-top .c-list3__wrap {
  border-top: 1px solid #D9D9D9;
  padding-bottom: 5px; }
  @media screen and (max-width: 767px) {
    .p-animal-top .c-list3__wrap {
      padding-bottom: 1px; } }
  .p-animal-top .c-list3__wrap .c-list__head {
    padding-bottom: 27px; }
    @media screen and (max-width: 767px) {
      .p-animal-top .c-list3__wrap .c-list__head {
        padding-bottom: 17px; } }
  .p-animal-top .c-list3__wrap:nth-child(4) {
    padding-top: 37px; }
    .p-animal-top .c-list3__wrap:nth-child(4) .c-list__head {
      padding-bottom: 27px; }
      @media screen and (max-width: 767px) {
        .p-animal-top .c-list3__wrap:nth-child(4) .c-list__head {
          padding-bottom: 18px; } }
    @media screen and (max-width: 767px) {
      .p-animal-top .c-list3__wrap:nth-child(4) {
        padding-top: 19px;
        margin-top: -3px; } }

@media screen and (max-width: 767px) {
  .p-animal-top .c-list3--style1 .c-list3__item {
    margin-bottom: 19.2px; } }

.p-animal-top3 .c-list3__wrap {
  padding-bottom: 0; }
  @media screen and (max-width: 767px) {
    .p-animal-top3 .c-list3__wrap {
      padding-bottom: 33px; } }
  .p-animal-top3 .c-list3__wrap .c-list__head {
    padding-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .p-animal-top3 .c-list3__wrap .c-list__head {
        padding-bottom: 20px; } }

@media screen and (max-width: 767px) {
  .p-animal-top3 .c-list3__item {
    margin: 0 0 27px 0; } }

@media screen and (max-width: 767px) {
  .p-animal-top3 .c-list3__item:last-child {
    margin-bottom: 0; } }

.p-animal-top4 .c-list3__wrap {
  padding-top: 38px; }

.p-animal-top4 .c-list8__item:not(:last-child) .c-list7__link {
  text-decoration: none; }

.p-animal-top .c-list5__list {
  padding-top: 38px;
  border-top: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-animal-top .c-list5__list {
      padding-top: 18px; } }
  @media screen and (max-width: 767px) {
    .p-animal-top .c-list5__list .c-title2 {
      margin-bottom: 17px; } }

.p-animal-top .c-group-cat1 {
  padding-bottom: 14px; }
  @media screen and (max-width: 767px) {
    .p-animal-top .c-group-cat1 {
      padding-bottom: 6px; } }

.p-animal-top .c-slide1 .slick-dots li.slick-active button {
  background-color: #4AA192; }

/*
------------------------------------------------------------*/
.p-animal-category .c-breadcrumb {
  padding: 39px 0 33px; }
  @media screen and (max-width: 767px) {
    .p-animal-category .c-breadcrumb {
      padding: 19px 0 15px; } }

.p-animal-category .c-category {
  color: #4AA192; }

.p-animal-category1 {
  padding-bottom: 37px;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-animal-category1 {
      padding-bottom: 18px; } }
  .p-animal-category1 .c-title1 {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .p-animal-category1 .c-title1 {
        margin-bottom: 15px; } }

.p-animal-category2 {
  padding: 36px 0 90px; }
  @media screen and (max-width: 767px) {
    .p-animal-category2 {
      padding: 16px 0 69px; } }
  .p-animal-category2 .c-text2 {
    margin-bottom: 36px; }
    @media screen and (max-width: 767px) {
      .p-animal-category2 .c-text2 {
        margin-bottom: 15px; } }
  .p-animal-category2 .c-list3 {
    margin-bottom: -1px; }
    @media screen and (max-width: 767px) {
      .p-animal-category2 .c-list3 {
        margin-bottom: 28px; } }
    @media screen and (max-width: 767px) {
      .p-animal-category2 .c-list3__item:last-child {
        margin-bottom: 0; } }

.p-animal-category .c-list3__wrap {
  padding: 38px 0 5px;
  border-top: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-animal-category .c-list3__wrap {
      padding: 18px 0 1px; } }
  .p-animal-category .c-list3__wrap .c-list__head {
    padding-bottom: 27px; }
    @media screen and (max-width: 767px) {
      .p-animal-category .c-list3__wrap .c-list__head {
        padding-bottom: 16px; } }

@media screen and (max-width: 767px) {
  .p-animal-category .c-list3__item:last-child {
    margin-bottom: 0; } }

@media screen and (max-width: 767px) {
  .p-animal-category .c-list3--style1 .c-list3__item {
    margin-bottom: 19.3px; } }

.p-animal-category .c-list5__list {
  padding-top: 38px; }
  @media screen and (max-width: 767px) {
    .p-animal-category .c-list5__list {
      padding-top: 18px; } }

.p-animal-category .c-group-cat1 {
  padding-bottom: 14px; }
  @media screen and (max-width: 767px) {
    .p-animal-category .c-group-cat1 {
      padding-bottom: 6px; } }
  .p-animal-category .c-group-cat1 .c-list8__item:not(:last-child) .c-list7__link {
    text-decoration: none; }

/*
------------------------------------------------------------*/
.p-animal-404 {
  padding: 39px 0 15px; }
  @media screen and (max-width: 767px) {
    .p-animal-404 {
      padding: 19px 0 4px; } }
  .p-animal-404__top {
    border-bottom: solid 1px #D9D9D9;
    padding: 0 0 35px; }
    @media screen and (max-width: 767px) {
      .p-animal-404__top {
        padding: 0 0 17px; } }
    .p-animal-404__top .c-breadcrumb__item:first-child .c-breadcrumb__link {
      color: #4AA192; }
      .p-animal-404__top .c-breadcrumb__item:first-child .c-breadcrumb__link:after {
        background: #4AA192; }
    .p-animal-404__top .c-title1 {
      margin-top: 33px; }
      @media screen and (max-width: 767px) {
        .p-animal-404__top .c-title1 {
          margin-top: 15px; } }
  .p-animal-404__content {
    padding: 76px 0 80px; }
    @media screen and (max-width: 767px) {
      .p-animal-404__content {
        padding: 16px 0 20px; } }
    .p-animal-404__content .c-btn1 {
      margin-top: 36px; }
      @media screen and (max-width: 767px) {
        .p-animal-404__content .c-btn1 {
          margin-top: 16px; } }
  @media screen and (max-width: 767px) {
    .p-animal-404__sc1 .c-list3__item {
      margin-bottom: 21px; }
      .p-animal-404__sc1 .c-list3__item:last-child {
        margin-bottom: 0; } }
  .p-animal-404__sc1 .c-list3__content {
    padding-top: 0 !important; }
    @media screen and (max-width: 767px) {
      .p-animal-404__sc1 .c-list3__content {
        padding-top: 20px; } }
  @media screen and (max-width: 767px) {
    .p-animal-404__sc1 .c-list5__list {
      padding: 20px 0 11px; }
    .p-animal-404__sc1 .c-list5__wrap {
      padding: 0 20px 24px; }
    .p-animal-404__sc1 .c-list5__wrap + .c-list5__wrap {
      padding: 20px 20px 14px; } }
  .p-animal-404__sc1 .c-list8 {
    margin-top: 24px; }
    @media screen and (max-width: 767px) {
      .p-animal-404__sc1 .c-list8 {
        margin-top: 14px; } }
    .p-animal-404__sc1 .c-list8__item:not(:last-child) .c-list7__link {
      text-decoration: none; }
  .p-animal-404__sc1 .c-list12 {
    margin-bottom: 40px;
    background: #F1F0EE; }
    @media screen and (max-width: 767px) {
      .p-animal-404__sc1 .c-list12 {
        margin-bottom: 18px; } }
  .p-animal-404__sc1 .c-category {
    color: #4AA192; }
  .p-animal-404__wrap1 {
    border-top: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
    padding: 37px 0 7px; }
    @media screen and (max-width: 767px) {
      .p-animal-404__wrap1 {
        padding: 18px 0 16px; } }
  .p-animal-404__wrap2 {
    padding: 38px 0 5px; }
    @media screen and (max-width: 767px) {
      .p-animal-404__wrap2 {
        padding: 18px 0 16px; } }

/*
------------------------------------------------------------*/
.page-animal-component .c-list5__list.bg-grey {
  border-top: 0; }

/*------------------------------------------------------------
MAGAZINE/CATEGORY
------------------------------------------------------------*/
.p-magazine-article-list .p-magazine-article-list1 {
  margin-top: 39px; }
  @media screen and (max-width: 767px) {
    .p-magazine-article-list .p-magazine-article-list1 {
      margin-top: 19px; } }
  .p-magazine-article-list .p-magazine-article-list1 .c-title1 {
    margin-top: 33px; }
    @media screen and (max-width: 767px) {
      .p-magazine-article-list .p-magazine-article-list1 .c-title1 {
        margin-top: 15px; } }
  .p-magazine-article-list .p-magazine-article-list1 .c-text1 {
    margin-top: 31px; }
    @media screen and (max-width: 767px) {
      .p-magazine-article-list .p-magazine-article-list1 .c-text1 {
        margin-top: 15px; } }

.p-magazine-article-list .p-magazine-article-list2 {
  margin-top: 35px;
  margin-bottom: 49px;
  border-top: 1px solid #D9D9D9;
  padding-top: 36px; }
  @media screen and (max-width: 767px) {
    .p-magazine-article-list .p-magazine-article-list2 {
      margin-top: 16px;
      margin-bottom: 39px;
      padding-top: 18px; } }
  .p-magazine-article-list .p-magazine-article-list2 .c-text1 {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .p-magazine-article-list .p-magazine-article-list2 .c-text1 {
        text-align: left; } }
  .p-magazine-article-list .p-magazine-article-list2 .c-list3 {
    margin-top: 35px; }
    @media screen and (max-width: 767px) {
      .p-magazine-article-list .p-magazine-article-list2 .c-list3 {
        margin-top: 18px; } }
  .p-magazine-article-list .p-magazine-article-list2 .c-btn1 {
    margin-top: 36px; }
    @media screen and (max-width: 767px) {
      .p-magazine-article-list .p-magazine-article-list2 .c-btn1 {
        margin-bottom: 16px; } }

.p-magazine-article-list .p-magazine-article-list4 {
  margin-top: 37px; }
  @media screen and (max-width: 767px) {
    .p-magazine-article-list .p-magazine-article-list4 {
      margin-top: 19px; } }
  .p-magazine-article-list .p-magazine-article-list4 .c-list8 {
    margin-top: 25px;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      .p-magazine-article-list .p-magazine-article-list4 .c-list8 {
        margin-top: 16px;
        margin-bottom: 6px; } }

/*
------------------------------------------------------------*/
.p-magazine-detail .c-list3 {
  margin-top: -4px; }
  .p-magazine-detail .c-list3__wrap {
    padding: 40px 0 0; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail .c-list3__wrap {
        padding: 18px 0 0; } }

.p-magazine-detail1 {
  padding-top: 39px; }
  @media screen and (max-width: 767px) {
    .p-magazine-detail1 {
      padding-top: 19px; } }
  @media screen and (max-width: 767px) {
    .p-magazine-detail1 .c-title1 {
      font-size: 2.2rem;
      line-height: 3.6rem; } }
  .p-magazine-detail1 .c-title1--style3 {
    margin: 33px 0 37px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-title1--style3 {
        margin: 15px 0 17px;
        font-size: 2.4rem; } }
  .p-magazine-detail1 .c-title3 {
    text-align: center;
    margin-bottom: -4px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-title3 {
        margin-bottom: -1px; } }
  .p-magazine-detail1 .c-title4--h3 {
    margin-bottom: -3px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-title4--h3 {
        margin-bottom: 0px; } }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-title4--h3 .c-title4__text {
        font-size: 2.2rem; } }
  .p-magazine-detail1 .c-title4--h4 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-title4--h4 {
        margin-bottom: -7px; } }
  .p-magazine-detail1 .c-title4--h5 {
    margin-bottom: -10px; }
  .p-magazine-detail1 .c-title4--h6 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-title4--h6 {
        margin-bottom: -5px; } }
  @media screen and (max-width: 767px) {
    .p-magazine-detail1 .c-title5 {
      margin-bottom: 27px; } }
  .p-magazine-detail1 .c-title7 {
    text-align: left;
    margin-bottom: -16px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-title7 {
        margin-bottom: -11px; } }
  .p-magazine-detail1 .c-title8 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-title8 {
        margin-bottom: -10px; } }
  .p-magazine-detail1 .c-title9 {
    margin-bottom: -14px; }
  .p-magazine-detail1 .c-title10 {
    margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .p-magazine-detail1 .c-title11__text {
      font-size: 2.2rem; } }
  .p-magazine-detail1 .c-title12 {
    margin-bottom: -14px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-title12 {
        margin-bottom: -10px; } }
  .p-magazine-detail1 .c-info {
    margin-bottom: 38px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-info {
        margin-bottom: 18px; } }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-info.style1 {
        margin-bottom: 39px; } }
  .p-magazine-detail1 .c-info2__link {
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-info2__link {
        margin-right: 0; } }
  .p-magazine-detail1 .c-list2.category {
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-list2.category {
        margin-right: 0; } }
  .p-magazine-detail1 .c-list9 {
    margin: 36px 0 40px; }
  .p-magazine-detail1 .c-list10 {
    padding-top: 4px;
    margin-bottom: 37px; }
  .p-magazine-detail1 .c-list14 .c-list2 {
    margin-left: 0; }
  @media screen and (max-width: 767px) {
    .p-magazine-detail1 .c-list15 {
      margin-top: 9px; } }
  .p-magazine-detail1 .c-table1 {
    margin: 35px 0 40px; }
  .p-magazine-detail1 .c-btn3 {
    margin: 0 auto 20px; }
  .p-magazine-detail1 .c-imgtext3 {
    margin: 40px 0 39px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1 .c-imgtext3 {
        margin: 40px 0 41px; } }
  .p-magazine-detail1__text1 {
    font-size: 1.4rem;
    line-height: 2.45rem;
    margin-bottom: 31px; }
  .p-magazine-detail1__text2 {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 25px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1__text2 {
        margin-top: 22px; } }
  .p-magazine-detail1__imgtxt1 img {
    margin-bottom: 17px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1__imgtxt1 img {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1__imgtxt1 img.full-w {
        width: calc(100% + 40px);
        margin-left: -20px;
        max-width: none; } }
  .p-magazine-detail1__ttl1 {
    font-size: 2.8rem;
    line-height: 3.6rem;
    font-weight: 400;
    margin: 36px 0 28px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1__ttl1 {
        font-size: 2.4rem;
        margin: 32px 0 28px; } }
  .p-magazine-detail1__txt1 {
    margin-bottom: 31px; }
  .p-magazine-detail1__txt2 {
    margin-bottom: 34px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1__txt2 {
        margin-bottom: 32px; } }
  .p-magazine-detail1__txt3 {
    margin-bottom: 36px; }
  .p-magazine-detail1__txt4 {
    margin-bottom: 22px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail1__txt4 {
        margin-bottom: 33px; } }
  .p-magazine-detail1__btn {
    margin-bottom: 39px; }

.p-magazine-detail5 {
  margin-top: 37px; }
  @media screen and (max-width: 767px) {
    .p-magazine-detail5 {
      margin-top: 19px; } }
  .p-magazine-detail5 .c-list8 {
    margin-top: 25px;
    padding-bottom: 16px; }
    @media screen and (max-width: 767px) {
      .p-magazine-detail5 .c-list8 {
        margin-top: 15px;
        padding-bottom: 7px; } }

/*------------------------------------------------------------
MAGAZINE
------------------------------------------------------------*/
.p-magazine-top1 {
  padding: 40px 0 20px; }
  @media screen and (max-width: 767px) {
    .p-magazine-top1 {
      padding-top: 0; } }
  .p-magazine-top1 .c-imgtext1 {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .p-magazine-top1 .c-imgtext1 {
        margin-bottom: 0;
        height: auto; } }
  @media screen and (max-width: 767px) {
    .p-magazine-top1 .c-list1 {
      padding-top: 20px; } }
  @media screen and (max-width: 767px) {
    .p-magazine-top1 > .l-container {
      padding: 0; } }

.p-magazine-top3 .c-list3__wrap.bg-black {
  padding-bottom: 5px; }
  @media screen and (max-width: 767px) {
    .p-magazine-top3 .c-list3__wrap.bg-black {
      padding-bottom: 4px; } }

.p-magazine-top3 .c-list3 .c-category {
  color: #886B51; }

.p-magazine-top4 .c-list3__wrap {
  border-top: 1px solid #D9D9D9; }

.p-magazine-top4 .c-list4__wrap {
  border-bottom: none; }

.p-magazine-top6 {
  padding: 38px 0 17px; }
  @media screen and (max-width: 767px) {
    .p-magazine-top6 {
      padding: 19px 0 5px; } }
  .p-magazine-top6 .c-title2 {
    margin-bottom: 25px; }
    @media screen and (max-width: 767px) {
      .p-magazine-top6 .c-title2 {
        margin-bottom: 15px; } }

/*
------------------------------------------------------------*/
.p-magazine-404 .c-breadcrumb {
  padding: 39px 0 33px; }
  @media screen and (max-width: 767px) {
    .p-magazine-404 .c-breadcrumb {
      padding: 19px 0 15px; } }

.p-magazine-404 .c-list5__list {
  padding: 38px 0 40px; }
  @media screen and (max-width: 767px) {
    .p-magazine-404 .c-list5__list {
      padding: 18px 0 2px; } }

.p-magazine-404 .c-list12 {
  margin-bottom: 38px; }
  @media screen and (max-width: 767px) {
    .p-magazine-404 .c-list12 {
      margin-bottom: 18px; } }

.p-magazine-404 .c-list8 {
  margin-top: 25px;
  padding-bottom: 16px; }
  @media screen and (max-width: 767px) {
    .p-magazine-404 .c-list8 {
      margin-top: 15px;
      padding-bottom: 6px; } }

.p-magazine-404__top {
  padding-bottom: 35px;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-magazine-404__top {
      padding-bottom: 17px; } }

.p-magazine-404__content {
  padding: 76px 0 80px; }
  @media screen and (max-width: 767px) {
    .p-magazine-404__content {
      padding: 16px 0 20px; } }
  .p-magazine-404__content .c-text2 {
    margin-bottom: 36px; }
    @media screen and (max-width: 767px) {
      .p-magazine-404__content .c-text2 {
        margin-bottom: 16px; } }

/*
------------------------------------------------------------*/
.page-magazine-component .c-list5__list.bg-grey {
  border-top: 0; }

.page-sport .c-list3__wrap.bg-black {
  background-color: #0046F9; }
  .page-sport .c-list3__wrap.bg-black .c-title2,
  .page-sport .c-list3__wrap.bg-black .c-category {
    color: #FFFFFF; }
  .page-sport .c-list3__wrap.bg-black .c-list2__item::after {
    background: #FFFFFF; }

.page-sport .c-list4__wrap.bg-black {
  background-color: #0046F9; }
  .page-sport .c-list4__wrap.bg-black .c-title2 {
    color: #FFFFFF; }

.page-sport .c-list5__list .c-title2,
.page-sport .c-list5__list .c-category {
  color: #0046F9; }

.page-sport .c-list5__list.bg-black {
  background-color: #0046F9; }
  .page-sport .c-list5__list.bg-black .c-title2,
  .page-sport .c-list5__list.bg-black .c-category {
    color: #FFFFFF; }
  .page-sport .c-list5__list.bg-black .c-list2__item::after {
    background: #FFFFFF; }

.page-sport .c-list12.bg-black {
  background-color: #0046F9; }

.page-sport .c-sport-category {
  padding: 40px; }
  .page-sport .c-sport-category .c-title2 {
    color: #0046F9; }
  .page-sport .c-sport-category .c-nav3__link,
  .page-sport .c-sport-category .c-nav4__link {
    color: #000000; }
  .page-sport .c-sport-category1 .c-title2 {
    color: #0046F9;
    padding: 40px 40px 0; }
    .page-sport .c-sport-category1 .c-title2 + .c-list12 {
      border-top: 0; }
  .page-sport .c-sport-category1 .c-list12 {
    padding: 40px; }

.p-sport-top section:not(:first-child) {
  border-bottom: 1px solid #D9D9D9; }

.p-sport-top1 {
  padding: 40px 0;
  border-bottom: none !important; }
  @media screen and (max-width: 1400px) {
    .p-sport-top1 {
      padding: 20px 0; } }
  @media screen and (max-width: 767px) {
    .p-sport-top1 {
      padding: 0 0 43px; } }
  .p-sport-top1 .c-heading1 {
    padding: 9px 40px;
    margin: 0 -40px; }
  .p-sport-top1 .c-slide1 {
    padding: 0 0 24px; }
    @media screen and (max-width: 767px) {
      .p-sport-top1 .c-slide1 {
        padding: 0; } }
  @media screen and (max-width: 767px) {
    .p-sport-top1 > .l-container {
      padding: 0; } }

.p-sport-top2 {
  padding-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .p-sport-top2 {
      padding-bottom: 30px; } }

.p-sport-top3 .c-list3__wrap {
  padding-bottom: 0; }

.p-sport-top4 .c-list3__wrap {
  padding-bottom: 0; }

.p-sport-top5 {
  border-bottom: 0 !important; }
  .p-sport-top5 .c-list__head__btn {
    display: none; }
  .p-sport-top5 .c-list3__wrap {
    padding-top: 38px; }
    @media screen and (max-width: 767px) {
      .p-sport-top5 .c-list3__wrap {
        padding-top: 18px; } }
  .p-sport-top5 .c-list__head {
    padding-bottom: 28px; }
    @media screen and (max-width: 767px) {
      .p-sport-top5 .c-list__head {
        padding-bottom: 17px; } }

.p-sport-top6 {
  border-bottom: none !important; }
  .p-sport-top6 .c-list5__list {
    padding: 37px 0 42px;
    border-bottom: 1px solid #D9D9D9; }
    @media screen and (max-width: 767px) {
      .p-sport-top6 .c-list5__list {
        padding: 18px 0 4px; } }
  .p-sport-top6 .c-list3__wrap {
    padding-top: 37px;
    padding-bottom: 5px; }
    @media screen and (max-width: 767px) {
      .p-sport-top6 .c-list3__wrap {
        padding-top: 17px;
        padding-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .p-sport-top6 .c-list3__item {
      margin-bottom: 19px; } }
  @media screen and (max-width: 767px) {
    .p-sport-top6 .c-list3__item:last-child {
      margin-bottom: 0; } }
  .p-sport-top6 .c-list__head {
    padding-bottom: 28px; }
    @media screen and (max-width: 767px) {
      .p-sport-top6 .c-list__head {
        padding-bottom: 17px; } }
  .p-sport-top6 .c-group-cat1 {
    padding-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .p-sport-top6 .c-group-cat1 {
        padding-bottom: 7px; } }

/*
------------------------------------------------------------*/
.p-sport-detail .c-breadcrumb__txt {
  color: #0046F9; }

.p-sport-detail .c-list3 {
  margin-top: -4px; }
  .p-sport-detail .c-list3__wrap {
    padding: 40px 0 0; }
    @media screen and (max-width: 767px) {
      .p-sport-detail .c-list3__wrap {
        padding: 18px 0 0; } }

.p-sport-detail .wp-pagenavi .current {
  background-color: #0046F9; }

.p-sport-detail .wp-pagenavi .page {
  background-color: #F1F0EE; }
  @media screen and (min-width: 768px) {
    .p-sport-detail .wp-pagenavi .page:hover {
      background-color: #0046F9; } }

.p-sport-detail img {
  max-width: 100%; }

.p-sport-detail .c-info .c-list11 {
  top: -2px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .p-sport-detail .c-info .c-list11 {
      top: 0; } }

.p-sport-detail1 {
  padding-top: 39px; }
  @media screen and (max-width: 767px) {
    .p-sport-detail1 {
      padding-top: 19px; } }
  @media screen and (max-width: 767px) {
    .p-sport-detail1 .c-title1 {
      font-size: 2.2rem;
      line-height: 3.6rem; } }
  .p-sport-detail1 .c-title1--style3 {
    margin: 33px 0 37px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-title1--style3 {
        margin: 15px 0 17px;
        font-size: 2.4rem; } }
  .p-sport-detail1 .c-title3 {
    text-align: center;
    margin-top: 36px;
    margin-bottom: -4px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-title3 {
        margin-top: 0;
        margin-bottom: -1px; } }
  .p-sport-detail1 .c-title4--h3 {
    margin-bottom: -3px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-title4--h3 {
        margin-bottom: 0px; } }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-title4--h3 .c-title4__text {
        font-size: 2.2rem; } }
  .p-sport-detail1 .c-title4--h4 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-title4--h4 {
        margin-bottom: -7px; } }
  .p-sport-detail1 .c-title4--h5 {
    margin-bottom: -10px; }
  .p-sport-detail1 .c-title4--h6 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-title4--h6 {
        margin-bottom: -5px; } }
  .p-sport-detail1 .c-title5__text {
    background-color: #0046F9; }
  @media screen and (max-width: 767px) {
    .p-sport-detail1 .c-title5 {
      margin-bottom: 27px; } }
  .p-sport-detail1 .c-title6__text {
    border-left-color: #0046F9; }
  .p-sport-detail1 .c-title7 {
    text-align: left;
    margin-bottom: -11px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-title7 {
        margin-bottom: -11px; } }
    .p-sport-detail1 .c-title7__text {
      border-left-color: #0046F9; }
  .p-sport-detail1 .c-title8 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-title8 {
        margin-bottom: -10px; } }
    .p-sport-detail1 .c-title8__text {
      color: #0046F9; }
  .p-sport-detail1 .c-title9 {
    margin-bottom: -14px; }
  .p-sport-detail1 .c-title10 {
    margin-bottom: 50px; }
    .p-sport-detail1 .c-title10__text:after {
      background-color: #0046F9; }
  .p-sport-detail1 .c-title11__text:after {
    background-color: #0046F9; }
  @media screen and (max-width: 767px) {
    .p-sport-detail1 .c-title11__text {
      font-size: 2.2rem; } }
  .p-sport-detail1 .c-title12 {
    margin-bottom: -10px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-title12 {
        margin-bottom: -10px; } }
  .p-sport-detail1 .c-info {
    margin-bottom: 38px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-info {
        margin-bottom: 18px; } }
    .p-sport-detail1 .c-info.style1 {
      padding-right: 80px; }
      @media screen and (max-width: 767px) {
        .p-sport-detail1 .c-info.style1 {
          margin-bottom: 39px;
          padding-right: 0; } }
  .p-sport-detail1 .c-info2__link {
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-info2__link {
        margin-right: 0; } }
  .p-sport-detail1 .c-list2.category {
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-list2.category {
        margin-right: 0; } }
  .p-sport-detail1 .c-list9 {
    margin: 36px 0 40px; }
  .p-sport-detail1 .c-list10 {
    padding-top: 4px;
    margin-bottom: 37px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-list10 {
        padding-top: 0; } }
  .p-sport-detail1 .c-list14 .c-list2 {
    margin-left: 0; }
  .p-sport-detail1 .c-list15 {
    padding-top: 4px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-list15 {
        padding-top: 9px; } }
  .p-sport-detail1 .c-list16 {
    margin-bottom: 28px; }
  .p-sport-detail1 .c-table1 {
    margin: 35px 0 40px; }
  .p-sport-detail1 .c-btn3 {
    margin: 0 auto 20px; }
  .p-sport-detail1 .c-imgtext3 {
    margin: 40px 0 39px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1 .c-imgtext3 {
        margin: 40px 0 41px; } }
  .p-sport-detail1__text1 {
    font-size: 1.4rem;
    line-height: 2.45rem;
    margin-bottom: 31px; }
  .p-sport-detail1__text2 {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 25px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1__text2 {
        margin-top: 22px; } }
  .p-sport-detail1__imgtxt1 img {
    margin-bottom: 17px; }
    .p-sport-detail1__imgtxt1 img.full-w {
      width: 100%; }
      @media screen and (max-width: 767px) {
        .p-sport-detail1__imgtxt1 img.full-w {
          width: calc(100% + 40px);
          margin-left: -20px;
          max-width: none; } }
  .p-sport-detail1__ttl1 {
    font-size: 2.8rem;
    line-height: 3.6rem;
    font-weight: 400;
    margin: 36px 0 28px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1__ttl1 {
        font-size: 2.4rem;
        margin: 32px 0 28px; } }
  .p-sport-detail1__txt1 {
    margin-bottom: 31px; }
  .p-sport-detail1__txt2 {
    margin-bottom: 8px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1__txt2 {
        margin-bottom: 32px; } }
  .p-sport-detail1__txt3 {
    margin-bottom: 33px; }
  .p-sport-detail1__txt4 {
    margin-bottom: 37px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1__txt4 {
        margin-bottom: 33px; } }
  .p-sport-detail1__txt5 {
    margin-bottom: 38px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1__txt5 {
        margin-bottom: 33px; } }
  .p-sport-detail1__txt6 {
    margin-bottom: 36px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail1__txt6 {
        margin-bottom: 35px; } }
  .p-sport-detail1__btn {
    margin-bottom: 39px; }

.p-sport-detail4 .c-list3__wrap {
  padding: 38px 0 5px; }
  @media screen and (max-width: 767px) {
    .p-sport-detail4 .c-list3__wrap {
      padding: 30px 0 0; } }
  .p-sport-detail4 .c-list3__wrap .c-title2 {
    margin-bottom: 31px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail4 .c-list3__wrap .c-title2 {
        margin-bottom: 30px; } }

.p-sport-detail4 .c-list5__list {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9; }

.p-sport-detail5 {
  margin-top: 37px; }
  @media screen and (max-width: 767px) {
    .p-sport-detail5 {
      margin-top: 19px; } }
  .p-sport-detail5 .c-list13 {
    margin-top: 25px;
    padding-bottom: 33px; }
    @media screen and (max-width: 767px) {
      .p-sport-detail5 .c-list13 {
        margin-top: 15px;
        padding-bottom: 7px; } }

/*
------------------------------------------------------------*/
.p-sport-category .c-breadcrumb {
  padding: 39px 0 33px; }
  @media screen and (max-width: 767px) {
    .p-sport-category .c-breadcrumb {
      padding: 19px 0 15px; } }

.p-sport-category1 {
  padding-bottom: 37px;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-sport-category1 {
      padding-bottom: 18px; } }
  .p-sport-category1 .c-title1 {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .p-sport-category1 .c-title1 {
        margin-bottom: 15px; } }

.p-sport-category2 {
  padding: 36px 0 32px; }
  @media screen and (max-width: 767px) {
    .p-sport-category2 {
      padding: 16px 0 69px; } }
  .p-sport-category2 .c-text2 {
    margin-bottom: 36px; }
    @media screen and (max-width: 767px) {
      .p-sport-category2 .c-text2 {
        margin-bottom: 15px; } }
  .p-sport-category2 .c-list3 {
    margin-bottom: -1px; }
    @media screen and (max-width: 767px) {
      .p-sport-category2 .c-list3 {
        margin-bottom: 28px; } }
    @media screen and (max-width: 767px) {
      .p-sport-category2 .c-list3__item:last-child {
        margin-bottom: 0; } }

.p-sport-category3 .c-list3__wrap {
  padding: 38px 0 5px; }
  @media screen and (max-width: 767px) {
    .p-sport-category3 .c-list3__wrap {
      padding: 19px 0 0; } }
  .p-sport-category3 .c-list3__wrap .c-list__head {
    padding-bottom: 27px; }
    @media screen and (max-width: 767px) {
      .p-sport-category3 .c-list3__wrap .c-list__head {
        padding-bottom: 16px; } }

.p-sport-category3 .c-list3__link::before {
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

@media screen and (min-width: 768px) {
  .p-sport-category3 .c-list3__link:hover {
    opacity: 1; }
    .p-sport-category3 .c-list3__link:hover::before {
      background: rgba(0, 0, 0, 0.1); } }

.p-sport-category3 .c-list3__tit {
  z-index: 1; }

.p-sport-category3 .c-list5__list {
  padding: 38px 0 40px;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-sport-category3 .c-list5__list {
      padding: 20px 0 0; } }

/*
------------------------------------------------------------*/
.p-sport-404 {
  padding: 39px 0 31px; }
  @media screen and (max-width: 767px) {
    .p-sport-404 {
      padding: 19px 0 5px; } }
  .p-sport-404__top {
    border-bottom: solid 1px #D9D9D9;
    padding: 0 0 35px; }
    @media screen and (max-width: 767px) {
      .p-sport-404__top {
        padding: 0 0 17px; } }
    .p-sport-404__top .c-breadcrumb__item:first-child .c-breadcrumb__link {
      color: #0046F9; }
      .p-sport-404__top .c-breadcrumb__item:first-child .c-breadcrumb__link:after {
        background: #0046F9; }
    .p-sport-404__top .c-title1 {
      margin-top: 33px; }
      @media screen and (max-width: 767px) {
        .p-sport-404__top .c-title1 {
          margin-top: 15px; } }
  .p-sport-404__content {
    padding: 76px 0 80px; }
    @media screen and (max-width: 767px) {
      .p-sport-404__content {
        padding: 16px 0 20px; } }
    .p-sport-404__content .c-btn1 {
      margin-top: 36px; }
      @media screen and (max-width: 767px) {
        .p-sport-404__content .c-btn1 {
          margin-top: 16px; } }
  .p-sport-404__sc1 .c-list3__wrap {
    border-top: solid 1px #D9D9D9;
    padding: 37px 0 40px; }
    @media screen and (max-width: 767px) {
      .p-sport-404__sc1 .c-list3__wrap {
        padding: 18px 0 0; } }
    .p-sport-404__sc1 .c-list3__wrap + .c-list3__wrap {
      padding: 16px 0 0; }
  @media screen and (max-width: 767px) {
    .p-sport-404__sc1 .c-list3__content {
      padding-top: 20px; } }
  @media screen and (max-width: 767px) {
    .p-sport-404__sc1 .c-list5__list {
      padding: 20px 0 11px; }
    .p-sport-404__sc1 .c-list5__wrap {
      padding: 0 20px 22px; }
    .p-sport-404__sc1 .c-list5__wrap + .c-list5__wrap {
      padding: 16px 20px 11px; } }
  .p-sport-404__sc1 .c-list8 {
    margin-top: 24px; }
    @media screen and (max-width: 767px) {
      .p-sport-404__sc1 .c-list8 {
        margin-top: 14px; } }
  .p-sport-404__sc1 .c-list12 {
    margin-bottom: 36px;
    background: #F1F0EE; }
    @media screen and (max-width: 767px) {
      .p-sport-404__sc1 .c-list12 {
        margin-bottom: 16px; } }
  .p-sport-404__sc1 .c-list13 {
    margin-top: 26px; }
    @media screen and (max-width: 767px) {
      .p-sport-404__sc1 .c-list13 {
        margin-top: 16px; } }
  .p-sport-404__sc1 .c-category {
    color: #0046F9; }

/*
------------------------------------------------------------*/
.p-sport__btn {
  text-align: center; }

/*
------------------------------------------------------------*/
.page-sport-component .c-list5__list.bg-grey {
  border-top: 0; }

/*------------------------------------------------------------
TRAVEL
------------------------------------------------------------*/
.p-travel-404 .c-breadcrumb {
  padding: 39px 0 33px; }
  @media screen and (max-width: 767px) {
    .p-travel-404 .c-breadcrumb {
      padding: 19px 0 15px; } }

.p-travel-404 .c-list5__list {
  padding: 38px 0 40px; }
  @media screen and (max-width: 767px) {
    .p-travel-404 .c-list5__list {
      padding: 18px 0 2px; } }

.p-travel-404 .c-list3__wrap {
  padding-bottom: 1px;
  border-top: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-travel-404 .c-list3__wrap {
      padding-bottom: 0; } }

@media screen and (min-width: 768px) {
  .p-travel-404 .c-list3__item:hover .c-list3__link {
    text-decoration: none; } }

.p-travel-404__top {
  padding-bottom: 35px;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-travel-404__top {
      padding-bottom: 17px; } }

.p-travel-404__content {
  padding: 76px 0 80px; }
  @media screen and (max-width: 767px) {
    .p-travel-404__content {
      padding: 16px 0 20px; } }
  .p-travel-404__content .c-text2 {
    margin-bottom: 36px; }
    @media screen and (max-width: 767px) {
      .p-travel-404__content .c-text2 {
        margin-bottom: 16px; } }

/*
------------------------------------------------------------*/
.p-travel-top .c-slide1 {
  padding: 40px 0 24px; }
  @media screen and (max-width: 1400px) {
    .p-travel-top .c-slide1 {
      padding: 20px 0; } }
  @media screen and (max-width: 767px) {
    .p-travel-top .c-slide1 {
      padding: 0 0 14px; } }

@media screen and (max-width: 767px) {
  .p-travel-top1 .c-list3__img:before, .p-travel-top2 .c-list3__img:before, .p-travel-top3 .c-list3__img:before {
    background: transparent; } }

@media screen and (max-width: 767px) {
  .p-travel-top1 > .l-container {
    padding: 0; } }

.p-travel-top2 {
  padding: 35px 0 40px;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-travel-top2 {
      padding: 27px 0 30px; } }
  .p-travel-top2 .c-title7 {
    margin-bottom: 21px; }
    @media screen and (max-width: 767px) {
      .p-travel-top2 .c-title7 {
        margin-bottom: 13px; } }
  .p-travel-top2 .c-text2 {
    margin-bottom: 36px; }
    @media screen and (max-width: 767px) {
      .p-travel-top2 .c-text2 {
        margin-bottom: 24px; } }

.p-travel-top3 .c-list3__wrap {
  padding-bottom: 0;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-travel-top3 .c-list3__wrap {
      padding-bottom: 18px; } }
  .p-travel-top3 .c-list3__wrap.bg-grey {
    padding-top: 37px; }
    @media screen and (max-width: 767px) {
      .p-travel-top3 .c-list3__wrap.bg-grey {
        padding-top: 18px; } }
    .p-travel-top3 .c-list3__wrap.bg-grey .c-list__head {
      padding-bottom: 27px; }
      @media screen and (max-width: 767px) {
        .p-travel-top3 .c-list3__wrap.bg-grey .c-list__head {
          padding-bottom: 16px; } }

@media screen and (max-width: 767px) {
  .p-travel-top3 .c-list3__item:last-child {
    margin-bottom: 0; } }

.p-travel-top4 {
  padding-top: 36px;
  padding-bottom: 2px; }
  @media screen and (max-width: 767px) {
    .p-travel-top4 {
      padding-top: 27px;
      padding-bottom: 14px; } }
  .p-travel-top4 .c-title7 {
    margin-bottom: 21px; }
    @media screen and (max-width: 767px) {
      .p-travel-top4 .c-title7 {
        margin-bottom: 13px; } }
  .p-travel-top4 .c-text2 {
    margin-bottom: 35px; }
    @media screen and (max-width: 767px) {
      .p-travel-top4 .c-text2 {
        margin-bottom: 25px; } }
  .p-travel-top4 .c-list3--style1 .c-list3__item {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .p-travel-top4 .c-list3--style1 .c-list3__item {
        margin-bottom: 19px; } }

@media screen and (max-width: 767px) {
  .p-travel-top .c-group-cat1 {
    padding: 18px 0 7px; } }

/*
------------------------------------------------------------*/
.p-travel-detail .c-breadcrumb__txt {
  color: #886B51; }

.p-travel-detail .c-list3 {
  margin-top: -4px; }
  .p-travel-detail .c-list3__wrap {
    padding: 40px 0 0; }
    @media screen and (max-width: 767px) {
      .p-travel-detail .c-list3__wrap {
        padding: 18px 0 0; } }

.p-travel-detail .wp-pagenavi .current {
  background-color: #886B51; }

.p-travel-detail .wp-pagenavi .page {
  background-color: #F1F0EE; }
  @media screen and (min-width: 768px) {
    .p-travel-detail .wp-pagenavi .page:hover {
      background-color: #886B51; } }

.p-travel-detail img {
  max-width: 100%;
  height: auto; }

.p-travel-detail .c-info .c-list11 {
  top: -2px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .p-travel-detail .c-info .c-list11 {
      top: 0; } }

.p-travel-detail1 {
  padding-top: 39px; }
  @media screen and (max-width: 767px) {
    .p-travel-detail1 {
      padding-top: 19px; } }
  @media screen and (max-width: 767px) {
    .p-travel-detail1 .c-title1 {
      font-size: 2.2rem;
      line-height: 3.6rem; } }
  .p-travel-detail1 .c-title1--style3 {
    margin: 33px 0 37px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-title1--style3 {
        margin: 15px 0 17px;
        font-size: 2.4rem; } }
  .p-travel-detail1 .c-title3 {
    text-align: center;
    margin-bottom: -4px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-title3 {
        margin-bottom: -1px; } }
  .p-travel-detail1 .c-title4--h3 {
    margin-bottom: -3px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-title4--h3 {
        margin-bottom: 0px; } }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-title4--h3 .c-title4__text {
        font-size: 2.2rem; } }
  .p-travel-detail1 .c-title4--h4 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-title4--h4 {
        margin-bottom: -7px; } }
  .p-travel-detail1 .c-title4--h5 {
    margin-bottom: -10px; }
  .p-travel-detail1 .c-title4--h6 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-title4--h6 {
        margin-bottom: -5px; } }
  @media screen and (max-width: 767px) {
    .p-travel-detail1 .c-title5 {
      margin-bottom: 27px; } }
  .p-travel-detail1 .c-title7 {
    text-align: left;
    margin-bottom: -16px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-title7 {
        margin-bottom: -11px; } }
  .p-travel-detail1 .c-title8 {
    margin-bottom: -13px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-title8 {
        margin-bottom: -10px; } }
  .p-travel-detail1 .c-title9 {
    margin-bottom: -14px; }
  .p-travel-detail1 .c-title10 {
    margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .p-travel-detail1 .c-title11__text {
      font-size: 2.2rem; } }
  .p-travel-detail1 .c-title12 {
    margin-bottom: -14px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-title12 {
        margin-bottom: -10px; } }
  .p-travel-detail1 .c-info {
    margin-bottom: 38px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-info {
        margin-bottom: 18px; } }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-info.style1 {
        margin-bottom: 39px; } }
  .p-travel-detail1 .c-info2__link {
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-info2__link {
        margin-right: 0; } }
  .p-travel-detail1 .c-list2.category {
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-list2.category {
        margin-right: 0; } }
  .p-travel-detail1 .c-list9 {
    margin: 36px 0 40px; }
  .p-travel-detail1 .c-list10 {
    padding-top: 4px;
    margin-bottom: 37px; }
  .p-travel-detail1 .c-list14 .c-list2 {
    margin-left: 0; }
  @media screen and (max-width: 767px) {
    .p-travel-detail1 .c-list15 {
      margin-top: 9px; } }
  .p-travel-detail1 .c-table1 {
    margin: 35px 0 40px; }
  .p-travel-detail1 .c-btn3 {
    margin: 0 auto 20px; }
  .p-travel-detail1 .c-imgtext3 {
    margin: 40px 0 39px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1 .c-imgtext3 {
        margin: 40px 0 41px; } }
  .p-travel-detail1__text1 {
    font-size: 1.4rem;
    line-height: 2.45rem;
    margin-bottom: 31px; }
  .p-travel-detail1__text2 {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 25px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1__text2 {
        margin-top: 22px; } }
  .p-travel-detail1__imgtxt1 img {
    margin-bottom: 17px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1__imgtxt1 img.full-w {
        width: calc(100% + 40px);
        margin-left: -20px;
        max-width: none; } }
  .p-travel-detail1__ttl1 {
    font-size: 2.8rem;
    line-height: 3.6rem;
    font-weight: 400;
    margin: 36px 0 28px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1__ttl1 {
        font-size: 2.4rem;
        margin: 32px 0 28px; } }
  .p-travel-detail1__txt1 {
    margin-bottom: 31px; }
  .p-travel-detail1__txt2 {
    margin-bottom: 34px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1__txt2 {
        margin-bottom: 32px; } }
  .p-travel-detail1__txt3 {
    margin-bottom: 36px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1__txt3 {
        margin-bottom: 34px; } }
    @media screen and (max-width: 767px) {
      .p-travel-detail1__txt3 .c-title5 {
        margin-top: 28px; } }
    @media screen and (max-width: 767px) {
      .p-travel-detail1__txt3 .c-title7 {
        margin-bottom: -9px; } }
    @media screen and (max-width: 767px) {
      .p-travel-detail1__txt3 .c-title10 {
        margin-top: 36px; } }
  .p-travel-detail1__txt4 {
    margin-bottom: 22px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail1__txt4 {
        margin-bottom: 39px; } }
  @media screen and (max-width: 767px) {
    .p-travel-detail1__txt5 .p-travel-detail1__text2 {
      margin-top: 25px; } }
  @media screen and (max-width: 767px) {
    .p-travel-detail1__txt6 {
      padding-top: 5px; } }
  @media screen and (max-width: 767px) {
    .p-travel-detail1__txt6 .p-travel-detail1__text2 {
      margin-bottom: 30px; } }
  .p-travel-detail1__btn {
    margin-bottom: 39px; }

.p-travel-detail4 .c-list3__wrap {
  padding: 38px 0 5px; }
  @media screen and (max-width: 767px) {
    .p-travel-detail4 .c-list3__wrap {
      padding: 30px 0 0; } }
  .p-travel-detail4 .c-list3__wrap .c-title2 {
    margin-bottom: 31px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail4 .c-list3__wrap .c-title2 {
        margin-bottom: 30px; } }

@media screen and (min-width: 768px) {
  .p-travel-detail4 .c-list3__link:hover {
    text-decoration: none; } }

@media screen and (min-width: 768px) {
  .p-travel-detail4 .c-list3__item:hover .c-list3__link {
    text-decoration: none; } }

.p-travel-detail4 .c-list5__list {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9; }

.p-travel-detail5 {
  margin-top: 37px; }
  @media screen and (max-width: 767px) {
    .p-travel-detail5 {
      margin-top: 19px; } }
  .p-travel-detail5 .c-list13 {
    margin-top: 25px;
    padding-bottom: 33px; }
    @media screen and (max-width: 767px) {
      .p-travel-detail5 .c-list13 {
        margin-top: 15px;
        padding-bottom: 7px; } }

@media screen and (max-width: 767px) {
  .p-travel-detail .c-block1 {
    margin-top: 38px; } }

@media screen and (max-width: 767px) {
  .p-travel-detail .c-list14 {
    margin-bottom: -18px; } }

.p-travel-detail .c-title5__text {
  background-color: #886B51; }

.p-travel-detail .c-title6__text {
  border-left-color: #886B51; }

.p-travel-detail .c-title7__text {
  border-left-color: #886B51; }

.p-travel-detail .c-title8__text {
  color: #886B51; }

.p-travel-detail .c-title10__text:after,
.p-travel-detail .c-title11__text:after {
  background-color: #886B51; }

/*
------------------------------------------------------------*/
.p-travel-category .c-breadcrumb {
  padding: 39px 0 33px; }
  @media screen and (max-width: 767px) {
    .p-travel-category .c-breadcrumb {
      padding: 19px 0 15px; } }

.p-travel-category2 {
  padding-bottom: 37px;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-travel-category2 {
      padding-bottom: 18px; } }
  .p-travel-category2 .c-title1 {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .p-travel-category2 .c-title1 {
        margin-bottom: 15px; } }

.p-travel-category3 {
  padding: 36px 0 30px; }
  @media screen and (max-width: 767px) {
    .p-travel-category3 {
      padding: 16px 0 20px; } }
  .p-travel-category3 .c-text2 {
    margin-bottom: 36px; }
    @media screen and (max-width: 767px) {
      .p-travel-category3 .c-text2 {
        margin-bottom: 15px; } }
  .p-travel-category3 .c-list3 {
    margin-bottom: -1px; }
    @media screen and (max-width: 767px) {
      .p-travel-category3 .c-list3 {
        margin-bottom: 28px; } }
    @media screen and (max-width: 767px) {
      .p-travel-category3 .c-list3__item:last-child {
        margin-bottom: 0; } }

.p-travel-category4 .c-list3__wrap {
  padding: 38px 0 1px; }
  @media screen and (max-width: 767px) {
    .p-travel-category4 .c-list3__wrap {
      padding: 19px 0 0; } }
  .p-travel-category4 .c-list3__wrap .c-list__head {
    padding-bottom: 27px; }
    @media screen and (max-width: 767px) {
      .p-travel-category4 .c-list3__wrap .c-list__head {
        padding-bottom: 16px; } }

@media screen and (min-width: 768px) {
  .p-travel-category4 .c-list3__link:hover {
    text-decoration: none; } }

@media screen and (max-width: 767px) {
  .p-travel-category4 .c-list3__content {
    padding-top: 17px; } }

.p-travel-category4 .c-list5__list {
  padding: 38px 0 40px;
  border-bottom: 1px solid #D9D9D9; }
  @media screen and (max-width: 767px) {
    .p-travel-category4 .c-list5__list {
      padding: 20px 0 0; } }

/*
------------------------------------------------------------*/
.page-travel-component .c-list5__list.bg-grey {
  border-top: 0; }