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

body {
  line-height: 1;
}

html,
button,
input,
select,
textarea {
  box-sizing: border-box;
}

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

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

img {
  outline: none;
}

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

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

del {
  text-decoration: line-through;
}

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

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

/* change border colour to suit your needs 
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

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

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

[dir=rtl] .slick-prev {
  left: auto;
}

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

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

[dir=rtl] .slick-next {
  right: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

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

footer {
  background-color: #ffffff;
}

footer .f-mail-txt {
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  footer .f-mail-txt {
    margin-bottom: 40px;
  }
}
.f-inner {
  max-width: 1266px;
  margin: 0 auto;
  padding: 87px 0;
}

@media (max-width: 768px) {
  .f-inner {
    padding: 87px 10px;
  }
}
.f-wrap {
  width: 425px;
  height: 387px;
  margin: 0 70px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

@media (max-width: 1250px) {
  .f-wrap {
    width: 30%;
  }
}
@media (max-width: 1000px) {
  .f-wrap {
    width: 40%;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .f-wrap {
    width: 100%;
    display: block;
  }
}
.f-line {
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .f-line {
    display: none;
  }
}
.f-img {
  width: 100px;
  margin: 0 auto 50px;
}

@media (max-width: 900px) {
  .f-img {
    margin: 0 auto 40px;
  }
}
.f-img img {
  width: 100%;
  vertical-align: bottom;
}

.f-title {
  font-size: 16px;
  color: #313131;
  margin-bottom: 27px;
  font-weight: bold;
}

@media (max-width: 900px) {
  .f-title {
    margin-bottom: 25px;
  }
}
.f-txt {
  font-size: 14px;
  color: #313131;
  line-height: 1.7;
  margin-bottom: 75px;
}

@media (max-width: 900px) {
  .f-txt {
    margin-bottom: 40px;
  }
}
.copylight {
  text-align: center;
  padding: 95px 0;
  background: #000000;
  font-size: 12px;
  color: #ffffff;
}

body, html {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  position: relative;
  background: #f5f5f5;
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#logo {
  position: fixed;
  top: 30px;
  left: 50px;
  z-index: 9;
}

@media (max-width: 768px) {
  #logo {
    top: 10px;
    left: 10px;
  }
}
#logo a {
  background: url("../img/logo.png") no-repeat center center;
  background-size: 220px;
  width: 220px;
  height: 36px;
  display: inline-block;
}

@media (max-width: 768px) {
  #logo a {
    background: url("../img/logo_sp.png") no-repeat center center;
    background-size: 198px;
    width: 198px;
    height: 31.5px;
  }
}
.btn-menu {
  position: fixed;
  top: 30px;
  right: 50px;
  z-index: 10;
  display: block;
  background: url("../img/btn_menu.png") no-repeat center center;
  background-size: 108px;
  width: 108px;
  height: 40px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  cursor: pointer;
}

.btn-menu:hover {
  opacity: 0.7;
}

@media (max-width: 768px) {
  .btn-menu:hover {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .btn-menu {
    top: 5px;
    right: 10px;
  }
}
.btn-menu.open {
  z-index: 20;
  background: url("../img/btn_menu_close.png") no-repeat center center;
  background-size: 108px;
  width: 108px;
  height: 40px;
}

.link-txt {
  font-size: 14px;
  color: #0000ff;
  text-decoration: underline;
  word-break: break-all;
}

/*

not found ページ

----------------------------------------------------*/
#notfound-article {
  width: 100%;
  display: table;
}

#notfound-article-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 10px;
}

.notfound-article-p1 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.5;
}

.notfound-article-p2 {
  font-size: 16px;
  margin-bottom: 60px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .notfound-article-p2 br {
    display: none;
  }
}
.nav-element {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 19;
  width: 822px;
  height: 100%;
  background: url("../img/bg_nav.png") no-repeat center center;
  background-size: 100% 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  transform: translateX(5%);
  -webkit-transform: translateX(5%);
}

@media (max-width: 768px) {
  .nav-element {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    transform: translateX(1%);
    -webkit-transform: translateX(1%);
  }
}
.nav-element.open {
  opacity: 1;
  visibility: inherit;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
}

.nav-wrap {
  position: relative;
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
}

.nav-wrap::-webkit-scrollbar {
  display: none;
}

nav {
  position: absolute;
  top: 130px;
  right: 50px;
  text-align: right;
  padding-right: 4px;
}

@media (max-width: 768px) {
  nav {
    height: auto;
    top: 100px;
    right: 20px;
  }
}
nav > p {
  margin-bottom: 20px;
}

nav > p > a {
  text-decoration: none;
  display: inline-block;
  color: #dcdcdc;
  font-size: 50px;
  font-weight: 600;
  font-style: italic;
}

@media (max-width: 768px) {
  nav > p > a {
    font-size: 30px;
    letter-spacing: 0;
  }
}
nav .nav-fb a {
  display: block;
  font-size: 16px;
}

.menu-premium_bland br {
  display: none;
}

@media (max-width: 768px) {
  .menu-premium_bland br {
    display: block;
  }
}
.for-pc {
  display: block !important;
}

@media (max-width: 768px) {
  .for-pc {
    display: none !important;
  }
}
.for-sp {
  display: none !important;
}

@media (max-width: 768px) {
  .for-sp {
    display: block !important;
  }
}
/*

button

------------------------------------------------------*/
.btn-parts-1 a {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 250px;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  background: url(../img/btn_parts_1.png) no-repeat center center;
  background-size: cover;
  font-size: 14px;
  color: #ffffff !important;
  transition: 0.4s;
}

.btn-parts-1 a:hover {
  opacity: 0.7;
}

.more-btn {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 250px;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  background: url("../img/btn_parts_1.png") no-repeat center center;
  background-size: cover;
  font-size: 14px;
  color: #ffffff !important;
  transition: 0.4s;
  border: none;
  outline: none;
}

.more-btn:hover {
  opacity: 0.7;
}

#mv .btn-parts-1 a:before {
  border-left: solid 11px #dcdcdc;
}

#mv .btn-parts-1 a:after {
  border-bottom: solid 50px #dcdcdc;
}

.bg-shaded {
  position: relative;
  padding: 5px 13px;
  margin-right: 14px;
  background: url("../img/bg_shaded.png") no-repeat center center;
  background-size: 100%;
}

/*

class

------------------------------------------------------*/
.section {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .section {
    padding-bottom: 30px;
  }
}
.bg-808080 {
  background: #808080 !important;
}

.txt-c {
  text-align: center !important;
}

.txt-color-blue {
  color: #000099 !important;
}

.font-b {
  font-weight: bold !important;
}

/*

main visual slider

----------------------------------------------------*/
#mv-slider > .cycle-next {
  background: url(../img/arw_slider_right.png) no-repeat center center;
  width: 30px;
  height: 40.75px;
  background-size: 30px;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -92.75px;
  z-index: 101;
  display: none;
}

@media (max-width: 768px) {
  #mv-slider > .cycle-next {
    display: block;
  }
}
#mv-slider > .cycle-prev {
  background: url(../img/arw_slider_left.png) no-repeat center center;
  width: 30px;
  height: 40.75px;
  background-size: 30px;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -92.75px;
  z-index: 101;
  display: none;
}

@media (max-width: 768px) {
  #mv-slider > .cycle-prev {
    display: block;
  }
}
#progress {
  position: absolute;
  left: 0;
  bottom: 75px;
  height: 1px;
  width: 0px;
  background: #000000;
  z-index: 500;
}

@media (max-width: 870px) {
  #progress {
    bottom: initial;
    top: 347px;
  }
}
@media (max-width: 768px) {
  #progress {
    display: none;
  }
}
.cycle-arws-wrap {
  position: absolute;
  bottom: 90px;
  left: 50px;
  z-index: 10;
}

@media (max-width: 965px) {
  .cycle-arws-wrap {
    bottom: initial;
    top: 317px;
  }
}
@media (max-width: 768px) {
  .cycle-arws-wrap {
    display: none;
  }
}
.cycle-arws-wrap > .cycle-prev {
  background: url("../img/arw_mv_left.png") no-repeat center center;
  background-size: 8px;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.cycle-arws-wrap > .cycle-next {
  background: url("../img/arw_mv_right.png") no-repeat center center;
  background-size: 8px;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 10px;
}

#cycle-caption {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #000000;
  padding-top: 4px;
}

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

mv

--------------------------*/
#top-page {
  padding-top: 100px;
}

@media (max-width: 768px) {
  #top-page {
    padding-top: 50px;
  }
}
#mv {
  width: 100%;
  height: auto;
  margin: 0px auto 0;
  position: relative;
  background: url(../img/loading.gif) no-repeat center center;
  background-size: 108px;
}

@media (max-width: 768px) {
  #mv {
    min-width: 100%;
  }
}
#mv:after {
  content: "";
  display: block;
  padding-top: 48.9019033675%;
}

@media (max-width: 768px) {
  #mv:after {
    display: none;
  }
}
#mv.on-load {
  background: none;
}

.mv-element {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s all ease-out;
  -webkit-transition: 0.3s all ease-out;
}

@media (max-width: 768px) {
  .mv-element {
    position: initial;
  }
}
.mv-element.on-load {
  opacity: 1;
}

.mv-inner {
  width: 100%;
  position: relative;
  z-index: 2;
  height: 650px;
}

@media (max-width: 768px) {
  .mv-inner {
    padding: 0;
    height: auto;
    margin-bottom: 15px;
  }
}
#bg-mv-right {
  background: url("../img/mvbg_right.png") no-repeat center center;
  background-size: 100%;
  width: 56.468521%;
  height: auto;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 1;
}

#bg-mv-right:after {
  content: "";
  display: block;
  padding-top: 87%;
}

@media (max-width: 768px) {
  #bg-mv-right {
    display: none;
  }
}
#bg-mv-right-1 {
  background: url(../img/mvbg_right_1.png) no-repeat center center;
  background-size: cover;
  width: 14.616398243%;
  height: auto;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 1;
}

