@charset "UTF-8";
/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** SPスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
******************************************************************************
** common
******************************************************************************
----------------------------------------------------------------------------*/
html {
  font-size: calc(10 / 375 * 100vw);
}

body {
  width: 100%;
  overflow: hidden;
}

img {
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: #000;
}

picture {
  display: block;
}

picture img {
  display: block;
}

/*----------------------------------------------------------------------------
******************************************************************************
** common class
******************************************************************************
----------------------------------------------------------------------------*/
.pc {
  display: none !important;
}

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

.container_100 {
  width: 100%;
  padding: 0 1.5rem;
}

.container_100 .container {
  width: 100%;
}

.anker {
  margin-top: -6.5rem;
  padding-top: 6.5rem;
  display: block;
}

/*----------------------------------------------------------------------------
******************************************************************************
** header
******************************************************************************
----------------------------------------------------------------------------*/
.hd_100 {
  width: 100%;
  height: 9.25rem;
  padding-top: 1.4rem;
  padding-bottom: 1.1rem;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100.fixed {
  height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100.fixed .hd .hd_logo {
  width: 12rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100.fixed .hd .menu {
  padding-top: 21.7rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd {
  width: 100%;
}

.hd_100 .hd .hd_logo {
  width: 17.9rem;
  margin: 0 auto;
  position: relative;
  z-index: 102;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .hd_logo a {
  width: 100%;
  padding-top: 37.7%;
  display: block;
  background: url(../images/common/hd_logo.svg) no-repeat center/contain;
  -webkit-transition: .2s;
  transition: .2s;
}

@media all and (-ms-high-contrast: none) {
  .hd_100 .hd .hd_logo a {
    background: url(../images/common/hd_logo.png) no-repeat center/contain;
  }
}

.hd_100 .hd .hd_logo.active {
  width: 17.9rem;
}

.hd_100 .hd .hd_logo.active a {
  background: url(../images/common/hd_logo_w.svg) no-repeat center/contain;
  -webkit-transition: .2s;
  transition: .2s;
}

@media all and (-ms-high-contrast: none) {
  .hd_100 .hd .hd_logo.active a {
    background: url(../images/common/hd_logo_w.png) no-repeat center/contain;
  }
}

.hd_100 .hd .menu {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-top: 17.6rem;
  padding-bottom: 8.3rem;
  background-color: #231815;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -101;
  -webkit-transition: .2s;
  transition: .2s;
  pointer-events: none;
}

.hd_100 .hd .menu.open {
  opacity: 1;
  z-index: 101;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  pointer-events: auto;
}

.hd_100 .hd .menu nav {
  width: 100%;
}

.hd_100 .hd .menu nav .menu_list02 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 6.2rem;
}

.hd_100 .hd .menu nav .menu_list02 li {
  width: 16rem;
  margin-right: 2.5rem;
  margin-top: 1.55rem;
}

.hd_100 .hd .menu nav .menu_list02 li:nth-of-type(-n + 2) {
  margin-top: 0;
}

.hd_100 .hd .menu nav .menu_list02 li:nth-of-type(2n) {
  margin-right: 0;
}

.hd_100 .hd .menu nav .menu_list02 li a {
  width: 100%;
  font-size: 1.8em;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.1em;
  display: block;
  padding-right: 2.2rem;
  padding-bottom: 1.15rem;
  position: relative;
  border-bottom: .1rem solid #fff;
}

.hd_100 .hd .menu nav .menu_list02 li a::before {
  content: "";
  width: 1.7rem;
  height: 1.7rem;
  background: url(../images/common/arrow01_w.png) no-repeat center/contain;
  position: absolute;
  top: .65rem;
  right: .35rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu nav .menu_list02 li a:hover::before {
  right: 0;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu nav .menu_list02 li.access a {
  letter-spacing: 0.05em;
}

.hd_100 .hd .menu nav .menu_contact01 {
  width: 100%;
  margin-top: 7.2rem;
}

.hd_100 .hd .menu nav .menu_contact01 a {
  width: 21rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: solid .2rem #fff;
  -webkit-transition: .2s;
  transition: .2s;
  margin: 0 auto;
}

.hd_100 .hd .menu nav .menu_contact01 a span {
  font-family: "lato";
  font-size: 1.7rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  padding-left: 2.6rem;
  position: relative;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu nav .menu_contact01 a span::before {
  content: "";
  width: 1.7rem;
  height: 1.25rem;
  background: url(../images/common/mail_icon_w.png) no-repeat center/contain;
  position: absolute;
  top: .2rem;
  left: 0;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu nav .menu_contact01 a:hover {
  background-color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu nav .menu_contact01 a:hover span {
  color: #231815;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu nav .menu_contact01 a:hover span::before {
  background: url(../images/common/mail_icon_b.png) no-repeat center/contain;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu nav .menu_sns01 {
  margin-top: 6rem;
}

.hd_100 .hd .menu_trigger {
  width: 4.1rem;
  height: 4.1rem;
  background-color: #231815;
  border: solid .2rem #231815;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  z-index: 102;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hd_100 .hd .menu_trigger span {
  width: 2.2rem;
  height: .15rem;
  display: block;
  background-color: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu_trigger span:nth-of-type(1) {
  top: 1.4rem;
}

.hd_100 .hd .menu_trigger span:nth-of-type(2) {
  bottom: 1.35rem;
}

.hd_100 .hd .menu_trigger:hover {
  background-color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu_trigger:hover span {
  background-color: #231815;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu_trigger.active span {
  top: 50%;
  bottom: auto;
  -webkit-transition: .2s;
  transition: .2s;
}

.hd_100 .hd .menu_trigger.active span:nth-of-type(1) {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.hd_100 .hd .menu_trigger.active span:nth-of-type(2) {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

/*----------------------------------------------------------------------------
******************************************************************************
** top
******************************************************************************
----------------------------------------------------------------------------*/
.mv {
  min-height: 57rem;
  padding: 0;
  margin-top: 9.25rem;
}

.mv .container {
  max-width: initial;
  max-width: auto;
  position: relative;
}

.mv .container .slider01 {
  width: 100%;
  position: relative;
}

.mv .container .slider01 li {
  width: 100%;
}

.mv .container .slider01 li a,
.mv .container .slider01 li span {
  width: 100%;
  padding-top: 152%;
  position: relative;
  display: block;
}

.mv .container .slider01 li a img,
.mv .container .slider01 li span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.mv .container .slider01 .slick-arrow {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/common/slick_arrow.png) no-repeat center/contain;
  position: absolute;
  top: auto;
  right: 1.35rem;
  bottom: 13.7rem;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.mv .container .slider01 .slick-arrow.slick-prev {
  display: none !important;
}

.mv .container .mv_list01 {
  margin-top: -11.55rem;
  position: relative;
  z-index: 3;
}

.mv .container .slider_meter {
  position: absolute;
  bottom: 10.15rem;
  right: 5rem;
  z-index: 2;
}

.mv .container .slider_meter .active,
.mv .container .slider_meter .total {
  font-family: 'Lato';
  font-size: 1.1rem;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  display: inline-block;
}

.mv .container .slider_meter .active {
  margin-right: .4rem;
}

.mv .container .slider_meter .meter {
  width: 3.5rem;
  height: .2rem;
  background-color: #231815;
  display: inline-block;
  position: relative;
  top: -.25rem;
}

.mv .container .slider_meter .meter::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.mv .container .slider_meter .meter.on::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: linear 6s;
  transition: linear 6s;
}

.mv .container .slider_meter .total {
  margin-left: .4rem;
}

.common_nav_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.common_nav_list01 li {
  width: 7.6rem;
  display: inline-block;
  margin-right: 1.2rem;
}

.common_nav_list01 li:last-of-type {
  margin-right: 0;
}

.common_nav_list01 li a {
  display: block;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_nav_list01 li a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

/*----------------------------------------------------------------------------
******************************************************************************
** top
******************************************************************************
----------------------------------------------------------------------------*/
.common_ttl01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.common_ttl01 .en {
  font-family: 'Lato';
  font-size: 3.1rem;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  display: inline-block;
  padding: .4rem .9rem .5rem 1rem;
  background-color: #231815;
  margin-right: 1.2rem;
}

.common_ttl01 .jp {
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.08em;
  display: inline-block;
  padding-top: .5rem;
}

.common_btn01 {
  width: 100%;
}

.common_btn01 a,
.common_btn01 span {
  font-family: 'Lato';
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  display: inline-block;
  position: relative;
  padding-right: 2.9rem;
  padding-bottom: .1rem;
}

.common_btn01 a::before,
.common_btn01 span::before {
  content: "";
  width: 8.45rem;
  height: 1rem;
  background: url(../images/common/common_btn01_arrow01_sp.png) no-repeat center/contain;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_btn01 a:hover,
.common_btn01 span:hover {
  -webkit-transition: .2s;
  transition: .2s;
}

.common_btn01 a:hover::before,
.common_btn01 span:hover::before {
  right: -1rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.index01 {
  padding-top: 3.05rem;
  padding-bottom: 2rem;
  overflow: hidden;
}

.index01 .container {
  position: relative;
}

.index01 .container .index01_list01 {
  margin-top: 2rem;
}

.index01 .container .index01_slider01 {
  margin-top: 2.5rem;
}

.index01 .container .index01_btn01 {
  width: auto;
  position: absolute;
  top: .3rem;
  right: -.4rem;
}

.swiper {
  width: 100vw !important;
  position: relative;
  left: -1.5rem;
  padding-bottom: 3.5rem !important;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  width: 3.35rem;
  height: 3.35rem;
  top: 11.6rem !important;
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
  margin-top: 0 !important;
  left: .5rem;
}

.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after {
  display: none;
}

.swiper .swiper-button-next {
  -webkit-transform: translateY(0) scale(-1, 1) !important;
          transform: translateY(0) scale(-1, 1) !important;
  left: auto;
  right: .5rem;
}

.swiper .swiper-scrollbar {
  width: 34.5rem !important;
  height: .7rem !important;
  background-color: #231815;
  bottom: 0 !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100;
}

.swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #b4b0b0;
}

.swiper02 {
  width: 100vw !important;
  position: relative;
  left: -1.5rem;
  padding-bottom: 3.5rem !important;
}

.swiper02 .swiper-button-prev,
.swiper02 .swiper-button-next {
  width: 3.35rem;
  height: 3.35rem;
  top: 11.6rem !important;
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
  margin-top: 0 !important;
  left: .5rem;
}

.swiper02 .swiper-button-prev::after,
.swiper02 .swiper-button-next::after {
  display: none;
}

.swiper02 .swiper-button-next {
  -webkit-transform: translateY(0) scale(-1, 1) !important;
          transform: translateY(0) scale(-1, 1) !important;
  left: auto;
  right: .5rem;
}

.swiper02 .swiper-scrollbar {
  width: 34.5rem !important;
  height: .7rem !important;
  background-color: #231815;
  bottom: 0 !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100;
}

.swiper02 .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #b4b0b0;
}

.common_news_list01 {
  width: 100%;
}

.common_news_list01 > li {
  width: 100%;
  padding: 0 1.5rem;
}

.common_news_list01 > li a {
  display: block;
}

.common_news_list01 > li a .slide-img {
  width: 100%;
}

.common_news_list01 > li a .slide-img figure {
  width: 100%;
  padding-top: 63.7681159%;
  position: relative;
  overflow: hidden;
}

.common_news_list01 > li a .slide-img figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.common_news_list01 > li a .slide-box {
  width: 32rem;
  background-color: #f6f6f6;
  padding: 1.75rem 2.5rem 1.25rem;
  position: relative;
  z-index: 2;
  margin: -2rem auto 0;
}

.common_news_list01 > li a .slide-box .day {
  width: 100%;
  font-family: "lato";
  color: #988a87;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.common_news_list01 > li a .slide-box .ttl {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-top: .3rem;
}

.common_news_list01 > li a .slide-box .list01 {
  margin-top: .85rem;
}

.common_news_list01 > li a:hover .slide-img figure img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: .4s;
  transition: .4s;
}

.common_news_tag_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.common_news_tag_list01 li {
  display: inline-block;
  margin-right: .45rem;
}

.common_news_tag_list01 li a {
  border: solid .2rem #231815;
  background-color: #fff;
  display: block;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_news_tag_list01 li a span {
  font-family: "lato";
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.08em;
  padding: .5rem .3rem .5rem .5rem;
  display: inline-block;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_news_tag_list01 li a:hover {
  background-color: #231815;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_news_tag_list01 li a:hover span {
  color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_news_tag_list02 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.common_news_tag_list02 li {
  display: inline-block;
  margin-right: .5rem;
  margin-bottom: .5rem;
}

.common_news_tag_list02 li span,
.common_news_tag_list02 li a {
  font-family: "lato";
  font-size: 1.2rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  border: solid .1rem #231815;
  background-color: #231815;
  padding: .5rem;
  display: block;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_news_tag_list02 li span:hover,
.common_news_tag_list02 li a:hover {
  color: #231815;
  background-color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.index02 {
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.index02 .container .index02_ttl01 .en {
  white-space: nowrap;
  padding: .3rem .4rem .55rem .6rem;
  letter-spacing: 0.05em;
  margin-right: .25rem;
}

.index02 .container .index02_ttl01 .jp {
  white-space: nowrap;
}

.index02 .container .index02_list01 {
  width: 100%;
  margin-top: 2.25rem;
}

.index02 .container .index02_list01 li {
  width: 100%;
  margin-top: 1.5rem;
}

.index02 .container .index02_list01 li:first-of-type {
  margin-top: 0;
}

.index02 .container .index02_list01 li a {
  width: 100%;
  display: block;
  -webkit-transition: .2s;
  transition: .2s;
}

.index02 .container .index02_list01 li a .list01_img01 {
  width: 100%;
  padding-top: 63.7681159%;
  position: relative;
  overflow: hidden;
  margin-top: -.6rem;
}

.index02 .container .index02_list01 li a .list01_img01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .6s;
  transition: .6s;
}

.index02 .container .index02_list01 li a .list01_txt01 {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.1em;
  margin-top: 1.75rem;
  text-align: center;
}

.index02 .container .index02_list01 li a .list01_btn01 {
  text-align: right;
  margin-top: -.2rem;
}

.index02 .container .index02_list01 li a .list01_btn01 span:hover {
  pointer-events: none;
}

.index02 .container .index02_list01 li a:hover {
  -webkit-transition: .2s;
  transition: .2s;
}

.index02 .container .index02_list01 li a:hover .list01_img01 img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: .6s;
  transition: .6s;
}

.index02 .container .index02_list01 li a:hover .list01_btn01 span:before {
  right: -1rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.index02 .container .index02_btn01 {
  margin-top: 2.45rem;
}

.common_course_ttl01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.common_course_ttl01 .en {
  width: 8rem;
  height: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.common_course_ttl01 .en::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-animation: rotate 10s linear 0s infinite;
          animation: rotate 10s linear 0s infinite;
}

.common_course_ttl01 .en.who picture {
  width: 5.7rem;
}

.common_course_ttl01 .en.who::before {
  background: url(../images/top/index02_who02.svg) no-repeat center/contain;
}

@media all and (-ms-high-contrast: none) {
  .common_course_ttl01 .en.who::before {
    background: url(../images/top/index02_who02.png) no-repeat center/contain;
  }
}

.common_course_ttl01 .en.what picture {
  width: 5.15rem;
}

.common_course_ttl01 .en.what::before {
  background: url(../images/top/index02_what02.svg) no-repeat center/contain;
}

@media all and (-ms-high-contrast: none) {
  .common_course_ttl01 .en.what::before {
    background: url(../images/top/index02_what02.png) no-repeat center/contain;
  }
}

.common_course_ttl01 .en.how picture {
  width: 4.75rem;
}

.common_course_ttl01 .en.how::before {
  background: url(../images/top/index02_how02.svg) no-repeat center/contain;
}

@media all and (-ms-high-contrast: none) {
  .common_course_ttl01 .en.how::before {
    background: url(../images/top/index02_how02.png) no-repeat center/contain;
  }
}

.common_course_ttl01 .jp {
  width: calc(100% - 9.65rem);
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  padding-top: 1.7rem;
  padding-bottom: 1.35rem;
  position: relative;
}

.common_course_ttl01 .jp::before {
  content: "";
  width: 107%;
  height: .2rem;
  background-color: #231815;
  position: absolute;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.common_btn02 {
  width: 100%;
}

.common_btn02 a,
.common_btn02 > span {
  width: 21rem;
  height: 5rem;
  margin: 0 auto;
  padding-bottom: .2rem;
  border: solid .2rem #231815;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer;
}

.common_btn02 a span,
.common_btn02 > span span {
  font-family: "lato";
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.08em;
  display: inline-block;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_btn02 a span.jp,
.common_btn02 > span span.jp {
  font-family: YakuHanJP, "Noto Sans JP";
  font-weight: 700;
  letter-spacing: 0.1em;
  padding-bottom: .2rem;
}

.common_btn02 a.active,
.common_btn02 > span.active {
  background-color: #231815;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_btn02 a.active span,
.common_btn02 > span.active span {
  color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.index03 {
  padding-top: 4rem;
  padding-bottom: 3rem;
}

.index03 .container .index03_ttl01 .en {
  padding: .4rem .25rem .5rem .65rem;
}

.index03 .container .index03_block01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.index03 .container .index03_block01 .block01_box {
  width: 100%;
}

.index03 .container .index03_block01 .block01_box.block01_box01 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 1.5rem;
}

.index03 .container .index03_block01 .block01_box.block01_box01 a {
  padding-top: 2.8rem;
}

.index03 .container .index03_block01 .block01_box.block01_box01 a .box_ttl01 {
  left: 2rem;
}

.index03 .container .index03_block01 .block01_box.block01_box01 a .box_inner01 {
  margin-left: auto;
  margin-top: -6.5rem;
}

.index03 .container .index03_block01 .block01_box.block01_box02 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.index03 .container .index03_block01 .block01_box.block01_box02 a {
  padding-top: 3.5rem;
}

.index03 .container .index03_block01 .block01_box.block01_box02 a .box_ttl01 {
  right: 2rem;
}

.index03 .container .index03_block01 .block01_box.block01_box02 a .box_img01 {
  margin-left: auto;
}

.index03 .container .index03_block01 .block01_box a {
  width: 100%;
  display: block;
  position: relative;
}

.index03 .container .index03_block01 .block01_box a .box_ttl01 {
  padding: .85rem .5rem .1rem .5rem;
  border-right: solid .2rem #221614;
  border-left: solid .2rem #221614;
  display: inline-block;
  position: absolute;
  top: 0;
  z-index: 2;
}

.index03 .container .index03_block01 .block01_box a .box_ttl01 span {
  font-size: 2.1rem;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  letter-spacing: 0.1em;
  display: inline-block;
}

.index03 .container .index03_block01 .block01_box a .box_img01 {
  width: 31.5rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.index03 .container .index03_block01 .block01_box a .box_img01 picture {
  width: 100%;
  padding-top: 95.2380952%;
  display: block;
  position: relative;
}

.index03 .container .index03_block01 .block01_box a .box_img01 picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .6s;
  transition: .6s;
}

.index03 .container .index03_block01 .block01_box a .box_inner01 {
  width: 25rem;
  padding: 1.95rem 2.6rem;
  background-color: #f6f6f6;
  margin-top: -7.5rem;
  position: relative;
  z-index: 2;
}

.index03 .container .index03_block01 .block01_box a .box_inner01 .inner01_txt01 {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3125;
  letter-spacing: 0.1em;
}

.index03 .container .index03_block01 .block01_box a .box_inner01 .inner01_btn01 {
  text-align: right;
  position: relative;
  right: -1.3rem;
}

.index03 .container .index03_block01 .block01_box a:hover .box_img01 img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: .6s;
  transition: .6s;
}

.index03 .container .index03_block01 .block01_box a:hover .box_inner01 .inner01_btn01 span:before {
  right: -.3rem;
  -webkit-transition: .2s;
  transition: .2s;
}

/*----------------------------------------------------------------------------
******************************************************************************
** common_institution
******************************************************************************
----------------------------------------------------------------------------*/
.no-webp .sub_mv.stay .container {
  background: url(../images/stay/mv.jpg) no-repeat center/contain;
}

.no-webp .sub_mv.eat .container {
  background: url(../images/eat/mv.jpg) no-repeat center/contain;
}

.no-webp .sub_mv.play .container {
  background: url(../images/play/mv.jpg) no-repeat center/contain;
}

.no-webp .sub_mv.news .container {
  background: url(../images/news/mv.jpg) no-repeat center/contain;
}

.no-webp .sub_mv.course .container {
  background: url(../images/course/mv.jpg) no-repeat center/contain;
}

.no-webp .sub_mv.access .container {
  background: url(../images/access/mv.jpg) no-repeat center/contain;
}

.no-webp .sub_mv.information .container {
  background: url(../images/information/mv.jpg) no-repeat center/contain;
}

.no-webp .sub_mv.about .container {
  background: url(../images/about/mv.jpg) no-repeat center/contain;
}

.no-webp .sub_mv.contact .container, .no-webp .sub_mv.confirm .container, .no-webp .sub_mv.thanks .container {
  background: url(../images/contact/mv_pc.jpg) no-repeat center/cover;
}

.sub_mv {
  width: 100%;
  padding: 0;
  margin-top: 9.25rem;
}

.sub_mv .container {
  width: 100%;
  height: 21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 7.14rem;
}

.sub_mv .container .mv_ttl01 .en {
  display: block;
  text-align: center;
}

.sub_mv .container .mv_ttl01 .en span {
  font-family: "lato";
  font-size: 3.1rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  background-color: #211714;
  padding: .35rem 1.8rem .55rem;
  display: inline-block;
}

.sub_mv .container .mv_ttl01 .jp {
  display: block;
  margin-top: .9rem;
  text-align: center;
}

.sub_mv .container .mv_ttl01 .jp span {
  font-size: 1.4rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  padding: .3rem 1.5rem .5rem;
  background-color: #211714;
  display: inline-block;
}

.sub_mv.stay .container {
  background: -webkit-image-set(url(../images/stay/mv.webp) 1x, url(../images/stay/mv@2x.webp) 2x) no-repeat center/contain;
  background: image-set(url(../images/stay/mv.webp) 1x, url(../images/stay/mv@2x.webp) 2x) no-repeat center/contain;
}

.sub_mv.eat .container {
  background: -webkit-image-set(url(../images/eat/mv.webp) 1x, url(../images/eat/mv@2x.webp) 2x) no-repeat center/contain;
  background: image-set(url(../images/eat/mv.webp) 1x, url(../images/eat/mv@2x.webp) 2x) no-repeat center/contain;
}

.sub_mv.play .container {
  background: -webkit-image-set(url(../images/play/mv.webp) 1x, url(../images/play/mv@2x.webp) 2x) no-repeat center/contain;
  background: image-set(url(../images/play/mv.webp) 1x, url(../images/play/mv@2x.webp) 2x) no-repeat center/contain;
}

.sub_mv.news .container {
  background: -webkit-image-set(url(../images/news/mv.webp) 1x, url(../images/news/mv@2x.webp) 2x) no-repeat center/contain;
  background: image-set(url(../images/news/mv.webp) 1x, url(../images/news/mv@2x.webp) 2x) no-repeat center/contain;
}

.sub_mv.course .container {
  background: -webkit-image-set(url(../images/course/mv.webp) 1x, url(../images/course/mv@2x.webp) 2x) no-repeat center/contain;
  background: image-set(url(../images/course/mv.webp) 1x, url(../images/course/mv@2x.webp) 2x) no-repeat center/contain;
}

.sub_mv.access .container {
  background: -webkit-image-set(url(../images/access/mv.webp) 1x, url(../images/access/mv@2x.webp) 2x) no-repeat center/contain;
  background: image-set(url(../images/access/mv.webp) 1x, url(../images/access/mv@2x.webp) 2x) no-repeat center/contain;
}

.sub_mv.information .container {
  background: -webkit-image-set(url(../images/information/mv.webp) 1x, url(../images/information/mv@2x.webp) 2x) no-repeat center/contain;
  background: image-set(url(../images/information/mv.webp) 1x, url(../images/information/mv@2x.webp) 2x) no-repeat center/contain;
}

.sub_mv.about .container {
  background: -webkit-image-set(url(../images/about/mv.webp) 1x, url(../images/about/mv@2x.webp) 2x) no-repeat center/contain;
  background: image-set(url(../images/about/mv.webp) 1x, url(../images/about/mv@2x.webp) 2x) no-repeat center/contain;
}

.sub_mv.contact .container, .sub_mv.confirm .container, .sub_mv.thanks .container {
  background: -webkit-image-set(url(../images/contact/mv_pc.webp) 1x, url(../images/contact/mv_pc@2x.webp) 2x) no-repeat center/cover;
  background: image-set(url(../images/contact/mv_pc.webp) 1x, url(../images/contact/mv_pc@2x.webp) 2x) no-repeat center/cover;
}

.breadcrumb {
  width: 100%;
  padding: 1.05rem;
}

.breadcrumb ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadcrumb ul li {
  margin-right: 2.7rem;
  position: relative;
}

.breadcrumb ul li::before {
  content: "";
  width: .7rem;
  height: .7rem;
  border-top: solid .1rem #231815;
  border-right: solid .1rem #231815;
  position: absolute;
  top: .9rem;
  right: -1.5rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.breadcrumb ul li:last-of-type {
  margin-right: 0;
}

.breadcrumb ul li:last-of-type::before {
  display: none;
}

.breadcrumb ul li a,
.breadcrumb ul li span {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  display: inline-block;
}

.breadcrumb ul li a {
  -webkit-transition: .2s;
  transition: .2s;
}

.breadcrumb ul li a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_institution01 {
  padding: 2.65rem 0 3rem;
}

.common_institution01 .container .institution01_block01 {
  width: 34.5rem;
  padding: 1.95rem 2.75rem 1.7rem;
  background-color: #f6f6f6;
  margin: -6.15rem auto 0;
  position: relative;
  z-index: 2;
}

.common_institution02 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.common_institution02 .container .institution02_list01 {
  margin-top: 3.85rem;
}

.common_institution02 .container .institution02_btn01 {
  margin-top: 5rem;
}

.common_institution03 {
  padding-top: 2.65rem;
  padding-bottom: 2rem;
}

.common_ttl02 {
  width: 100%;
  min-height: 5rem;
  background-color: #231815;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
}

.common_ttl02 .rute_roma {
  width: 2.75rem;
  height: 2.75rem;
  font-family: "lato";
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  padding-left: .1rem;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-top: .125rem;
  margin-right: 1rem;
}

.common_ttl02 .ttl {
  max-width: calc(100% - 3.75rem);
  font-size: 2.1rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  display: inline-block;
  position: relative;
}

.common_ttl02 .ttl.car {
  padding-left: 4.25rem;
}

.common_ttl02 .ttl.car::before {
  content: "";
  width: 2.8rem;
  height: 2.2rem;
  background: url(../images/common/common_ttl05_icon_car.svg) no-repeat center/contain;
  position: absolute;
  top: .45rem;
  left: .4rem;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl02 .ttl.car::before {
    background: url(../images/common/common_ttl05_icon_car.png) no-repeat center/contain;
  }
}

.common_ttl02 .ttl.train {
  padding-left: 3.6rem;
}

.common_ttl02 .ttl.train::before {
  content: "";
  width: 1.9rem;
  height: 2.7rem;
  background: url(../images/common/common_ttl05_icon_train.svg) no-repeat center/contain;
  position: absolute;
  top: .3rem;
  left: .4rem;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl02 .ttl.train::before {
    background: url(../images/common/common_ttl05_icon_train.png) no-repeat center/contain;
  }
}

.common_txt01 {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: 0.1em;
}

.common_institution_list01 {
  width: 100%;
}

.common_institution_list01 > li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2.5rem;
}

.common_institution_list01 > li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.common_institution_list01 > li:first-of-type {
  margin-top: 0;
}

.common_institution_list01 > li .list01_img01 {
  width: 15rem;
}

.common_institution_list01 > li .list01_img01 .wrapper {
  width: 100%;
  padding-top: 100%;
  display: block;
  position: relative;
}

.common_institution_list01 > li .list01_img01 .wrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.common_institution_list01 > li .list01_box01 {
  width: calc(100% - 15rem);
  padding: 2rem 1rem 1.9rem 1.85rem;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.common_institution_list01 > li .list01_box01::before {
  content: "";
  width: 2.15rem;
  height: .85rem;
  background: url(../images/common/common_institution_list01_arrow01.png) no-repeat center/contain;
  position: absolute;
  bottom: 1rem;
  right: 1.5rem;
}

.common_institution_list01 > li .list01_box01 .box01_wrapper01 .box01_num01 {
  width: 100%;
  padding-left: 0.15rem;
  margin-bottom: .55rem;
}

.common_institution_list01 > li .list01_box01 .box01_wrapper01 .box01_num01 .rute_roma {
  width: 2.75rem;
  height: 2.75rem;
  font-family: "lato";
  font-size: 1.6rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  padding-left: .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #211614;
}

.common_institution_list01 > li .list01_box01 .box01_wrapper01 .box01_ttl01 {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3125;
  letter-spacing: 0.1em;
  word-break: break-all;
}

.common_institution_list01 > li .list01_box01 .box01_wrapper01 .box01_txt01 {
  width: 100%;
  font-size: 1.3rem;
  color: #988a87;
  font-weight: 700;
  line-height: 1.61538462;
  letter-spacing: 0.1em;
  margin-top: .3rem;
}

.common_institution_list01 > li .list01_box01 .box01_wrapper01 .box01_txt02 {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-top: .5rem;
}

.common_institution_list01 > li .list01_box01 .box01_wrapper01 .box01_list01 {
  margin-top: 1.2rem;
}

.common_institution_detail01 {
  padding-top: 3.85rem;
  padding-bottom: 2rem;
}

.common_institution_detail01 .container .institution_detail01_block01 .block01_img01 {
  width: 100vw;
  position: relative;
  left: -1.5rem;
  margin-top: 1.7rem;
}

.common_institution_detail01 .container .institution_detail01_block01 .block01_img01 figure {
  width: 100%;
  padding-top: 72%;
  display: block;
  position: relative;
}

.common_institution_detail01 .container .institution_detail01_block01 .block01_img01 figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.common_institution_detail01 .container .institution_detail01_block01 .block01_txt01 {
  margin-top: 2.35rem;
}

.common_institution_detail01 .container .institution_detail01_block02 {
  margin-top: 4.15rem;
}

.common_institution_detail01 .container .institution_detail01_block02 .block02_list01 {
  margin-top: 2.75rem;
}

.common_institution_detail01 .container .institution_detail01_block03 {
  margin-top: 4.45rem;
}

.common_institution_detail01 .container .institution_detail01_block03 .block03_box01 {
  margin-top: 2.95rem;
}

.common_institution_detail01 .container .institution_detail01_block03 .block03_box01 .box01_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.common_institution_detail01 .container .institution_detail01_block03 .block03_box01 .box01_btn a {
  width: 48%;
  margin: 1rem 0 0 0;
}

.common_institution_detail01 .container .institution_detail01_block03 .block03_box01 .box01_btn a:nth-of-type(-n + 2) {
  margin-top: 0;
}

.common_institution_detail01 .container .institution_detail01_block03 .block03_box01 .box01_btn a span {
  font-family: YakuHanJP, "Noto Sans JP";
  font-weight: 700;
}

.common_institution_detail01 .container .institution_detail01_btn01 {
  margin-top: 6.1rem;
}

.common_institution_box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.common_institution_box01 .box01_ttl01 {
  font-size: 1.3rem;
  color: #988a87;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  padding-top: .3rem;
  margin-top: 1rem;
  margin-right: 1rem;
}

.common_institution_box01 .box01_list01 {
  width: auto;
  margin-top: 1rem;
}

.common_detail01_box01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.common_detail01_box01 .box01_ttl01 {
  font-size: 1.3rem;
  color: #988a87;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-right: 1rem;
}

.common_detail01_box01 .box01_ttl02 {
  font-family: "lato";
  font-size: 1.2rem;
  color: #988a87;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.1em;
  padding-top: .2rem;
  margin-right: 1.4rem;
}

.common_detail01_box01 .box01_list01 {
  width: auto;
}

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

.common_ttl03 .ttl {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  display: inline-block;
  position: relative;
  padding-bottom: 1rem;
}

.common_ttl03 .ttl::before {
  content: "";
  width: 16rem;
  height: .2rem;
  background-color: #231815;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.common_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.common_list01 dt {
  width: 12rem;
  min-height: 5rem;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: 0.1em;
  padding: .5rem 1.5rem;
  background-color: #716d6c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: .45rem;
}

.common_list01 dt:first-of-type {
  margin-top: 0;
}

.common_list01 dd {
  width: calc(100% - 12rem);
  padding: .5rem .5rem .5rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: .45rem;
  word-wrap: break-word;
}

.common_list01 dd:first-of-type {
  margin-top: 0;
}

.common_detail_btn01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.common_detail_btn01 .prev,
.common_detail_btn01 .next {
  position: absolute;
  right: 0;
  padding-top: .65rem;
}

.common_detail_btn01 .prev a,
.common_detail_btn01 .next a {
  width: 7.5rem;
  display: block;
  position: relative;
  padding-left: 1.1rem;
  padding-bottom: .3rem;
}

.common_detail_btn01 .prev a::before,
.common_detail_btn01 .next a::before {
  content: "";
  width: 7.5rem;
  height: 1.45rem;
  background: url(../images/common/common_btn01_arrow01.png) no-repeat center/contain;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_detail_btn01 .prev a span,
.common_detail_btn01 .next a span {
  font-family: 'Lato';
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  display: inline-block;
}

.common_detail_btn01 .prev a:hover,
.common_detail_btn01 .next a:hover {
  -webkit-transition: .2s;
  transition: .2s;
}

.common_detail_btn01 .prev a:hover::before,
.common_detail_btn01 .next a:hover::before {
  right: -1rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_detail_btn01 .prev {
  right: auto;
  left: 0;
}

.common_detail_btn01 .prev a {
  padding-left: 0;
  padding-right: 1.1rem;
  text-align: right;
}

.common_detail_btn01 .prev a::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  right: auto;
  left: 0;
}

.common_detail_btn01 .prev a:hover::before {
  left: -1rem;
}

.common_detail_btn01 .back a {
  width: 15rem;
  height: 5rem;
  border: solid 0.2rem #231815;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_detail_btn01 .back a span {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_detail_btn01 .back a:hover {
  background-color: #231815;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_detail_btn01 .back a:hover span {
  color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

/*----------------------------------------------------------------------------
******************************************************************************
** news
******************************************************************************
----------------------------------------------------------------------------*/
.news01 {
  padding-top: 2.8rem;
  padding-bottom: 5.9rem;
}

.news01 .container .news01_list01 > li {
  margin-top: 4.05rem;
}

.news01 .container .news01_list01 > li:first-of-type {
  margin-top: 0;
}

.news01 .container .wp-pagenavi {
  margin-top: 5rem;
}

.wp-pagenavi {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
  width: 4rem;
  height: 4rem;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-right: .5rem;
  border: solid .1rem #231815;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .2s;
  transition: .2s;
}

.wp-pagenavi a.current,
.wp-pagenavi span.current {
  color: #fff;
  background-color: #231815;
}

.wp-pagenavi a:hover {
  color: #fff;
  background-color: #231815;
  -webkit-transition: .2s;
  transition: .2s;
}

/*----------------------------------------------------------------------------
******************************************************************************
** news_detail
******************************************************************************
----------------------------------------------------------------------------*/
.news_detail01 {
  padding-top: 2.7rem;
  padding-bottom: 2rem;
}

.news_detail01 .container .news_detail01_box01 {
  margin-top: 1.6rem;
}

.news_detail01 .container .news_detail01_block01 {
  margin-top: 1.4rem;
}

.news_detail01 .container .news_detail01_btn01 {
  margin-top: 4.9rem;
}

.common_ttl04 {
  width: 100%;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.47619048;
  letter-spacing: 0.1em;
  padding-bottom: 1.15rem;
  border-bottom: .2rem solid #231815;
}

.editor_area {
  width: 100%;
}

.editor_area h2 {
  width: 100%;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.1em;
  margin-top: 2.35rem;
}

.editor_area h3 {
  width: 100%;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.47368421;
  letter-spacing: 0.1em;
  padding-left: 1.5rem;
  margin-top: 3.05rem;
  position: relative;
}

.editor_area h3::before {
  content: "";
  width: .4rem;
  height: 90%;
  background-color: #231815;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.editor_area h4 {
  width: 100%;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.555555;
  letter-spacing: 0.1em;
  padding: .7rem 1.75rem;
  background-color: #716d6c;
  margin-top: 2.9rem;
}

.editor_area p {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.625;
  letter-spacing: 0.1em;
  margin-top: 1.25rem;
}

.editor_area ul {
  width: 100%;
  margin-top: 2.1rem;
}

.editor_area ul li {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.625;
  padding-left: 3.05rem;
  position: relative;
}

.editor_area ul li::before {
  content: "●";
  font-size: 1.4rem;
  position: absolute;
  top: 0.3rem;
  left: .05rem;
}

/*----------------------------------------------------------------------------
******************************************************************************
** course
******************************************************************************
----------------------------------------------------------------------------*/
.course01 {
  padding-top: 2.4rem;
  padding-bottom: 3.1rem;
}

.course01 .container .course01_block02 {
  margin-top: 5.5rem;
}

.course01 .container .course01_block03 {
  margin-top: 5.5rem;
}

.course_detail01 {
  padding-top: 2.5rem;
  padding-bottom: 3.05rem;
}

.course_detail01 .container .course_detail01_block01 .block01_box {
  margin-top: 0;
}

.course_detail01 .container .course_detail01_block01 .block01_box .box01_ttl01 .ttl01 {
  padding-left: 0;
}

.course_detail01 .container .course_detail01_list01 {
  margin-top: 5.05rem;
}

.course_detail01 .container .course_detail01_list01 > li {
  width: 100%;
}

.course_detail01 .container .course_detail01_list01 > li > a {
  display: block;
}

.course_detail01 .container .course_detail01_list01 > li > a .list01_img01 {
  width: 100%;
  margin-top: 1.5rem;
}

.course_detail01 .container .course_detail01_list01 > li > a .list01_img01 figure {
  width: 100%;
  padding-top: 69.5655174%;
  position: relative;
}

.course_detail01 .container .course_detail01_list01 > li > a .list01_img01 figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.course_detail01 .container .course_detail01_list01 > li > a .list01_box02 {
  width: 100%;
  padding: 2.25rem 1.75rem 2.2rem;
  background-color: #f6f6f6;
}

.course_detail01 .container .course_detail01_list01 > li > a .list01_box02 .box02_btn01 {
  margin-top: .4rem;
  text-align: right;
}

.course_detail01 .container .course_detail01_list01 > li .moving_time_block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2rem 0;
}

.course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time {
  padding: 5.5rem 0;
  margin: 0 2rem;
  position: relative;
}

.course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time::before, .course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time::after {
  content: "";
  width: .3rem;
  height: 4.5rem;
  background: url(../images/common/moving_area_item01.png) no-repeat center/contain;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time::after {
  top: auto;
  bottom: 0;
}

.course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time .time_box01 {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: #c69d68;
  display: block;
  margin: 0 auto;
}

.course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time .time_box01 .box01_img01 {
  display: block;
  position: relative;
}

.course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time .time_box01 .box01_img01.car::before {
  content: "";
  width: 3.15rem;
  height: 2.45rem;
  background: url(../images/common/common_ttl05_icon_car.svg) no-repeat center/contain;
  position: absolute;
  top: 1.85rem;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media all and (-ms-high-contrast: none) {
  .course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time .time_box01 .box01_img01.car::before {
    background: url(../images/common/common_ttl05_icon_car.png) no-repeat center/contain;
  }
}

.course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time .time_box01 .box01_img01.bicycle::before {
  content: "";
  width: 3.7125rem;
  height: 2.5875rem;
  background: url(../images/common/common_ttl05_icon_bicycle.svg) no-repeat center/contain;
  position: absolute;
  top: 1.6rem;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media all and (-ms-high-contrast: none) {
  .course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time .time_box01 .box01_img01.bicycle::before {
    background: url(../images/common/common_ttl05_icon_bicycle.png) no-repeat center/contain;
  }
}

.course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time .time_box01 .box01_img01.foot::before {
  content: "";
  width: 2.3625rem;
  height: 3.2625rem;
  background: url(../images/common/common_ttl05_icon_foot.svg) no-repeat center/contain;
  position: absolute;
  top: 1.15rem;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media all and (-ms-high-contrast: none) {
  .course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time .time_box01 .box01_img01.foot::before {
    background: url(../images/common/common_ttl05_icon_foot.png) no-repeat center/contain;
  }
}

.course_detail01 .container .course_detail01_list01 > li .moving_time_block .moving_time .time_box01 .box01_txt01 {
  width: 100%;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  padding-top: 4.75rem;
}

.course_detail01 .container .course_detail01_list01 > li:last-of-type .moving_time_block {
  display: none;
}

.course_detail01 .container .course_detail01_btn01 {
  margin-top: 5.05rem;
}

.common_course_block01 .block01_box {
  margin-top: 5rem;
}

.common_course_block01 .block01_box:first-of-type {
  margin-top: 1.45rem;
}

.common_course_box01 {
  width: 100%;
}

.common_course_box01 .box01_inner01 .box01_img01 {
  width: 100%;
  padding-top: 63.7681159%;
  position: relative;
  margin-top: 3rem;
}

.common_course_box01 .box01_inner01 .box01_img01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.common_course_box01 .box01_inner01 .box01_txt01 {
  margin-top: 2rem;
}

.common_course_box01 .box01_inner01 .box01_btn01 {
  margin-top: 3rem;
}

.common_course_box01 .box01_inner02 {
  padding: 3rem 2.5rem;
  background-color: #f6f6f6;
  margin-top: 3rem;
  display: none;
}

.common_course_box01 .box01_btn01 {
  margin-top: 3rem;
}

.common_course_box01.detail .box01_inner01 {
  margin-top: 5rem;
}

.common_course_box01.detail .box01_inner01:first-of-type {
  margin-top: 1.45rem;
}

.common_course_box01.detail .box01_inner02 {
  margin-top: 3.8rem;
  display: block;
}

.common_course_box01.detail .box01_inner02 .inner02_txt01 {
  width: 100%;
  text-align: center;
  margin-top: 1.05rem;
}

.common_course_box01.detail .box01_inner02 .inner02_list01 {
  display: block;
  margin-top: 2.5rem;
}

.common_ttl06 {
  width: 100%;
  min-height: 5rem;
  background: url(../images/common/common_ttl06_bg.png) repeat top left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding-bottom: .2rem;
}

.common_ttl06 .ttl01 {
  font-size: 2.1rem;
  color: #fff;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: inline-block;
}

.common_ttl05 {
  width: 100%;
  min-height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2rem;
  padding-bottom: .2rem;
  background: url(../images/common/common_ttl05_bg.png) repeat top left;
}

.common_ttl05 .ttl01 {
  font-size: 2.1rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  position: relative;
  padding-left: 3.9rem;
}

.common_ttl05 .ttl01.car::before {
  content: "";
  width: 2.8rem;
  height: 2.2rem;
  background: url(../images/common/common_ttl05_icon_car.svg) no-repeat center/contain;
  position: absolute;
  top: .05rem;
  left: .1rem;
  z-index: 2;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl05 .ttl01.car::before {
    background: url(../images/common/common_ttl05_icon_car.png) no-repeat center/contain;
  }
}

.common_ttl05 .ttl01.bicycle::before {
  content: "";
  width: 3.3rem;
  height: 2.3rem;
  background: url(../images/common/common_ttl05_icon_bicycle.svg) no-repeat center/contain;
  position: absolute;
  top: 0;
  left: -.25rem;
  z-index: 2;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl05 .ttl01.bicycle::before {
    background: url(../images/common/common_ttl05_icon_bicycle.png) no-repeat center/contain;
  }
}

.common_ttl05 .ttl01.foot::before {
  content: "";
  width: 2.1rem;
  height: 2.9rem;
  background: url(../images/common/common_ttl05_icon_foot.svg) no-repeat center/contain;
  position: absolute;
  top: -.4rem;
  left: .4rem;
  z-index: 2;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl05 .ttl01.foot::before {
    background: url(../images/common/common_ttl05_icon_foot.png) no-repeat center/contain;
  }
}

.common_ttl05 .ttl01.couple::before {
  content: "";
  width: 2.5rem;
  height: 2.9rem;
  background: url(../images/common/common_ttl05_icon_couple.svg) no-repeat center/contain;
  position: absolute;
  top: -.3rem;
  left: .25rem;
  z-index: 2;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl05 .ttl01.couple::before {
    background: url(../images/common/common_ttl05_icon_couple.png) no-repeat center/contain;
  }
}

.common_ttl05 .ttl01.family::before {
  content: "";
  width: 3.2rem;
  height: 2.7rem;
  background: url(../images/common/common_ttl05_icon_family.svg) no-repeat center/contain;
  position: absolute;
  top: -.3rem;
  left: -.2rem;
  z-index: 2;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl05 .ttl01.family::before {
    background: url(../images/common/common_ttl05_icon_family.png) no-repeat center/contain;
  }
}

.common_ttl05 .ttl01.group::before {
  content: "";
  width: 3.2rem;
  height: 2.9rem;
  background: url(../images/common/common_ttl05_icon_group.svg) no-repeat center/contain;
  position: absolute;
  top: -.45rem;
  left: -.3rem;
  z-index: 2;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl05 .ttl01.group::before {
    background: url(../images/common/common_ttl05_icon_group.png) no-repeat center/contain;
  }
}

.common_ttl05 .ttl01.art::before {
  content: "";
  width: 2.95rem;
  height: 2.75rem;
  background: url(../images/common/common_ttl05_icon_art.svg) no-repeat center/contain;
  position: absolute;
  top: -.15rem;
  left: .05rem;
  z-index: 2;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl05 .ttl01.art::before {
    background: url(../images/common/common_ttl05_icon_art.png) no-repeat center/contain;
  }
}

.common_ttl05 .ttl01.activity::before {
  content: "";
  width: 3.1rem;
  height: 3.1rem;
  background: url(../images/common/common_ttl05_icon_activity.svg) no-repeat center/contain;
  position: absolute;
  top: -.4rem;
  left: -.05rem;
  z-index: 2;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl05 .ttl01.activity::before {
    background: url(../images/common/common_ttl05_icon_activity.png) no-repeat center/contain;
  }
}

.common_ttl05 .ttl01.pet::before {
  content: "";
  width: 2.7rem;
  height: 2.35rem;
  background: url(../images/common/common_ttl05_icon_pet.svg) no-repeat center/contain;
  position: absolute;
  top: -.1rem;
  left: 0;
  z-index: 2;
}

@media all and (-ms-high-contrast: none) {
  .common_ttl05 .ttl01.pet::before {
    background: url(../images/common/common_ttl05_icon_pet.png) no-repeat center/contain;
  }
}

/*----------------------------------------------------------------------------
******************************************************************************
** access
******************************************************************************
----------------------------------------------------------------------------*/
.access01 {
  padding-top: 3.5rem;
  padding-bottom: 1.65rem;
}

.access01 .container .access01_block02 {
  margin-top: 4.6rem;
}

.common_access_block01 {
  width: 100%;
}

.common_access_block01 .block01_box01 {
  margin-top: 1.75rem;
}

.common_access_block01 .block01_box01 .box01_wrapper {
  width: 100%;
  margin-top: 3rem;
}

.common_access_block01 .block01_box01 .box01_wrapper .box01_map02 {
  width: 100%;
}

.common_access_block01 .block01_box01 .box01_wrapper .box01_map01 {
  width: 100%;
  margin-top: 2.5rem;
}

.common_access_block01 .block01_box01 .box01_wrapper .box01_map01 .wrapper {
  width: 100%;
  padding-top: 66.666666%;
  position: relative;
}

.common_access_block01 .block01_box01 .box01_wrapper .box01_map01 .wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.common_access_block01 .block01_box01 .box01_wrapper .box01_map01 .map01_txt01 {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.71428571;
  margin-top: 1.35rem;
}

/*----------------------------------------------------------------------------
******************************************************************************
** information
******************************************************************************
----------------------------------------------------------------------------*/
.information01 {
  padding-top: 3.5rem;
  padding-bottom: 3.05rem;
}

.information01 .container .information01_block01 {
  width: 100%;
}

.information01 .container .information01_block01 .block01_img01 {
  width: 100vw;
  position: relative;
  left: -1.5rem;
  margin-top: 3rem;
}

.information01 .container .information01_block01 .block01_box01 {
  width: 100%;
  padding: 2.05rem 2.9rem 2.6rem;
  background-color: #f6f6f6;
  margin-top: -4.4rem;
  position: relative;
  z-index: 2;
}

.information01 .container .information01_block01 .block01_box01 ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_ttl01 {
  width: 7rem;
  height: 2.2rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1em;
  background-color: #716d6c;
  padding-bottom: .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin: 0 auto;
  padding-left: 0.3rem;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box01 {
  width: 7.1rem;
  margin: 1.25rem auto 0;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box01 .box01_wrapper {
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  background-color: #c69d68;
  position: relative;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box01 .box01_wrapper .weather {
  width: 2.6rem;
  height: 2.7rem;
  background-color: #f00;
  text-align: center;
  position: absolute;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box01 .box01_wrapper .weather.before {
  top: 1rem;
  left: 1rem;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box01 .box01_wrapper .weather.after {
  bottom: 1rem;
  right: 1rem;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box01 .box01_wrapper .and.sometimes {
  width: 3.25rem;
  height: 3.25rem;
  background: url(../images/common/wether_somtime.png) no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box01 .box01_wrapper .and.after {
  width: 1.55rem;
  height: 1.45rem;
  background: url(../images/common/wether_after.png) no-repeat center/contain;
  position: absolute;
  bottom: 1.75rem;
  left: 1.5rem;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_txt01 {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: .75rem;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box02 {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: .15rem;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box02 .max {
  font-size: 1.4rem;
  color: #c42f28;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  position: relative;
  padding-right: 1.45rem;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box02 .max::before {
  content: "/";
  color: #231815;
  position: absolute;
  top: 0;
  right: .45rem;
}

.information01 .container .information01_block01 .block01_box01 ul li .list01_box02 .min {
  font-size: 1.4rem;
  color: #3b35b3;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
}

.information01 .container .information01_block02 {
  margin-top: 4.1rem;
}

.information01 .container .information01_block02 .block01_box01:nth-of-type(n + 2) {
  margin-top: 4.5rem;
}

.information01 .container .information01_block02 .block01_box01 .box01_slider01 {
  margin-top: 3.95rem;
}

.information01 .container .information01_block02 .block01_box01 .box01_slider01 .swiper-wrapper {
  width: 100%;
}

.information01 .container .information01_block02 .block01_box01 .box01_slider01 .swiper-wrapper li figure {
  width: 100%;
  padding-top: 69.5652174%;
  position: relative;
  display: block;
}

.information01 .container .information01_block02 .block01_box01 .box01_slider01 .swiper-wrapper li figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.information01 .container .information01_block02 .block01_box01 .box01_list01 {
  margin-top: 4rem;
}

/*----------------------------------------------------------------------------
******************************************************************************
** about
******************************************************************************
----------------------------------------------------------------------------*/
.common_history_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.common_history_list01 li {
  width: 16.5rem;
  margin-top: 1rem;
}

.common_history_list01 li:nth-of-type(-n + 2) {
  margin-top: 0;
}

.common_history_list01 li a {
  width: 100%;
  height: 4.5rem;
  padding: .65rem 0 0 1.05rem;
  background-color: #c69d68;
  display: block;
  position: relative;
}

.common_history_list01 li a::before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../images/common/arrow01_w.png) no-repeat center/contain;
  display: inline-block;
  position: absolute;
  top: 1.25rem;
  right: 1rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_history_list01 li a .en {
  font-family: "lato";
  font-size: 3.1rem;
  color: #fff;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.035em;
  display: inline-block;
  margin-right: .2rem;
}

.common_history_list01 li a .jp {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  position: relative;
  top: -.2rem;
}

.common_history_list01 li a:hover::before {
  right: 1rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_about_txt01 {
  font-size: 1.4rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  padding: .4rem 1rem .55rem 1.5rem;
  background-color: #211714;
  display: inline-block;
}

.common_history_box01 {
  width: 100%;
  padding-top: 3.75rem;
  position: relative;
}

.common_history_box01::before {
  content: "";
  width: .2rem;
  height: 100%;
  background-color: #211714;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}

.common_history_box01::after {
  content: "";
  display: block;
  clear: both;
}

.common_history_box01 .box01_ttl01 {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}

.common_history_box01 .box01_ttl01::after {
  content: "";
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background-color: #fff;
  border: solid .4rem #a87b40;
  position: absolute;
  top: -3.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.common_history_box01 .box01_ttl01 .ttl01 {
  height: 4rem;
  font-family: "lato";
  font-size: 3.1rem;
  color: #fff;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.035em;
  padding: .4rem 1.7rem;
  background-color: #c69d68;
  display: inline-block;
}

.common_history_list02 {
  width: 50%;
  position: relative;
  padding-top: 1.75rem;
  margin-top: 2rem;
}

.common_history_list02 .separate {
  padding-top: 3.45rem;
  position: relative;
}

.common_history_list02 .separate::before {
  content: "";
  width: 15.9rem;
  height: .3rem;
  background: url(../images/common/history_separate.png) no-repeat center/contain;
  position: absolute;
  top: 1.6rem;
}

.common_history_list02::before {
  content: "";
  width: 15.8rem;
  height: .15rem;
  background-color: #211714;
  position: absolute;
  top: 0;
  z-index: 3;
}

.common_history_list02::after {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  background-color: #c69d68;
  border-radius: 50%;
  position: absolute;
  top: 0;
  z-index: 3;
}

.common_history_list02 .list01_ttl01 {
  width: 100%;
  font-size: 2.1rem;
  font-weight: 900;
  line-height: 1.23809524;
  letter-spacing: 0.1em;
  margin-bottom: .85rem;
}

.common_history_list02 .list01_ttl02 {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1.625;
  letter-spacing: 0.1em;
}

.common_history_list02 .list01_txt01 {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.71428571;
  letter-spacing: 0.1em;
  margin-top: .25rem;
}

.common_history_list02 .list01_img01 {
  width: 100%;
  text-align: center;
  margin-top: 1.2rem;
}

.common_history_list02.left_sp {
  float: left;
  margin-right: auto;
  padding-right: 1.8rem;
}

.common_history_list02.left_sp::before {
  left: 0;
}

.common_history_list02.left_sp::after {
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.common_history_list02.left_sp .separate::before {
  left: 0;
}

.common_history_list02.right_sp {
  float: right;
  padding-left: 1.85rem;
}

.common_history_list02.right_sp::before {
  right: 0;
}

.common_history_list02.right_sp::after {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.common_history_list02.right_sp .separate::before {
  right: 0;
}

.common_history_list02.right_sp .list01_ttl01 {
  padding-left: .65rem;
}

.common_history_list02.right_sp .list01_ttl02 {
  padding-left: .65rem;
}

.common_history_list02.right_sp .list01_txt01 {
  padding-left: .65rem;
}

.common_history_list02.fukidashi {
  width: 15.5rem;
  padding: 1.6rem 1.25rem .7rem;
  background-color: #f6f6f6;
}

.common_history_list02.fukidashi .list01_ttl02 {
  line-height: 1.3125;
}

.common_history_list02.fukidashi .list01_txt01 {
  margin-top: .7rem;
}

.common_history_list02.fukidashi::before {
  content: "";
  width: 2.4rem;
  height: 3.1rem;
  background: url(../images/common/fukidashi.png) no-repeat center/contain;
  position: absolute;
  top: .65rem;
  right: 3.85rem;
  left: auto;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  z-index: 3;
}

.common_history_list02.fukidashi::after {
  display: none;
}

.about01 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.about01 .container .about01_block01 {
  width: 100%;
}

.about01 .container .about01_block01 .block01_img01 {
  width: 100vw;
  position: relative;
  left: -1.5rem;
  margin-top: 3rem;
}

.about01 .container .about01_block01 .block01_ttl02 {
  margin-top: 3.5rem;
}

.about01 .container .about01_block01 .block01_txt01 {
  margin-top: 2.25rem;
}

.about01 .container .about01_block01 .block01_box01 {
  margin-top: 3.1rem;
  position: relative;
  padding-top: 1.1rem;
}

.about01 .container .about01_block01 .block01_box01 .box01_txt01 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.about01 .container .about01_block01 .block01_box01 .box01_img01 {
  width: 27rem;
}

.about01 .container .about01_block01 .block01_box02 {
  margin-top: -3rem;
  position: relative;
  z-index: 2;
}

.about01 .container .about01_block01 .block01_box02 .box02_txt01 {
  position: absolute;
  top: 7.7rem;
  left: 0;
  z-index: 2;
}

.about01 .container .about01_block01 .block01_box02 .box02_img01 {
  width: 23rem;
  display: block;
  margin-left: auto;
}

.about01 .container .about01_block01 .block01_box03 {
  margin-top: -2.75rem;
  padding-left: 2rem;
  padding-bottom: 1.85rem;
  position: relative;
  z-index: 1;
}

.about01 .container .about01_block01 .block01_box03 .box03_txt01 {
  white-space: nowrap;
  position: absolute;
  left: 5.75rem;
  bottom: 0;
  z-index: 2;
}

.about01 .container .about01_block01 .block01_box03 .box03_img01 {
  width: 25rem;
}

.about01 .container .about01_block02 {
  width: 100%;
  margin-top: 4.5rem;
}

.about01 .container .about01_block02 .block02_list01 {
  margin-top: 3rem;
}

.about01 .container .about01_block02 .block02_box01 {
  margin-top: 2.75rem;
}

.about01 .container .about01_block02 .block02_box01 .box01_list01 {
  margin-top: 4rem;
}

.about01 .container .about01_block02 .block02_box01 .box01_list02 {
  margin-top: 7.15rem;
}

.about01 .container .about01_block02 .block02_box02 .box02_list01 {
  margin-top: 3.2rem;
}

.about01 .container .about01_block02 .block02_box02 .box02_list02 {
  margin-top: 7.6rem;
}

.about01 .container .about01_block02 .block02_box03 .box03_list01 {
  margin-top: 3.75rem;
}

.about01 .container .about01_block02 .block02_box03 .box03_list02 {
  margin-top: 5.95rem;
}

.about01 .container .about01_block02 .block02_box03 .box03_list10 {
  margin-top: 3rem;
}

.about01 .container .about01_block02 .block02_box04 .box04_list01 {
  margin-top: 2.45rem;
}

.about01 .container .about01_block02 .block02_box04 .box04_list02 {
  margin-top: 5.03rem;
}

.about01 .container .about01_block02 .block02_box05 .box05_list01 {
  margin-top: 3.1rem;
}

.about01 .container .about01_block02 .block02_box05 .box05_list02 {
  margin-top: 1.8rem;
}

.about01 .container .about01_block02 .block02_box06 .box06_list01 {
  margin-top: 2.3rem;
}

.about01 .container .about01_block02 .block02_box06 .box06_list02 {
  margin-top: 5.05rem;
}

.about01 .container .about01_block02 .block02_box07 .box07_list01 {
  margin-top: 2.3rem;
}

.about01 .container .about01_block02 .block02_box07 .box07_list02 {
  margin-top: 8rem;
}

.about01 .container .about01_block02 .block02_box08 .box08_list01 {
  margin-top: 2rem;
}

.about01 .container .about01_block02 .block02_box08 .box08_list02 {
  margin-top: 5.2rem;
}

.about01 .container .about01_block02 .block02_box09 .box09_list01 {
  margin-top: 1.85rem;
}

.about01 .container .about01_block02 .block02_box09 .box09_list02 {
  margin-top: 5.2rem;
}

.about01 .container .about01_block02 .block02_box10 .box10_list01 {
  margin-top: 2.35rem;
}

.about01 .container .about01_block02 .block02_box10 .box10_list02 {
  margin-top: 4.3rem;
}

/*----------------------------------------------------------------------------
******************************************************************************
** contact
******************************************************************************
----------------------------------------------------------------------------*/
.contact01 {
  padding-top: 3.5rem;
  padding-bottom: 3.05rem;
}

.contact01 .container .contact01_txt01 {
  text-align: center;
  margin-top: 3rem;
}

.contact01 .container .contact_form {
  padding: 3rem 2rem;
  background-color: #f6f6f6;
}

.contact01 .container .form_btn01 {
  width: 100%;
  margin-top: 3rem;
}

.contact01 .container .form_btn01 button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 5rem;
  padding-bottom: .4rem;
  background-color: #c69d68;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
}

.contact01 .container .form_btn01 button:first-of-type {
  margin-top: 0;
}

.contact01 .container .form_btn01 button.back {
  background-color: #aaa;
}

.contact01 .container .form_btn01 button span {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
}

.contact01.confirm dt {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.contact01.confirm dt.required::before {
  top: 3.1rem;
}

.common_form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.common_form dt {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding-top: 1.5rem;
}

.common_form dt.required {
  position: relative;
}

.common_form dt.required::before {
  content: "必須";
  width: 5rem;
  height: 2.7rem;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  padding-bottom: 0.2rem;
  background-color: #b12626;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 1.5rem;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.common_form dd {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 1rem 0 2rem;
  border-bottom: .1rem solid #dddddd;
}

.common_form dd.radio {
  padding: 1rem 0 2rem;
}

.common_form dd input[type="text"],
.common_form dd input[type="email"] {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  border: solid .1rem #231815;
  padding: .5rem 1rem;
}

.common_form dd textarea {
  width: 100%;
  min-height: 20rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  border: solid .1rem #231815;
  padding: .5rem 1rem;
}

.common_form dd .mwform-radio-field {
  margin-right: 1rem;
}

.common_form dd .mwform-radio-field:last-of-type {
  margin-right: 0;
}

.common_form dd .mwform-radio-field label input {
  display: none;
}

.common_form dd .mwform-radio-field label input:checked + span::after {
  display: block;
}

.common_form dd .mwform-radio-field label span {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding-left: 2.5rem;
  position: relative;
}

.common_form dd .mwform-radio-field label span::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  border: solid .2rem #2d2220;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: .5rem;
  left: 0;
}

.common_form dd .mwform-radio-field label span::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border: solid .2rem #b12626;
  background-color: #b12626;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: .9rem;
  left: .4rem;
  display: none;
}

/*----------------------------------------------------------------------------
******************************************************************************
** footer
******************************************************************************
----------------------------------------------------------------------------*/
.common_bunner_area {
  padding-top: 2.95rem;
  padding-bottom: 5.9rem;
}

.ft_100 {
  width: 100%;
  padding-top: 7rem;
  position: relative;
}

.ft_100::before {
  content: "";
  width: 100%;
  height: 7rem;
  background: -webkit-image-set(url(../images/common/footer_item01.webp) 1x, url(../images/common/footer_item01@2x.webp) 2x) repeat-x left;
  background: image-set(url(../images/common/footer_item01.webp) 1x, url(../images/common/footer_item01@2x.webp) 2x) repeat-x left;
  position: absolute;
  top: 0;
  left: 0;
}

.ft_100 .ft01 {
  width: 100%;
  padding: 5.35rem 0 3.65rem;
  background-color: #231815;
  -webkit-box-shadow: 0 -2.8rem 1.6rem .8rem #231815;
          box-shadow: 0 -2.8rem 1.6rem .8rem #231815;
}

.ft_100 .ft01 .ft01_block01 {
  width: 100%;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.15rem;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li:not(.contact) {
  width: 16rem;
  margin-right: 2.5rem;
  margin-top: 1.55rem;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li:not(.contact):nth-of-type(-n + 2) {
  margin-top: 0;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li:not(.contact):nth-of-type(2n) {
  margin-right: 0;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li:not(.contact) a {
  width: 100%;
  font-size: 1.8em;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.1em;
  display: block;
  padding-right: 2.2rem;
  padding-bottom: 1.15rem;
  position: relative;
  border-bottom: .1rem solid #fff;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li:not(.contact) a::before {
  content: "";
  width: 1.7rem;
  height: 1.7rem;
  background: url(../images/common/arrow01_w.png) no-repeat center/contain;
  position: absolute;
  top: .65rem;
  right: .35rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li:not(.contact) a:hover::before {
  right: 0;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li:not(.contact).access a {
  letter-spacing: 0.05em;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li.contact {
  margin-top: 4rem;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li.contact a {
  width: 21rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: solid .2rem #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li.contact a span {
  font-family: "lato";
  font-size: 1.7rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  padding-left: 2.6rem;
  position: relative;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li.contact a span::before {
  content: "";
  width: 1.7rem;
  height: 1.25rem;
  background: url(../images/common/mail_icon_w.png) no-repeat center/contain;
  position: absolute;
  top: .2rem;
  left: 0;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li.contact a:hover {
  background-color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li.contact a:hover span {
  color: #231815;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_100 .ft01 .ft01_block01 .ft_nav01 li.contact a:hover span::before {
  background: url(../images/common/mail_icon_b.png) no-repeat center/contain;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_100 .ft01 .ft01_block01 .ft_sns01 {
  margin-top: 3.1rem;
}

.ft_100 .ft02 {
  width: 100%;
  text-align: center;
  padding: 2.1rem 1.5rem 6rem;
}

.ft_100 .ft02 .copy {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.common_sns_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.common_sns_list01 li a {
  width: 3.2rem;
  height: 3.2rem;
  display: block;
}

.common_sns_list01 li.instagram a {
  background: url(../images/common/instagram_icon_w.png) no-repeat center/contain;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_sns_list01 li.instagram a:hover {
  background: url(../images/common/instagram_icon_b.png) no-repeat center/contain;
  -webkit-transition: .2s;
  transition: .2s;
}

.pagetop {
  position: fixed;
  right: 1.7rem;
  bottom: 2rem;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  z-index: -100;
  pointer-events: none;
}

.pagetop.show {
  opacity: 1;
  z-index: 100;
  pointer-events: auto;
}

.pagetop span {
  font-size: 1rem;
  font-family: "lato";
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.08em;
  display: block;
  padding-top: 1.3rem;
  position: relative;
}

.pagetop span::before {
  content: "";
  width: .9rem;
  height: .9rem;
  border-top: .2rem solid #231815;
  border-right: .2rem solid #231815;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%) rotate(-45deg);
          transform: translate(-50%) rotate(-45deg);
}

.pagetop:hover {
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/**webp非対応デバイス用class
.no-webp {
  
}
**/
/**background webp
background: image-set(url(../webp) 1x, url(../@2x.webp) 2x) no-repeat center / cover;
**/
/**IE用css
@media all and (-ms-high-contrast: none) {
  
}
**/
.max_temp {
  display: inline-block !important;
}

.min_temp {
  display: inline-block !important;
}

.rain_s {
  display: block !important;
}

#weather-wrapper {
  max-width: initial;
  max-width: auto;
  width: 100%;
}

#weather-wrapper #weather1 {
  overflow: hidden;
  font-size: 1em;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 15rem;
  position: relative;
  margin: 0 auto;
}

#weather-wrapper #weather1::before {
  content: "今日";
  width: 11.2rem;
  height: 3.5rem;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
  letter-spacing: .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #716d6c;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-bottom: .2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#weather-wrapper #weather1 .w_bg {
  display: none;
}

#weather-wrapper #weather1 .sep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#weather-wrapper #weather1 .sep ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-top: 1.5rem;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

#weather-wrapper #weather1 .sep ul li {
  width: 100%;
  text-align: center;
}

#weather-wrapper #weather1 .sep ul li:nth-of-type(1) {
  display: none;
}

#weather-wrapper #weather1 .sep ul li span {
  font-size: 2.2rem;
  font-weight: 700;
  position: relative;
  padding-right: 2.2rem;
}

#weather-wrapper #weather1 .sep ul li span::before {
  content: "℃";
  position: absolute;
  bottom: 0;
  right: 0;
}

#weather-wrapper #weather1 .sep ul li span i {
  display: none;
}

#weather-wrapper #weather1 .sep ul li span.max_temp {
  color: #c42f28;
  margin-right: 1.4rem;
}

#weather-wrapper #weather1 .sep ul li span.max_temp::after {
  content: "/";
  color: #231815;
  position: absolute;
  top: -0.1rem;
  right: -1.9rem;
}

#weather-wrapper #weather1 .sep ul li span.min_temp {
  color: #3b35b3;
  margin-left: 1.4rem;
}

#weather-wrapper #weather1 .sep img {
  width: 10rem;
  display: block;
  margin: 3.5rem auto 0;
  position: relative;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

#weather-wrapper #weather1 .sep .weather-box {
  width: 100%;
  margin: 0;
  line-height: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

#weather-wrapper #weather1 .sep .weather-box .snow {
  margin: 0;
}

#weather-wrapper #weather1 .sep .weather-box .snow .rain_s {
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
}

#weather-wrapper #weather1 .sep .weather-box .snow .rain_s .d_rain {
  margin: 0;
}

#weather-wrapper #weather2 {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  line-height: 1 !important;
  max-width: initial;
  max-width: auto;
  width: 100%;
  position: relative;
  border: none;
  padding-bottom: 3rem;
  margin-top: 3rem;
}

#weather-wrapper #weather2 ul li {
  width: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 0;
  font-size: 10px;
  text-align: center;
  margin: 0 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  position: relative;
}

#weather-wrapper #weather2 ul li .date {
  width: 8rem;
  height: 2.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1em;
  background-color: #716d6c;
  padding-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  padding-left: 0.3rem;
}

#weather-wrapper #weather2 ul li img {
  width: 5rem;
  display: block;
  margin: .5rem auto 0;
  position: relative;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

#weather-wrapper #weather2 ul li .w_temp {
  width: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: .5rem;
}

#weather-wrapper #weather2 ul li .w_temp span {
  font-size: 1.4rem;
  font-weight: 700;
  position: relative;
}

#weather-wrapper #weather2 ul li .w_temp span i {
  display: none;
}

#weather-wrapper #weather2 ul li .w_temp span.max_temp {
  color: #c42f28;
  margin-right: 1rem;
}

#weather-wrapper #weather2 ul li .w_temp span.max_temp::after {
  content: "/";
  color: #231815;
  position: absolute;
  top: -0.1rem;
  right: -1.4rem;
}

#weather-wrapper #weather2 ul li .w_temp span.min_temp {
  color: #3b35b3;
  margin-left: 1rem;
}

#weather-wrapper #weather2 ul li .rain_s {
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 1.4rem !important;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
}

#weather-wrapper #weather2 ul li .rain_s .d_rain {
  margin: 0;
}

#weather-wrapper #weather2 .weather-c-name {
  position: absolute;
  bottom: 0;
  right: .6rem;
}
/*# sourceMappingURL=sp.css.map */