#bg-mv-right-1:after {
  content: "";
  display: block;
  padding-top: 360%;
}

@media (max-width: 768px) {
  #bg-mv-right-1 {
    display: none;
  }
}
.mv-slide {
  width: 100%;
  position: relative;
}

.mv-slide-day-1 {
  font-size: 24px;
  color: #000000;
  margin: 0px 0 25px 50px;
  padding-top: 80px;
  position: relative;
  z-index: 3;
  font-style: italic;
  font-weight: 500;
}

@media (max-width: 1220px) {
  .mv-slide-day-1 {
    padding-top: 40px;
  }
}
@media (max-width: 1140px) {
  .mv-slide-day-1 {
    padding-top: 0px;
  }
}
@media (max-width: 768px) {
  .mv-slide-day-1 {
    margin: -20px 20px 0px 20px;
    padding-top: 0;
  }
}
.event-tagline {
  display: flex;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
}
.event-tagline span {
  display: flex;
  padding: 5px 13px;
  background-color: #dcdcdc;
  line-height: 1.5;
  transform: skew(-13deg, 0deg);
}

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

.event-date-1:empty {
  display: none !important;
}

@media (max-width: 768px) {
  .event-tagline {
    font-size: 15px;
  }
  .event-date {
    display: block;
    margin-bottom: 10px;
  }
  .event-date > span {
    display: inline-block;
  }
  .event-date-1 {
    display: inline-block;
    margin-bottom: 10px;
  }
  .event-date-2 {
    display: block;
  }
}
.mv-slide-title {
  font-size: 70px;
  margin-left: 50px;
  margin-bottom: 80px;
  color: #000000;
  font-style: italic;
  font-weight: 600;
  position: relative;
  z-index: 3;
  text-shadow: 0px 0px 20px #ffffff;
}

@media (max-width: 1140px) {
  .mv-slide-title {
    margin-bottom: 40px;
  }
}
@media (max-width: 980px) {
  .mv-slide-title {
    font-size: 50px;
  }
}
@media (max-width: 768px) {
  .mv-slide-title {
    font-size: 40px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    line-height: 1.2;
  }
  .mv-slide-title br {
    display: none;
  }
}
.mv-slide-day-2 {
  font-size: 24px;
  margin-left: 50px;
  color: #000000;
  font-style: italic;
  font-weight: 500;
  margin-bottom: -10px;
}

@media (max-width: 768px) {
  .mv-slide-day-2 {
    position: initial;
    margin-right: 20px;
    margin-left: 20px;
  }
}
.mv-slide-day-2 span {
  font-size: 14px;
}

.slide-img {
  position: absolute;
  top: 0;
  right: 20px;
  width: 64.5%;
  z-index: 2;
  animation-name: slide-img-animation;
  animation-duration: 0.7s;
  animation-timing-function: ease-out;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
}

@media (max-width: 768px) {
  .slide-img {
    position: initial;
    right: 0;
    width: 100%;
    padding-left: 19px;
  }
}
.slide-img img {
  width: 100%;
  vertical-align: bottom;
}

.mv-detail-btn.btn-parts-1 {
  background: url(../img/mvbg_left.png) no-repeat center center;
  background-size: 370px;
  width: 370px;
  padding: 36px 0;
  text-align: center;
}

@media (max-width: 768px) {
  .mv-detail-btn.btn-parts-1 {
    position: initial;
    background: url(../img/mvbg_left_sp.png) no-repeat center center;
    background-size: 310px;
    width: 310px;
    padding: 30px 0 30px 20px;
  }
}
@media (max-width: 768px) {
  .mv-detail-btn.btn-parts-1 > a {
    width: 240px;
    margin: 0;
  }
}
.cycle-slide {
  transform: translateX(-1%);
  -webkit-transform: translateX(-1%);
  transition: 0.65s;
  -webkit-transition: 0.65s;
}

@media (max-width: 768px) {
  .cycle-slide {
    transform: none;
    -webkit-transform: none;
    transition: initial;
    -webkit-transition: initial;
  }
}
.cycle-slide.cycle-slide-active {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
}

.mv-slide-bnr {
  width: 320px;
  margin: 20px;
  text-align: center;
}

@media (max-width: 768px) {
  .mv-slide-bnr {
    text-align: left;
  }
}
.mv-text-notice {
  font-size: 24px;
  color: #e43828;
  font-weight: bolder;
  line-height: 1.3;
  padding: 20px;
  margin-left: 30px;
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .mv-text-notice {
    font-size: 16px;
    padding: 20px;
    margin-left: 0;
  }
}
/*

event

----------------------------------------------------*/
#event {
  width: 100%;
  height: auto;
  background: url("../img/bg_event.png") no-repeat center center;
  background-size: cover;
  padding: 100px 0 80px;
  margin-bottom: 140px;
}

@media (max-width: 768px) {
  #event {
    background: url("../img/bg_event_sp.png") no-repeat center center;
    background-size: cover;
    padding: 90px 0 90px;
    margin-top: 63px;
    margin-bottom: 90px;
  }
}
#event > h3 {
  font-size: 24px;
  color: #000000;
  text-align: center;
  padding: 0px 0 40px;
}

.event-width {
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
}

@media (max-width: 1080px) {
  .event-width {
    width: 100%;
  }
}
.event-outline {
  margin-left: -2.5px;
  margin-right: -2.5px;
  overflow: hidden;
}

@media (max-width: 1080px) {
  .event-outline {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .event-outline {
    margin-left: 27px;
    margin-right: 27px;
  }
}
.event-box {
  float: left;
  padding: 0 2.5px;
}

@media (max-width: 1080px) {
  .event-box {
    width: 33.3%;
  }
}
@media (max-width: 768px) {
  .event-box {
    width: 100%;
    float: none;
    padding: 0 0px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1080px) {
  #event .event-element {
    width: 100%;
  }
}
.event-element {
  width: 356px;
}

.event-element a {
  position: relative;
  overflow: hidden;
  display: block;
}

.event-element a:hover .event-img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.event-element a:hover .event-element-inner {
  background: rgba(0, 0, 0, 0.7);
}

.event-element a:hover .event-element-detail {
  opacity: 1;
}

.event-img {
  width: 100%;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}

.event-img img {
  width: 100%;
  vertical-align: bottom;
}

.gradation {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

.gradation img {
  width: 100%;
}

.event-element-inner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 20px;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}

.event-element-tag {
  font-size: 12px;
  color: #000000;
  font-style: italic;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.event-element-date {
  font-size: 12px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
}

.event-element-title {
  font-size: 24px;
  color: #ffffff;
  margin: 15px 0;
  display: block;
  line-height: 1.3;
  font-style: italic;
  text-decoration: none;
}

.event-element-detail {
  font-size: 14px;
  color: #ffffff;
  opacity: 0;
  transition: 0.2s;
  -webkit-transition: 0.2s;
}

@media (max-width: 768px) {
  .event-element-detail {
    opacity: 1;
  }
}
.event-element-detail:after {
  content: ">";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.event-element-text {
  font-size: 14px;
  color: #ffffff;
}

.event-bottom-text {
  font-size: 12px;
  line-height: 1.3;
  margin: 0.5em 0;
}

.event-banner-block {
  padding: 0 10px;
}

ul.event-banner-list {
  margin: 20px auto;
  text-align: left;
  max-width: 1090px;
}

ul.event-banner-list li {
  list-style: none;
  display: inline-block;
  padding: 5px;
}

ul.event-banner-list li a {
  display: block;
}

ul.event-banner-list li img {
  max-width: 100%;
}

@media (max-width: 768px) {
  ul.event-banner-list {
    text-align: center;
  }
}
/*

news

----------------------------------------------------*/
#news {
  width: 800px;
  margin: 0 auto 140px;
}

@media (max-width: 800px) {
  #news {
    width: 100%;
    padding: 0 10px;
  }
}
#news .btn-parts-1 {
  text-align: center;
  margin-top: 60px;
}

@media (max-width: 768px) {
  #news .btn-parts-1 {
    margin-top: 30px;
  }
}
#news a {
  font-size: 14px;
  color: #0000ff;
}

#news > h3 {
  font-size: 24px;
  color: #313131;
  text-align: center;
  margin-bottom: 40px;
}

.news-layout:first-child {
  border-top: 1px solid #bfbfbf;
}

.news-layout {
  display: table;
  width: 100%;
  padding: 40px 20px;
  border-bottom: 1px solid #bfbfbf;
}

.news-layout:nth-child(2) {
  border-top: 1px solid #bfbfbf;
}

@media (max-width: 768px) {
  .news-layout {
    padding: 40px 10px;
    margin-bottom: 0;
  }
}
.news-layout-left {
  width: 230px;
  padding-right: 20px;
  font-size: 12px;
  color: #959595;
  display: table-cell;
  vertical-align: top;
}

@media (max-width: 768px) {
  .news-layout-left {
    display: block;
    width: 100%;
    margin-bottom: 12.5px;
    padding-right: 0;
  }
}
.news-layout-right {
  display: table-cell;
  vertical-align: top;
  word-break: break-all;
}

@media (max-width: 768px) {
  .news-layout-right {
    display: block;
  }
}
.news-layout-right > .p-1 {
  font-size: 14px;
  font-weight: bold;
  color: #313131;
  margin-bottom: 15px;
  margin-top: -3px;
}

.news-layout-right > p {
  font-size: 14px;
  color: #313131;
  line-height: 1.5;
}

/*

movie

----------------------------------------------------*/
#movie {
  background: url("../img/bg_movie.png") no-repeat center center;
  background-size: cover;
  padding: 140px 0;
  overflow: hidden;
}

#movie > h3 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  #movie {
    padding: 87.5px 0px 130px;
  }
}
#movie .slick-dots {
  bottom: -40px;
}

@media (max-width: 768px) {
  #movie .slick-dots {
    bottom: -100px;
  }
}
#movie .slick-dots li {
  vertical-align: middle;
  background: url("../img/btn_pager.png") no-repeat;
  background-size: 25px;
  width: 222px;
  height: 20px;
  text-align: left;
}

#movie .slick-dots li:hover {
  background: url("../img/btn_pager_active.png") no-repeat;
  background-size: 25px;
}

@media (max-width: 768px) {
  #movie .slick-dots li {
    display: block;
    margin-bottom: 10px;
    margin-left: 15px;
  }
}
#movie .slick-dots li:nth-child(1) {
  width: 148px;
}

@media (max-width: 768px) {
  #movie .slick-dots li:nth-child(1) {
    width: 100%;
  }
}
#movie .slick-dots li:nth-child(1):after {
  content: "INAKAライド";
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 30px;
}

@media (max-width: 768px) {
  #movie .slick-dots li:nth-child(1):after {
    font-size: 12px;
  }
}
#movie .slick-dots li:nth-child(2) {
  width: 230px;
  margin-right: 15px;
}

@media (max-width: 768px) {
  #movie .slick-dots li:nth-child(2) {
    width: 100%;
  }
}
#movie .slick-dots li:nth-child(2):after {
  content: "チャレンジャーズステージ";
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 30px;
}

@media (max-width: 768px) {
  #movie .slick-dots li:nth-child(2):after {
    font-size: 12px;
  }
}
#movie .slick-dots li:nth-child(3) {
  width: 103px;
}

@media (max-width: 768px) {
  #movie .slick-dots li:nth-child(3) {
    width: 100%;
  }
}
#movie .slick-dots li:nth-child(3):after {
  content: "益田市PV";
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 30px;
}

@media (max-width: 768px) {
  #movie .slick-dots li:nth-child(3):after {
    font-size: 12px;
  }
}
#movie .slick-dots li.slick-active {
  background: url("../img/btn_pager_active.png") no-repeat;
  background-size: 25px;
}

#movie-slide-wrap {
  position: relative;
  width: 1080px;
  margin: 0 auto;
}

@media (max-width: 1080px) {
  #movie-slide-wrap {
    width: 100%;
  }
}
.movie-slide {
  position: relative;
}

@media (max-width: 1080px) {
  .movie-slide {
    padding: 0 10px;
  }
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}

.movie-element {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  height: 607px;
}

@media (max-width: 1080px) {
  .movie-element {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
  }
}
.movie-element iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn-movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.btn-movie img {
  width: 100%;
}

.slick-prev {
  background: url(../img/arw_slider_left.png) no-repeat center center;
  background-size: 60px 81.5px;
  width: 60px;
  height: 81.5px;
  left: -70px;
  z-index: 10;
}

@media (max-width: 1080px) {
  .slick-prev {
    left: 0;
  }
}
@media (max-width: 768px) {
  .slick-prev {
    width: 30px;
    height: 40.75px;
    background-size: 30px;
  }
}
.slick-next {
  background: url(../img/arw_slider_right.png) no-repeat center center;
  background-size: 60px 81.5px;
  width: 60px;
  height: 81.5px;
  right: -70px;
  z-index: 10;
}

@media (max-width: 1080px) {
  .slick-next {
    right: 0;
  }
}
@media (max-width: 768px) {
  .slick-next {
    width: 30px;
    height: 40.75px;
    background-size: 30px;
  }
}
/*

thumbnail

----------------------------------------------------*/
#thumb {
  overflow: hidden;
}

.thumb-1,
.thumb-2 {
  width: 100%;
  display: table;
  position: relative;
  overflow: hidden;
}

#thumb-1-anm1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  z-index: 3;
}

#thumb-1-anm1:after {
  content: "";
  display: inline-block;
  background: url(../img/o_left.png) no-repeat 0 0;
  background-size: 150px;
  position: absolute;
  top: 0;
  right: -150px;
  z-index: 3;
  width: 150px;
  height: 600px;
}

.thumb-1.view #thumb-1-anm1 {
  animation-name: thumbnail-1-animation-1;
  animation-duration: 1.4s;
  animation-timing-function: cubic-bezier(0.71, 0, 0, 0.99);
  animation-delay: 0s;
  animation-fill-mode: forwards;
  -webkit-animation-name: thumbnail-1-animation-1;
  -webkit-animation-duration: 1.4s;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0, 0, 0.99);
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
}

.thumb-1.view .thumb-1-img:before {
  animation-name: thumbnail-1-animation-3;
  animation-duration: 0.7s;
  animation-timing-function: ease-out;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  -webkit-animation-name: thumbnail-1-animation-3;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
}

.thumb-1.view #thumb-1-detail-inner {
  animation-name: thumbnail-1-animation-4;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  -webkit-animation-name: thumbnail-1-animation-4;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
}

@keyframes thumbnail-1-animation-1 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media (max-width: 768px) {
  @keyframes thumbnail-1-animation-1 {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-200%);
    }
  }
}
@keyframes thumbnail-1-animation-2 {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes thumbnail-1-animation-3 {
  0% {
    background: rgba(0, 0, 0, 0.8);
  }
  100% {
    background: rgba(0, 0, 0, 0);
    visibility: hidden;
  }
}
@keyframes thumbnail-1-animation-4 {
  0% {
    opacity: 0;
    transform: translateX(3%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.thumb-2.view #thumb-2-anm1 {
  animation-name: thumbnail-2-animation-1;
  animation-duration: 1.4s;
  animation-timing-function: cubic-bezier(0.71, 0, 0, 0.99);
  animation-delay: 0s;
  animation-fill-mode: forwards;
  -webkit-animation-name: thumbnail-2-animation-1;
  -webkit-animation-duration: 1.4s;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0, 0, 0.99);
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
}

.thumb-2.view .thumb-2-img:before {
  animation-name: thumbnail-2-animation-3;
  animation-duration: 0.7s;
  animation-timing-function: ease-out;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  -webkit-animation-name: thumbnail-2-animation-3;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
}

.thumb-2.view #thumb-2-detail-inner {
  animation-name: thumbnail-2-animation-4;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  -webkit-animation-name: thumbnail-2-animation-4;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
}

@keyframes thumbnail-2-animation-1 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 768px) {
  @keyframes thumbnail-2-animation-1 {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(200%);
    }
  }
}
@keyframes thumbnail-2-animation-2 {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes thumbnail-2-animation-3 {
  0% {
    background: rgba(0, 0, 0, 0.8);
  }
  100% {
    background: rgba(0, 0, 0, 0);
    visibility: hidden;
  }
}
@keyframes thumbnail-2-animation-4 {
  0% {
    opacity: 0;
    transform: translateX(-3%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
#thumb-2-anm1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  z-index: 3;
}

#thumb-2-anm1:after {
  content: "";
  display: inline-block;
  background: url(../img/o_right.png) no-repeat 0 0;
  background-size: 150px;
  position: absolute;
  top: 0;
  left: -150px;
  z-index: 3;
  width: 150px;
  height: 600px;
}

.thumb-1-img,
.thumb-2-img {
  width: 857px;
  height: 600px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.thumb-1-img:before,
.thumb-2-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 768px) {
  .thumb-1-img,
  .thumb-2-img {
    display: none;
  }
}
.thumb-1-img img,
.thumb-2-img img {
  width: 100%;
  vertical-align: bottom;
}

.thumb-1-img {
  background: url("../img/img_thumb_1.jpg") no-repeat center center;
  background-size: cover;
}

.thumb-2-img {
  background: url("../img/img_thumb_2.jpg") no-repeat center center;
  background-size: cover;
}

.thumb-1-img-sp,
.thumb-2-img-sp {
  display: none;
}

@media (max-width: 768px) {
  .thumb-1-img-sp,
  .thumb-2-img-sp {
    display: block;
    width: 100%;
  }
  .thumb-1-img-sp img,
  .thumb-2-img-sp img {
    width: 100%;
  }
}
.thumb-1-detail,
.thumb-2-detail {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}

@media (max-width: 768px) {
  .thumb-1-detail,
  .thumb-2-detail {
    display: block;
    width: 100%;
    padding: 0;
  }
}
.thumb-1-detail {
  background: url(../img/bg_masuda.png) no-repeat center 38px #f5f5f5;
  background-size: 291px;
  position: relative;
  z-index: 3;
}

@media (max-width: 768px) {
  .thumb-1-detail {
    background: url(../img/bg_masuda.png) no-repeat center 15px #f5f5f5;
    background-size: 291px;
  }
}
.thumb-1-detail:after {
  content: "";
  display: inline-block;
  background: url(../img/o_left.png) no-repeat 0 0;
  background-size: 150px;
  position: absolute;
  top: 0;
  right: -150px;
  z-index: 3;
  width: 150px;
  height: 600px;
}

@media (max-width: 768px) {
  .thumb-1-detail:after {
    display: none;
  }
}
.thumb-2-detail {
  position: relative;
  z-index: 3;
  background: #f5f5f5;
}

.thumb-2-detail:before {
  content: "";
  display: inline-block;
  background: url(../img/o_right.png) no-repeat 0 0;
  background-size: 150px;
  position: absolute;
  top: 0;
  left: -150px;
  z-index: 3;
  width: 150px;
  height: 600px;
}

@media (max-width: 768px) {
  .thumb-2-detail:before {
    display: none;
  }
}
.thumb-1-detail-inner,
.thumb-2-detail-inner {
  width: 380px;
  margin: 0 auto;
  opacity: 0;
}

@media (max-width: 960px) {
  .thumb-1-detail-inner,
  .thumb-2-detail-inner {
    width: 100%;
    padding: 90px 10px;
  }
}
@media (max-width: 768px) {
  .thumb-1-detail-inner,
  .thumb-2-detail-inner {
    padding: 90px 20px;
  }
}
.thumb-1-detail-inner {
  transform: translateX(3%);
}

.thumb-2-detail-inner {
  transform: translateX(-3%);
}

.thumb-title {
  font-size: 24px;
  color: #000000;
  text-align: center;
  margin-bottom: 28px;
}

.thumb-txt {
  font-size: 14px;
  color: #313131;
  line-height: 1.8;
  margin-bottom: 47px;
}

/*

support

----------------------------------------------------*/
#support {
  padding: 160px 0;
  background: #dcdcdc;
}

@media (max-width: 768px) {
  #support {
    padding: 90px 0;
  }
}
#support > h3 {
  font-size: 24px;
  color: #000000;
  padding-bottom: 54px;
  text-align: center;
}

.bnr-list-wrap {
  width: 1026px;
  margin: 0 auto;
}

@media (max-width: 1026px) {
  .bnr-list-wrap {
    width: 762px;
  }
}
@media (max-width: 768px) {
  .bnr-list-wrap {
    width: 100%;
  }
}
.bnr-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  list-style: none;
  overflow: hidden;
  gap: 15px 20px;
}

@media (max-width: 768px) {
  .bnr-list {
    margin-left: 12.5px;
    margin-right: 12.5px;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
}
.bnr-list > li {
  list-style: none;
}

/* 
@media (max-width: 768px) {
  .bnr-list > li {
    width: 50%;
    padding: 0 7.5px 15px;
  }
} */
.bnr-list > li a {
  /* width: 234px; */
  display: block;
}

@media (max-width: 768px) {
  .bnr-list > li a {
    width: 100%;
  }
}
.bnr-list > li a img {
  width: 100%;
  vertical-align: bottom;
}

#news_list-page #logo {
  display: inline-block;
}

#news_list-page .tab-category_list {
  display: table;
  margin: 0 auto 50px;
}

@media (max-width: 768px) {
  #news_list-page .tab-category_list {
    width: 100%;
  }
}
#news_list-page .tab-category_list > a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #535353;
  text-decoration: none;
  padding: 0 30px;
}

@media (max-width: 768px) {
  #news_list-page .tab-category_list > a {
    display: inline-block;
    width: 50%;
    margin-bottom: 30px;
  }
}
#news_list-page .tab-category_list > a:hover {
  color: #313131;
}

#news_list-page .tab-category_list > a > span {
  position: relative;
  display: inline-block;
}

#news_list-page .tab-category_list > a > span:after {
  content: "";
  display: block;
  border-bottom: 1px solid #313131;
  position: absolute;
  bottom: 0px;
  opacity: 0;
  left: 0;
  width: 100%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

#news_list-page .tab-category_list > a.now span:after {
  bottom: -5px;
  opacity: 1;
}

#news_list-page .tab-category_list > a.now {
  color: #313131;
}

#news_list-page .tab-category_list > a.now:after {
  content: "";
  display: block;
  border-bottom: 1px solid #313131;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
}

#news_list-mv {
  margin-top: 140px;
  width: 100%;
  margin-bottom: 55px;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  #news_list-mv {
    margin-top: 50px;
  }
}
#news_list-mv:after {
  content: "";
  display: block;
  padding-top: 33.28%;
}

@media (max-width: 768px) {
  #news_list-mv:after {
    display: none;
  }
}
.news_list-mv_txt {
  width: 432px;
  position: absolute;
  top: 85px;
  left: 50px;
  z-index: 2;
}

@media (max-width: 1070px) {
  .news_list-mv_txt {
    top: 30px;
  }
}
@media (max-width: 768px) {
  .news_list-mv_txt {
    width: 100%;
    position: initial;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
  }
}
.news_list-mv_txt > h3 {
  font-size: 70px;
  color: #000000;
  font-style: italic;
  margin-bottom: 29px;
}

@media (max-width: 1070px) {
  .news_list-mv_txt > h3 {
    font-size: 50px;
  }
}
@media (max-width: 768px) {
  .news_list-mv_txt > h3 {
    font-size: 40px;
    margin-bottom: 10px;
  }
}
.news_list-mv_txt > p {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: -2px;
}

@media (max-width: 1070px) {
  .news_list-mv_txt > p {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .news_list-mv_txt > p {
    font-size: 24px;
  }
  .news_list-mv_txt > p br {
    display: none;
  }
}
.news_list-mv_img {
  width: 73.1%;
  position: absolute;
  top: -139px;
  right: 0;
  z-index: 2;
}

@media (max-width: 768px) {
  .news_list-mv_img {
    width: 100%;
    position: initial;
    margin-bottom: 25px;
  }
}
.news_list-mv_img img {
  width: 100%;
}

.pix-wrapper {
  margin-top: 60px;
}

@media (max-width: 768px) {
  .pix-wrapper {
    margin-top: 30px;
  }
}
#event_list-page #logo {
  display: inline-block;
}

#event_list-page .tab-category_list {
  display: table;
  margin: 0 auto 50px;
}

@media (max-width: 768px) {
  #event_list-page .tab-category_list {
    width: 100%;
  }
}
#event_list-page .tab-category_list > p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px;
}

@media (max-width: 768px) {
  #event_list-page .tab-category_list > p {
    padding: 0 15px;
  }
}
#event_list-page .tab-category_list > p a {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #535353;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

#event_list-page .tab-category_list > p a:hover {
  color: #313131;
}

#event_list-page .tab-category_list > p a:hover:after {
  content: "";
  display: block;
  border-bottom: 1px solid #313131;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
}

#event_list-mv {
  margin-top: 140px;
  width: 100%;
  background: #f5f5f5;
  margin-bottom: 55px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1070px) {
  #event_list-mv {
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  #event_list-mv {
    margin-top: 50px;
  }
}
#event_list-mv:after {
  content: "";
  display: block;
  padding-top: 33.28%;
}

@media (max-width: 768px) {
  #event_list-mv:after {
    display: none;
  }
}
.event_list-mv_txt {
  width: 421px;
  position: absolute;
  top: 85px;
  left: 50px;
  z-index: 2;
}

@media (max-width: 1070px) {
  .event_list-mv_txt {
    top: 30px;
  }
}
@media (max-width: 768px) {
  .event_list-mv_txt {
    width: 100%;
    position: initial;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
  }
}
.event_list-mv_txt > h3 {
  font-size: 70px;
  color: #000000;
  font-style: italic;
  margin-bottom: 29px;
}

@media (max-width: 1070px) {
  .event_list-mv_txt > h3 {
    font-size: 50px;
  }
}
@media (max-width: 768px) {
  .event_list-mv_txt > h3 {
    font-size: 40px;
    margin-bottom: 10px;
  }
}
.event_list-mv_txt > p {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  font-style: italic;
  line-height: 1.5;
}

@media (max-width: 1070px) {
  .event_list-mv_txt > p {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .event_list-mv_txt > p {
    font-size: 24px;
  }
  .event_list-mv_txt > p br {
    display: none;
  }
}
.event_list-mv_txt > p.event_list-mv_notice {
  max-width: 340px;
  margin-top: 10px;
  color: #e43828;
  font-size: 14px;
  line-height: 1.8;
  font-style: normal;
}

.event_list-mv_img {
  width: 73.1%;
  position: absolute;
  top: -139px;
  right: 0;
  z-index: 2;
}

@media (max-width: 768px) {
  .event_list-mv_img {
    width: 100%;
    position: initial;
    margin-bottom: 25px;
  }
}
.event_list-mv_img img {
  width: 100%;
}

.event_list-section {
  width: 100%;
  background: url("../img/event_list/bg_line.jpg") no-repeat center top;
  background-size: 100% 160px;
  margin-bottom: 100px;
}

.event_list-section:last-of-type {
  margin-bottom: 160px;
}

@media (max-width: 768px) {
  .event_list-section {
    background: url("../img/event_list/bg_line_sp.jpg") no-repeat center top;
    background-size: 100% 160px;
    margin-bottom: 50px;
  }
  .event_list-section:last-of-type {
    margin-bottom: 80px;
  }
}
@media (max-width: 1080px) {
  .event_list-section .event-element {
    width: 100%;
  }
}
.event_list-section-inner {
  max-width: 1080px;
  margin: 0 auto;
}

@media (max-width: 1080px) {
  .event_list-section-inner {
    padding: 0 15px;
  }
}
.event_list-year {
  font-size: 24px;
  color: #313131;
  padding-top: 30px;
  margin-bottom: 15px;
  font-style: italic;
  font-weight: 500;
}

.event_list-read {
  font-size: 14px;
  color: #313131;
  font-weight: bolder;
  line-height: 1.8;
  margin-bottom: 30px;
}

#detail-page #logo {
  display: inline-block;
}

#detail-mv {
  margin-top: 140px;
  width: 100%;
  margin-bottom: 55px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1070px) {
  #detail-mv {
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  #detail-mv {
    margin-top: 50px;
  }
}
#detail-mv:after {
  content: "";
  display: block;
  padding-top: 33.28%;
}

@media (max-width: 768px) {
  #detail-mv:after {
    display: none;
  }
}
.detail-mv_txt {
  width: 562px;
  position: absolute;
  top: 85px;
  left: 50px;
  z-index: 2;
}

@media (max-width: 1070px) {
  .detail-mv_txt {
    top: 30px;
  }
}
@media (max-width: 768px) {
  .detail-mv_txt {
    width: 100%;
    position: initial;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
  }
}
.detail-mv_txt > h3,
.detail-mv_txt-title {
  font-size: 70px;
  font-weight: bold;
  color: #000000;
  font-style: italic;
  margin-bottom: 29px;
}

@media (max-width: 1070px) {
  .detail-mv_txt > h3,
  .detail-mv_txt-title {
    font-size: 50px;
  }
}
@media (max-width: 768px) {
  .detail-mv_txt > h3,
  .detail-mv_txt-title {
    font-size: 40px;
    margin-bottom: 10px;
  }
}
.detail-mv_txt > p,
.detail-mv_txt-subtitle {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  font-style: italic;
  line-height: 1.5;
}

@media (max-width: 1070px) {
  .detail-mv_txt > p,
  .detail-mv_txt-subtitle {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .detail-mv_txt > p,
  .detail-mv_txt-subtitle {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .detail-mv_txt > p br,
  .detail-mv_txt-subtitle br {
    display: none;
  }
}
.detail-mv_img {
  width: 73.1%;
  position: absolute;
  top: -139px;
  right: 0;
  z-index: 2;
}

@media (max-width: 768px) {
  .detail-mv_img {
    width: 100%;
    position: initial;
    margin-bottom: 25px;
  }
}
.detail-mv_img img {
  width: 100%;
}

.detail-title {
  font-size: 50px;
  font-weight: bold;
  color: #000000;
  background: url(https://masuda-genki.or.jp/production/wp/wp-content/uploads/2024/06/bg_title.jpg) no-repeat center center;
  background-size: cover;
  padding: 15px 40px;
  line-height: 1.3;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .detail-title {
    font-size: 30px;
    margin-bottom: 20px;
    padding: 10px;
    background: url(https://masuda-genki.or.jp/production/wp/wp-content/uploads/2024/06/bg_title_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}
.title-under-lead-txt {
  font-size: 14px;
  color: #313131;
  margin-bottom: 40px;
  line-height: 1.7;
  font-weight: bold;
}

.detail-element {
  max-width: 1266px;
  margin: 0 auto;
  overflow: hidden;
}

@media (max-width: 1266px) {
  .detail-element {
    padding: 0 15px;
  }
}
.detail-article {
  float: left;
  width: 890px;
  background: #ffffff;
  margin-bottom: 140px;
}

@media (max-width: 1266px) {
  .detail-article {
    width: 70.3001579779%;
  }
}
@media (max-width: 768px) {
  .detail-article {
    width: 100%;
    float: none;
    margin-bottom: 70px;
  }
}
.detail-article-inner {
  padding: 0 40px 35px;
}

@media (max-width: 768px) {
  .detail-article-inner {
    padding: 0 15px 10px;
  }
}
.detail-aside {
  float: right;
}

@media (max-width: 1266px) {
  .detail-aside {
    width: 28.1200631912%;
  }
}
@media (max-width: 768px) {
  .detail-aside {
    width: 100%;
    float: none;
  }
}
.detail-aside .event-element {
  margin-bottom: 10px;
}

@media (max-width: 1266px) {
  .detail-aside .event-element {
    width: 100%;
  }
}
.detail-aside .btn-parts-1 {
  margin-bottom: 40px;
}

@media (max-width: 915px) {
  .detail-aside .btn-parts-1 a {
    width: 100%;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .detail-aside .btn-parts-1 a {
    width: 250px;
  }
}
.aside-entry-element {
  padding: 20px 0px;
  background: #dcdcdc;
  margin-bottom: 30px;
  text-align: center;
}

.aside-entry-title {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.3;
}

.detail-aside-title {
  font-size: 24px;
  color: #313131;
  background: #dcdcdc;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 10px;
}

.aside-bnr-element {
  padding: 50px 0px;
  background: #dcdcdc;
}

.aside-bnr-title {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .aside-bnr-title {
    font-size: 18px;
  }
}
.aside-bnr-list {
  padding: 0 60px;
}

@media (max-width: 1100px) {
  .aside-bnr-list {
    padding: 0 30px;
  }
}
@media (max-width: 768px) {
  .aside-bnr-list {
    padding: 0 5px;
    overflow: hidden;
  }
}
.aside-bnr-list > li {
  list-style: none;
  margin-bottom: 10px;
}

@media (max-width: 1266px) {
  .aside-bnr-list > li {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .aside-bnr-list > li {
    width: 50%;
    float: left;
    padding: 0 7.5px;
  }
}
.aside-bnr-list > li:last-of-type {
  margin-bottom: 0px;
}

.aside-bnr-list > li > a {
  width: 234px;
  display: block;
}

@media (max-width: 1266px) {
  .aside-bnr-list > li > a {
    width: 100%;
  }
}
.aside-bnr-list > li > a > img {
  width: 100%;
  vertical-align: bottom;
}

.detail-tag-element {
  overflow: hidden;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .detail-tag-element {
    margin-bottom: 10px;
  }
}
.detail-tag-element > p {
  padding-left: 5px;
  padding-right: 5px;
  float: left;
  margin-bottom: 10px;
  display: table;
}

@media (max-width: 768px) {
  .detail-tag-element > p {
    width: 50%;
  }
}
.detail-tag-element > p > a {
  display: table-cell;
  vertical-align: middle;
  width: 98px;
  font-size: 14px;
  color: #ffffff;
  background: #000000;
  padding: 9.5px 0px;
  text-decoration: none;
  text-align: center;
  border-radius: 6px;
  line-height: 1.5;
  letter-spacing: -2px;
}

@media (max-width: 768px) {
  .detail-tag-element > p > a {
    width: 100%;
  }
}
.contents-title {
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  background: #000000;
  padding: 13px 0;
  margin-bottom: 40px;
}

/*

module

------------------------------------------------------*/
.module-detail-tablelayout-1 {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
  line-height: 1.5;
}

.module-detail-tablelayout-1:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}

.module-detail-tablelayout-1 > dt {
  width: 170px;
  padding-right: 20px;
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  color: #313131;
  font-weight: bold;
}

@media (max-width: 768px) {
  .module-detail-tablelayout-1 > dt {
    display: block;
    margin-bottom: 10px;
    padding-right: 0px;
    width: 100%;
    font-size: 16px;
  }
}
.module-detail-tablelayout-1 > dd {
  width: 640px;
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  color: #313131;
}

@media (max-width: 1080px) {
  .module-detail-tablelayout-1 > dd {
    width: 79.012345679%;
  }
}
@media (max-width: 768px) {
  .module-detail-tablelayout-1 > dd {
    width: 100%;
    display: block;
  }
}
.module-detail-tablelayout-1-p {
  font-size: 14px;
  color: #313131;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.module-detail-tablelayout-1-p:last-of-type {
  border-bottom: none;
}

.module-detail-tablelayout-2:nth-of-type(odd) {
  background: #dcdcdc;
}

.module-detail-tablelayout-2:nth-of-type(even) {
  background: #f5f5f5;
}

.module-detail-tablelayout-2 > dt {
  width: 170px;
  padding-right: 20px;
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  color: #313131;
  padding: 8px 0 5px 20px;
}

@media (max-width: 768px) {
  .module-detail-tablelayout-2 > dt {
    width: 100%;
    display: block;
    padding: 8px 10px 8px;
    font-weight: bold;
  }
}
.module-detail-tablelayout-2 > dd {
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  color: #313131;
  padding: 8px 0 5px 0px;
}

@media (max-width: 768px) {
  .module-detail-tablelayout-2 > dd {
    width: 100%;
    display: block;
    padding: 0px 10px 8px;
  }
}
.module-bg-color-list li {
  font-size: 14px;
  color: #313131;
  padding: 6px 20px 3px 20px;
  list-style: none;
}

.module-bg-color-list li:nth-child(odd) {
  background: #dcdcdc;
}

.module-bg-color-list li:nth-child(even) {
  background: #f5f5f5;
}

.module-line_layout_1 {
  position: relative;
  border: 1px solid #000000;
  display: table;
  width: 100%;
  margin-top: 50px;
}

.module-line_layout_1-title {
  font-size: 14px;
  color: #313131;
  font-weight: bold;
  padding: 0 40px;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -103px;
  background: #fff;
}

.module-line_layout_1-detail {
  width: 100%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 55px 0;
}

.module-line_layout_1-detail span:nth-child(1) {
  font-size: 14px;
  display: block;
}

.module-line_layout_1-detail span:nth-child(2) {
  font-size: 24px;
  font-weight: bold;
  display: block;
}

.text-indent {
  text-indent: -1em;
  padding-left: 1em;
}

.module-detail-tablelayout-3 {
  margin-left: 170px;
}

@media (max-width: 768px) {
  .module-detail-tablelayout-3 {
    margin-left: 0;
  }
}
.module-detail-tablelayout-3 p {
  line-height: 1.5;
  color: #313131;
  font-size: 14px;
}

/*

overview

------------------------------------------------------*/
.overview {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .overview {
    padding-bottom: 30px;
  }
}
.overview .btn-parts-1 {
  margin-top: 10px;
}

/*

implementation

------------------------------------------------------*/
.implementation {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .implementation {
    padding-bottom: 30px;
  }
}
.implementation .btn-parts-1 {
  margin-top: 10px;
}

/*

schedule

------------------------------------------------------*/
.schedule {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .schedule {
    padding-bottom: 30px;
  }
}
.schedule-day {
  font-size: 16px;
  font-weight: bold;
  color: #313131;
  margin-bottom: 5px;
}

.schedule-title {
  font-size: 16px;
  font-weight: bold;
  color: #313131;
  margin-bottom: 5px;
}

#schedule {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  #schedule {
    padding-bottom: 30px;
  }
}
.schedule-table-wrap {
  overflow: auto;
  position: relative;
  margin-bottom: 40px;
  -webkit-overflow-scrolling: touch;
}

.schedule-table-wrap:last-of-type {
  margin-bottom: 20px;
}

.schedule-table {
  width: 810px;
  table-layout: fixed;
}

.schedule-table tr:nth-child(odd) {
  background: #dcdcdc;
}

.schedule-table tr:nth-child(even) {
  background: #f5f5f5;
}

.schedule-table tr td {
  font-size: 14px;
  color: #313131;
  padding: 10px 0 7px;
  text-align: left;
}

.schedule-table tr td:first-child {
  padding-left: 20px;
  width: 124px;
}

.schedule-table tr td:nth-child(2) {
  width: 113px;
  word-break: break-all;
}

.schedule-table tr td:nth-child(3) {
  width: 336px;
  padding-left: 40px;
}

.schedule-table tr td:last-child {
  padding-right: 20px;
  padding-left: 40px;
}

/*

course

------------------------------------------------------*/
.course {
  overflow: hidden;
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .course {
    padding-bottom: 30px;
  }
}
.course-contents-1-wrap {
  overflow: hidden;
  display: table;
  margin-bottom: 20px;
  width: 100%;
}

.course-contents-1 {
  width: 305px;
  line-height: 1.5;
  display: table-cell;
  vertical-align: top;
  margin-bottom: 30px;
}

.course-contents-1:nth-child(1) {
  padding-right: 15px;
}

@media (max-width: 1082px) {
  .course-contents-1:nth-child(1) {
    padding-right: 0;
    display: block;
  }
}
.course-contents-1:nth-child(2) {
  padding-left: 15px;
}

@media (max-width: 1082px) {
  .course-contents-1:nth-child(2) {
    padding-left: 0;
    display: block;
  }
}
@media (max-width: 1082px) {
  .course-contents-1:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .course-contents-1 {
    width: 100%;
    display: block;
  }
}
.course-contents-border {
  border: 1px solid #dcdcdc;
}

.course-contents-1-title {
  font-size: 14px;
  font-weight: bold;
  color: #313131;
  text-align: center;
  padding: 8px 0 5px;
  border-bottom: 1px solid #dcdcdc;
  background: #dcdcdc;
}

.course-contents-1-txt-bold {
  font-size: 14px;
  font-weight: bold;
  color: #313131;
  padding: 20px 20px 0;
}

@media (max-width: 768px) {
  .course-contents-1-txt-bold {
    padding: 10px 10px 0;
  }
}
.course-contents-1-txt {
  font-size: 14px;
  color: #313131;
  padding: 0 20px 20px;
}

@media (max-width: 768px) {
  .course-contents-1-txt {
    padding: 0px 10px 10px;
  }
}
.course-link-txt {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  margin-bottom: 30px;
}

.root-rabo iframe {
  width: 100% !important;
}

/*

entry

------------------------------------------------------*/
.entry {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .entry {
    padding-bottom: 30px;
  }
}
/*

requirements

------------------------------------------------------*/
.requirements {
  padding-bottom: 60px;
  position: relative;
}

.requirements-caution {
  font-size: 12px;
  text-align: right;
  color: #959595;
  position: absolute;
  top: 60px;
  right: 0;
  line-height: 1.3;
}

/*

traffic

------------------------------------------------------*/
.traffic {
  margin-bottom: 40px;
}

/*

access

------------------------------------------------------*/
.access {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .access {
    padding-bottom: 30px;
  }
}
.access .number {
  display: block;
  background: #dcdcdc;
  padding: 5px 5px 3px 5px;
  margin-bottom: 5px;
  font-weight: bold;
}

/*

paking

------------------------------------------------------*/
.parking {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .parking {
    padding-bottom: 30px;
  }
}
@media (max-width: 1000px) {
  .parking .module-detail-tablelayout-1 > dt {
    display: block;
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .parking .module-detail-tablelayout-1 > dd {
    display: block;
    width: 100%;
  }
  .parking .module-detail-tablelayout-1 > dd iframe {
    width: 100%;
  }
}
/*

information

------------------------------------------------------*/
.information {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .information {
    padding-bottom: 30px;
  }
}
.gray-band {
  font-size: 14px;
  color: #313131;
  text-align: center;
  padding: 8px 0;
  background: #dcdcdc;
  font-weight: bold;
  margin-bottom: 20px;
}

.lodging-p-1 {
  font-size: 14px;
  color: #313131;
  margin-bottom: 15px;
  line-height: 1.4;
}

.caution-txt {
  font-size: 14px;
  color: #e60012;
}

#lodging .caution-txt {
  margin-bottom: 40px;
}

#detail-aside-iframe {
  margin-bottom: 40px;
}

@media (max-width: 1266px) {
  #detail-aside-iframe {
    width: 100%;
  }
}
#detail-aside-iframe iframe {
  width: 100%;
}

#fb_page_plugin_area {
  width: 100%;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
  width: 100% !important;
}

.googlemap {
  width: 100% !important;
}

.txt-green {
  font-size: 16px !important;
  color: #039352 !important;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
}

.txt-red {
  color: #bf0d23 !important;
  line-height: 1.5;
}

.red {
  color: #E60606;
}

.text-red {
  color: #E60606;
}

.txt-traffic-p-1 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  color: #313131;
  margin-bottom: 10px;
}

.img-scroll-wrap {
  overflow: auto;
}

.img-scroll {
  table-layout: fixed;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

.gray-title {
  font-size: 14px;
  font-weight: bold;
  background: #dcdcdc;
  text-align: center;
  padding: 8px 0;
}

.kansenmap-wrap {
  background: #f5f5f5;
  padding: 30px 20px;
}

@media (max-width: 768px) {
  .kansenmap-wrap {
    padding: 10px 0;
  }
}
.img_kansen {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .img_kansen {
    margin-bottom: 0;
    padding: 10px;
  }
}
.para-txt-1 {
  font-size: 14px;
  color: #313131;
  margin-bottom: 15px;
}

.para-txt-1 span {
  color: #ff0000;
}

.para-txt-2 {
  font-size: 14px;
  line-height: 1.3;
  color: #313131;
  margin-bottom: 15px;
}

.para-txt-2:last-of-type {
  margin-bottom: 0;
}

video {
  margin-bottom: 15px;
}

.txt-eizouteikyo {
  font-size: 14px;
  color: #313131;
  font-weight: bold;
}

.para-section:first-child {
  margin-top: 65px;
}

@media (max-width: 768px) {
  .para-section:first-child {
    margin-top: 35px;
  }
}
.detail-txt {
  font-size: 14px;
  color: #313131;
  line-height: 1.5;
  margin-bottom: 30px;
}

.detail-txt-2 {
  font-size: 30px;
  color: #ff0000;
}

.detail-txt-3 {
  font-size: 12px;
  line-height: 1.5;
  color: #0014ff;
  display: block;
  margin-bottom: 5px;
  text-decoration: underline;
}

.detail-txt-4 {
  font-size: 12px;
  color: #ff0000;
  line-height: 1.4;
}

.root-rabo {
  margin-bottom: 20px;
  display: block;
}

.table-scroll-layout-wrap {
  overflow: auto;
  position: relative;
}

.table-scroll-layout {
  width: 810px;
  margin: 0px auto 30px;
  border: 1px solid #000;
  table-layout: fixed;
}

.table-scroll-layout td {
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid #000;
  padding: 10px;
  vertical-align: top;
}

.list-layout-1 li {
  font-size: 14px;
  color: #313131;
  line-height: 1.5;
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
}

.iframe-layout {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .iframe-layout {
    margin-bottom: 25px;
  }
}
.iframe-layout > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-layout {
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .video-layout {
    margin-bottom: 25px;
  }
}
.btn-landscape-wrap {
  overflow: hidden;
  padding: 30px 10px 20px;
  text-align: center;
  background: #f5f5f5;
}

.btn-landscape {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .btn-landscape {
    display: block;
    margin: 0 0 15px;
  }
}
.btn-layout-frame {
  margin-bottom: 20px;
}

.btn-layout-title {
  font-size: 14px;
  font-weight: bold;
  color: #313131;
  padding: 6px 0 5px;
  background: #dcdcdc;
  text-align: center;
}

.module-pdf-img {
  margin: 40px 0;
  padding: 0 10%;
}

.module-pdf-img img {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .module-pdf-img {
    padding: 0 5%;
  }
}
#contact-page #logo {
  display: inline-block;
}

#contact-mv {
  margin-top: 140px;
  width: 100%;
  background: #f5f5f5;
  margin-bottom: 55px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1070px) {
  #contact-mv {
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  #contact-mv {
    margin-top: 50px;
  }
}
#contact-mv:after {
  content: "";
  display: block;
  padding-top: 33.28%;
}

@media (max-width: 768px) {
  #contact-mv:after {
    display: none;
  }
}
.contact-mv_txt {
  width: 432px;
  position: absolute;
  top: 85px;
  left: 50px;
  z-index: 2;
}

@media (max-width: 1070px) {
  .contact-mv_txt {
    top: 0px;
  }
}
@media (max-width: 768px) {
  .contact-mv_txt {
    width: 100%;
    position: initial;
    padding-left: 20px;
    padding-bottom: 60px;
  }
}
.contact-mv_txt > h3 {
  font-size: 70px;
  color: #000000;
  font-style: italic;
  margin-bottom: 29px;
}

@media (max-width: 1070px) {
  .contact-mv_txt > h3 {
    font-size: 50px;
  }
}
@media (max-width: 768px) {
  .contact-mv_txt > h3 {
    font-size: 40px;
    margin-bottom: 10px;
  }
}
.contact-mv_txt > p {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  font-style: italic;
  line-height: 1.5;
}

@media (max-width: 1070px) {
  .contact-mv_txt > p {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .contact-mv_txt > p {
    font-size: 24px;
  }
}
.contact-mv_img {
  width: 73.1%;
  position: absolute;
  top: -139px;
  right: 0;
  z-index: 2;
}

@media (max-width: 768px) {
  .contact-mv_img {
    width: 100%;
    position: initial;
    margin-bottom: 25px;
  }
}
.contact-mv_img img {
  width: 100%;
}

#contact-article {
  background: url("../img/contact/bg.png") no-repeat left center #dcdcdc;
  background-size: 186px;
  padding: 140px 0;
}

#contact-article > h3 {
  font-size: 24px;
  color: #313131;
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  #contact-article > h3 {
    line-height: 1.5;
  }
}
#contact-article > .p-1 {
  font-size: 14px;
  color: #313131;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 55px;
}

@media (max-width: 800px) {
  #contact-article {
    padding: 70px 20px;
  }
}
#contact-detail {
  max-width: 800px;
  margin: 0 auto;
  border: 1px solid #000000;
  position: relative;
  padding: 40px;
  text-align: center;
}

@media (max-width: 768px) {
  #contact-detail {
    padding: 40px 20px;
  }
}
.contact-detail-1 {
  width: 100px;
  background: #dcdcdc;
  font-size: 14px;
  color: #313131;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -50px;
  font-weight: bold;
}

.contact-detail-2 {
  font-size: 24px;
  color: #313131;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .contact-detail-2 {
    font-size: 16px;
  }
}
.contact-detail-3 {
  font-size: 24px;
  color: #313131;
  font-weight: bold;
}

@media (max-width: 768px) {
  .contact-detail-3 {
    font-size: 16px;
  }
}
.contact-detail-3 a {
  color: #313131;
  text-decoration: none;
}

.contact-googlemap {
  height: 400px;
}

.contact-googlemap iframe {
  width: 100%;
}

.about-section {
  max-width: 810px;
  margin: 0 auto;
}

.about-txt-1 {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .about-txt-1 {
    font-size: 16px;
  }
}
.about-txt-2 {
  font-size: 70px;
  font-weight: bold;
  color: #e43828;
  margin-bottom: 20px;
  line-height: 1.3;
}

@media (max-width: 768px) {
  .about-txt-2 {
    font-size: 35px;
  }
}
.module-about-layout-1 {
  max-width: 250px;
  float: left;
  margin-right: 30px;
}

@media (max-width: 840px) {
  .module-about-layout-1 {
    max-width: 100%;
    width: 100%;
    float: none;
    margin: 0 auto 20px;
  }
}
.module-about-layout-1:last-child {
  margin-right: 0px;
}

.module-about-layout-1_title {
  font-size: 16px;
  color: #ffffff;
  background: #434343;
  padding: 15px 0;
  text-align: center;
  border-radius: 13px;
}

.module-about-layout-1_txt-1 {
  padding: 20px 0 18px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #313131;
}

.module-about-layout-1_txt-2 {
  font-size: 14px;
  line-height: 1.3;
  color: #434343;
}

.module-about-layout-1-wrap {
  overflow: hidden;
  margin-top: 60px;
  margin-bottom: 20px;
}

.about-arrow {
  width: 811px;
}

@media (max-width: 811px) {
  .about-arrow {
    width: 100%;
  }
}
.about-arrow img {
  width: 100%;
  vertical-align: bottom;
}

.ico-mappara-wrap {
  padding: 0 30px;
  margin: 35px 0 60px;
}

@media (max-width: 768px) {
  .ico-mappara-wrap {
    padding: 0;
    margin: 17.5px 0 30px;
  }
}
.ico-mappara-wrap:after {
  content: "";
  display: block;
  clear: both;
}

.ico-map {
  width: 326px;
  float: left;
}

@media (max-width: 800px) {
  .ico-map {
    float: none;
    margin: 0 auto 20px;
  }
}
@media (max-width: 768px) {
  .ico-map {
    width: 100%;
  }
}
.ico-map img {
  width: 100%;
  vertical-align: bottom;
}

.ico-para {
  width: 380px;
  float: right;
  position: relative;
}

@media (max-width: 800px) {
  .ico-para {
    float: none;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .ico-para {
    width: 100%;
  }
}
.ico-para img {
  width: 100%;
  vertical-align: bottom;
}

.ico-para:before {
  content: "さらに";
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #e43828;
  width: 100%;
  text-align: center;
  position: absolute;
  top: -60px;
  left: 0;
}

@media (max-width: 768px) {
  .ico-para:before {
    position: initial;
    margin-bottom: 20px;
  }
}
.txt-achievment {
  font-size: 16px;
  text-align: center;
  color: #333;
  padding: 15px 0;
  background: #f39800;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 10px;
  position: relative;
}

.txt-nextstep {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  padding: 15px 0;
  background: #e43828;
  width: 600px;
  margin: 0 auto;
  border-radius: 10px;
  position: relative;
  margin-top: 90px;
}

@media (max-width: 768px) {
  .txt-nextstep {
    width: 100%;
  }
}
.txt-nextstep:after {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/about/arw_bottom.png) no-repeat center center;
  background-size: 102px;
  width: 102px;
  height: 31px;
  top: -61px;
  left: 50%;
  margin-left: -51px;
}

.txt-yellow-underline {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  line-height: 1.5;
  position: relative;
}

.txt-yellow-underline span {
  position: relative;
  z-index: 2;
  display: inline-block;
  background: linear-gradient(transparent 70%, #fff100 70%);
}

.txt-yellow-underline-wrap {
  text-align: center;
  margin: 30px auto;
  max-width: 800px;
}

.business-plan-table-wrap {
  overflow: auto;
  position: relative;
}

@media (max-width: 768px) {
  .txt-yellow-underline-wrap {
    text-align: left;
  }
  .txt-yellow-underline {
    text-indent: -1em;
    padding-left: 1em;
    text-align: left;
  }
  .txt-yellow-underline span:after {
    content: none;
  }
  .txt-yellow-underline span {
    background: linear-gradient(transparent 60%, #fff100 60%);
    display: inline;
  }
}
.business-plan-table {
  width: 810px;
  margin: 60px auto 0;
  border: 1px solid #000;
  table-layout: fixed;
}

.business-plan-table td {
  text-align: center;
  vertical-align: middle;
  padding: 9px 0 7px;
  color: #313131;
  font-weight: bold;
  border: 1px solid #000;
  font-size: 14px;
}

.business-plan-table td a {
  text-decoration: none;
  color: #0000ff;
  font-weight: 400;
}

.document-wrap {
  background: #fff;
  text-align: center;
  padding: 60px 60px 30px;
  margin: 0 47px;
}

@media (max-width: 768px) {
  .document-wrap {
    padding: 15px 15px 30px;
    margin: 0 0px;
  }
}
.document-wrap img {
  width: 100%;
}

.document-wrap .btn-parts-1 {
  margin-top: 30px;
}

.premium-toriatukai br {
  line-height: 1.5;
  display: none;
}

@media (max-width: 768px) {
  .premium-toriatukai br {
    display: block;
  }
}
.tab-premium-outline {
  display: table;
  margin: 0 auto 60px;
}

@media (max-width: 768px) {
  .tab-premium-outline {
    margin: 0 auto 30px;
  }
}
.tab-premium-wrap {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .tab-premium-wrap {
    margin: 0 5px;
  }
}
.tab-premium-wrap > p {
  float: left;
  padding: 0 15px;
}

@media (max-width: 768px) {
  .tab-premium-wrap > p {
    width: 33.3%;
    padding: 0 5px;
    margin-bottom: 15px;
  }
}
.tab-premium-wrap > p > a {
  display: block;
  width: 250px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

@media (max-width: 810px) {
  .tab-premium-wrap > p > a {
    width: 200px;
  }
}
@media (max-width: 768px) {
  .tab-premium-wrap > p > a {
    width: 100%;
  }
  .tab-premium-wrap > p > a img {
    width: 100%;
    vertical-align: bottom;
  }
}
.tab-premium-wrap > p > a:after {
  content: "";
  display: block;
  padding-top: 89.2%;
}

@media (max-width: 768px) {
  .tab-premium-wrap > p > a:after {
    display: none;
  }
}
.btn-honmoroko > a {
  background: url(../img/premium/btn_honmoroko.png) no-repeat center center;
  background-size: cover;
}

.btn-honmoroko > a:hover {
  background: url(../img/premium/btn_honmoroko_on.png) no-repeat center center;
  background-size: cover;
}

.btn-wasabi > a {
  background: url(../img/premium/btn_wasabi.png) no-repeat center center;
  background-size: cover;
}

.btn-wasabi > a:hover {
  background: url(../img/premium/btn_wasabi_on.png) no-repeat center center;
  background-size: cover;
}

.btn-yuzu > a {
  background: url(../img/premium/btn_yuzu.png) no-repeat center center;
  background-size: cover;
}

.btn-yuzu > a:hover {
  background: url(../img/premium/btn_yuzu_on.png) no-repeat center center;
  background-size: cover;
}

.premium-txt-1 {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 30px;
  text-align: center;
}

.premium-txt-2 {
  font-size: 14px;
  color: #313131;
  margin-bottom: 30px;
  text-align: center;
}

.premium-txt-2:last-of-type {
  margin-bottom: 60px;
}

.premium-section {
  max-width: 1266px;
  margin: 0 auto 140px;
  position: relative;
}

.premium-section-inner {
  max-width: 810px;
  margin: 0 auto 0px;
  padding-top: 60px;
}

@media (max-width: 880px) {
  .premium-section-inner {
    margin: 0 15px;
  }
}
.premium-section-wrap {
  overflow: hidden;
}

.premium-section-detail {
  float: left;
  width: 370px;
}

@media (max-width: 880px) {
  .premium-section-detail {
    width: 45.6790123457%;
  }
}
@media (max-width: 768px) {
  .premium-section-detail {
    width: 100%;
    float: none;
  }
}
.premium-section-thumb {
  float: right;
  width: 399px;
}

@media (max-width: 880px) {
  .premium-section-thumb {
    width: 49.2592592593%;
  }
}
@media (max-width: 768px) {
  .premium-section-thumb {
    width: 100%;
    float: none;
  }
}
.premium-section-thumb img {
  width: 100%;
}

.premium-section-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  color: #ffffff;
}

.premium-section-read {
  font-size: 14px;
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: justify;
}

.premium-section-address {
  padding: 20px;
  background: #ffffff;
}

@media (max-width: 768px) {
  .premium-section-address {
    margin-bottom: 20px;
  }
}
.premium-section-address p {
  font-size: 14px;
  color: #313131;
  line-height: 1.3;
}

.premium-iframe {
  margin-top: 40px;
}

.premium-iframe iframe {
  width: 100%;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.2);
}

.contact-list-outline {
  display: table;
  width: 100%;
  margin-bottom: 110px;
}

@media (max-width: 768px) {
  .contact-list-outline {
    margin-bottom: 55px;
  }
}
.contact-list-wrap {
  width: 50%;
  display: table-cell;
  vertical-align: top;
}

@media (max-width: 768px) {
  .contact-list-wrap {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.contact-list {
  margin-bottom: 30px;
}

.contact-list > dt {
  font-size: 14px;
  color: #313131;
  font-weight: bold;
  margin-bottom: 10px;
}

.contact-list > dd {
  font-size: 14px;
}

.contact-list > dd > a {
  color: #0000ff;
  text-decoration: none;
}

/*

honmoroko

------------------------------------------------------*/
#honmoroko-section {
  background: url("../img/premium/bg_honmoroko.jpg") no-repeat top center;
  background-size: 1266px 800px;
}

@media (max-width: 1266px) {
  #honmoroko-section {
    background-size: 100% 800px;
  }
}
@media (max-width: 768px) {
  #honmoroko-section {
    background: url("../img/premium/bg_honmoroko_sp.jpg") no-repeat top center;
    background-size: 100% 800px;
  }
}
#honmoroko-section .premium-section-detail {
  float: left;
}

#honmoroko-section .premium-section-thumb {
  float: right;
}

.img_honmoroko {
  width: 134px;
  margin: 0 auto 20px;
}

.img_honmoroko img {
  width: 100%;
}

/*

wasabi

------------------------------------------------------*/
#wasabi-section {
  background: url("../img/premium/bg_wasabi.jpg") no-repeat top center;
  background-size: 1266px 800px;
}

@media (max-width: 1266px) {
  #wasabi-section {
    background-size: 100% 800px;
  }
}
@media (max-width: 768px) {
  #wasabi-section {
    background: url("../img/premium/bg_wasabi_sp.jpg") no-repeat top center;
    background-size: 100% 800px;
  }
}
#wasabi-section .premium-section-detail {
  float: right;
}

#wasabi-section .premium-section-thumb {
  float: left;
}

.img_wasabi {
  width: 134px;
  margin: 0 auto 20px;
}

.img_wasabi img {
  width: 100%;
}

/*

yuzu

------------------------------------------------------*/
#yuzu-section {
  background: url("../img/premium/bg_yuzu.jpg") no-repeat top center;
  background-size: 1266px 800px;
}

@media (max-width: 1266px) {
  #yuzu-section {
    background-size: 100% 800px;
  }
}
@media (max-width: 768px) {
  #yuzu-section {
    background: url("../img/premium/bg_yuzu_sp.jpg") no-repeat top center;
    background-size: 100% 800px;
  }
}
.img_yuzu {
  width: 93.5px;
  margin: 0 auto 20px;
}

.img_yuzu img {
  width: 100%;
}

/*

iju

------------------------------------------------------*/
.iju-section {
  max-width: 810px;
  margin: 0 auto;
}

.iju-section img {
  max-width: 100%;
}

#iju-point {
  margin-bottom: 20px;
}

#iju-links {
  margin-bottom: 40px;
}

ul.btn-list {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}

ul.btn-list li {
  list-style: none;
  width: 33.333%;
  float: left;
  padding: 0 15px;
}

ul.btn-list li a {
  display: block;
  transition: all 0.3s;
}

ul.btn-list li a img {
  max-width: 100%;
}

ul.btn-list li a:hover {
  opacity: 0.7;
}

@media (max-width: 768px) {
  ul.btn-list {
    margin: 0;
  }
  ul.btn-list li {
    float: none;
    width: 70%;
    margin: 10px auto;
  }
}
/* === FRONT PAGTE === */
.mv-slide-info {
  z-index: 4;
  padding-left: 40px;
  position: relative;
}

.mv-slide-date {
  margin-left: 0;
}

.mv-slide-title {
  margin-bottom: 16px;
  margin-left: 0;
}

.mv-slide-desc {
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: 1.4;
}

.mv-slide-desc-title {
  margin-bottom: 0.5em;
  font-size: 1.25em;
  font-weight: bold;
}

.mv-slide-desc-block {
  margin-bottom: 8px;
  display: flex;
}

.mv-slide-desc-block-title {
  margin-right: 8px;
}

.mv-detail-btn {
  margin-left: -40px;
}

.mv-slide-highlight {
  display: flex;
  margin-bottom: 16px;
}

.mv-slide-highlight-label {
  background: #e43828;
  padding: 12px 24px;
  font-size: 21px;
  font-weight: bold;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
}

@media screen and (max-width: 1215px) {
  .mv-slide-highlight {
    font-size: 16px;
  }
}
.section-entry-banner {
  margin-top: 2rem;
}

.section-entry-banner .aside-entry-element {
  padding: 40px;
  margin-bottom: 0;
}

/* === INAKA 2024 === */
.page-inaka2024 .detail-mv_txt-caution {
  margin: 10px 0;
  font-size: 14px;
  font-weight: bold;
  font-weight: 700;
  font-style: normal;
  line-height: 1.8;
  color: #e43828;
}

.detail-element {
  line-height: 1.4;
}

.subsection-title {
  font-size: 20px;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid lightgray;
}

.detail-video-container {
  position: relative;
  margin-bottom: 40px;
  padding-top: 56.25%;
  width: 100%;
  height: auto;
}

.detail-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.schedule-block + .schedule-block {
  margin-top: 64px;
}

.schedule-block p {
  font-size: 16px;
  color: #313131;
  line-height: 1.5;
  font-weight: bold;
}

.schedule-block-title {
  margin-top: 2.6667em;
  margin-bottom: 1em;
  font-weight: 600;
  font-size: 1.5em;
}

.schedule-block dl {
  margin-top: 1rem;
}

.schedule-block dl + dl {
  margin-top: 0;
}

.ride-gps-banner {
  margin: 32px;
}

.ride-gps-banner a {
  display: block;
  display: flex;
  padding: 24px 32px;
  justify-content: flex-start;
  background-color: #eee;
  color: black;
  text-decoration: none;
  font-size: 21px;
  align-items: center;
  border-radius: 12px;
  font-weight: 600;
  gap: 32px;
  transition: background-color 150ms ease;
}

.ride-gps-banner a:hover {
  background-color: #e0e0e0;
}

.ride-gps-banner-title {
  flex: 1 1 auto;
}

.ride-gps-banner-logo {
  display: flex;
  flex: 0 0 56px;
  max-width: 56px;
  border-radius: 6px;
  overflow: hidden;
}

.ride-gps-banner-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.ride-gps-banner-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  transition: transform 150ms ease;
}
.ride-gps-banner-icon svg {
  width: 100%;
  height: 100%;
}

.ride-gps-banner a:hover .ride-gps-banner-icon {
  transform: translate(8px);
}

@media (max-width: 768px) {
  .ride-gps-banner {
    margin: 32px auto;
  }
  .ride-gps-banner a {
    padding: 10px 16px 10px 10px;
    font-size: 15px;
    gap: 10px;
  }
  .ride-gps-banner-logo {
    flex: 0 0 40px;
    max-width: 40px;
  }
  .ride-gps-banner-icon {
    width: 16px;
    height: 16px;
  }
}
.page-inaka2024 small {
  font-size: 0.8125em;
}

@media (min-width: 1266px) {
  .page-inaka2024 .detail-aside {
    min-width: 350px;
  }
}
/* === UTILITY === */
.hidden {
  display: none;
}

@media (min-width: 769px) {
  .sm\:block {
    display: block;
  }
}
/* === BUTTONS === */
.button {
  display: inline-flex;
  background-color: #000;
  color: #fff;
  padding: 13px 20px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  border-radius: 4px;
  transition: 150ms ease;
}

.button:hover {
  background-color: hsl(0, 0%, 20%);
}

a.button[target=_blank]::after {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 12px;
  margin-right: -4px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

a.button[target=_blank]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5H6C4.34 5 3 6.34 3 8v10c0 1.65 1.34 3 3 3h10c1.65 0 3-1.35 3-3v-6c0-.56-.45-1-1-1 -.56 0-1 .44-1 1v6c0 .55-.45 1-1 1H6c-.56 0-1-.45-1-1V8c0-.56.44-1 1-1h6c.55 0 1-.45 1-1 0-.56-.45-1-1-1Z'/%3E%3Cpath d='M11.7 13.7l9-9c.39-.4.39-1.03 0-1.42 -.4-.4-1.03-.4-1.42 0l-9 9c-.4.39-.4 1.02 0 1.41 .39.39 1.02.39 1.41 0Z'/%3E%3Cpath d='M15 5h5l-1-1v5c0 .55.44 1 1 1 .55 0 1-.45 1-1V4c0-.56-.45-1-1-1h-5c-.56 0-1 .44-1 1 0 .55.44 1 1 1Z'/%3E%3C/svg%3E");
}

a.button[href$=".pdf"]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' %3E%3Cpath d='M13 3v4c0 1.1.89 2 2 2h4c.55 0 1-.45 1-1 0-.56-.45-1-1-1h-4s0-.001 0 0V3c0-.56-.45-1-1-1 -.56 0-1 .44-1 1Z'/%3E%3Cpath d='M6 12V5c0-.56.44-1 1-1h7l-.71-.3 5 5 -.3-.71v4c0 .55.44 1 1 1 .55 0 1-.45 1-1v-4c0-.27-.11-.52-.3-.71l-5-5c-.19-.19-.45-.3-.71-.3h-7c-1.66 0-3 1.34-3 3v7c0 .55.44 1 1 1 .55 0 1-.45 1-1Z'/%3E%3Cpath d='M5 19h1.5C7.88 19 9 17.88 9 16.5 9 15.11 7.88 14 6.5 14H5c-.56 0-1 .44-1 1v6c0 .55.44 1 1 1 .55 0 1-.45 1-1v-6l-1 1h1.5c.27 0 .5.22.5.5 0 .27-.23.5-.5.5H5c-.56 0-1 .44-1 1 0 .55.44 1 1 1Z'/%3E%3Cpath d='M17 19h2c.55 0 1-.45 1-1 0-.56-.45-1-1-1h-2c-.56 0-1 .44-1 1 0 .55.44 1 1 1Z'/%3E%3Cpath d='M20 14h-3c-.56 0-1 .44-1 1v6c0 .55.44 1 1 1 .55 0 1-.45 1-1v-6l-1 1h3c.55 0 1-.45 1-1 0-.56-.45-1-1-1Z'/%3E%3Cpath d='M10 15v6c0 .55.44 1 1 1h1c1.65 0 3-1.35 3-3v-2c0-1.66-1.35-3-3-3h-1c-.56 0-1 .44-1 1Zm2 0l-1 1h1c.55 0 1 .44 1 1v2c0 .55-.45 1-1 1h-1l1 1v-6Z'/%3E%3C/svg%3E");
}

.agreement-download {
  padding: 32px;
  display: flex;
  justify-content: center;
  background-color: #ebebeb;
}

.ride-gps-heading {
  display: flex;
}

.ride-gps-heading-img {
  width: 56px;
  height: 56px;
}