@charset "UTF-8";
/* Scss Document */
/* =============================================================
reset.scss
============================================================== */
* {
  box-sizing: border-box;
}

/* webkit specific styles */
input[type=color]::-webkit-color-swatch {
  border: none;
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}

/* 
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;
  font-weight:inherit;*/
}

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

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;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
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;
}

input:focus {
  outline: none;
}

ul, ol {
  list-style-type: none;
}

/*
YUI 3.17.2 (build 9c3c78e)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/*
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}
*/
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

/* =============================================================
base.scss
============================================================== */
html {
  font-size: 10px;
}

body {
  line-height: 1;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, sans-serif;
  font-weight: 500;
  font-size: 1.3rem;
  color: #333333;
}

a {
  outline: none;
  color: #333;
}

a:link, a:visited {
  color: #333;
  text-decoration: underline;
}

a:hover, a:active {
  color: #333;
  text-decoration: none;
}

.cen {
  text-align: center !important;
}

.rgt {
  text-align: right !important;
}

.lft {
  text-align: left !important;
}

.opa a:hover {
  opacity: 0.8;
}

.bold {
  font-weight: bold;
}

.redtxt {
  color: #CF1212;
}

.pt0 {
  padding-top: 0px !important;
}

.pt05 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb05 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.mt0 {
  margin-top: 5px !important;
}

.mt05 {
  margin-top: 5px !important;
}

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

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb0 {
  margin-bottom: 5px !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.wave {
  text-decoration: #444 wavy underline;
}

@media screen and (max-width: 599px) {
  .pt05 {
    padding-top: 5px !important;
  }
  .pt10 {
    padding-top: 10px !important;
  }
  .pt15 {
    padding-top: 10px !important;
  }
  .pt20 {
    padding-top: 15px !important;
  }
  .pt30 {
    padding-top: 20px !important;
  }
  .pb05 {
    padding-bottom: 5px !important;
  }
  .pb10 {
    padding-bottom: 10px !important;
  }
  .pb15 {
    padding-bottom: 10px !important;
  }
  .pb20 {
    padding-bottom: 15px !important;
  }
  .pb30 {
    padding-bottom: 20px !important;
  }
  .mt05 {
    margin-top: 5px !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .mt15 {
    margin-top: 10px !important;
  }
  .mt20 {
    margin-top: 15px !important;
  }
  .mt30 {
    margin-top: 20px !important;
  }
  .mb05 {
    margin-bottom: 5px !important;
  }
  .mb10 {
    margin-bottom: 10px !important;
  }
  .mb15 {
    margin-bottom: 10px !important;
  }
  .mb20 {
    margin-bottom: 15px !important;
  }
  .mb30 {
    margin-bottom: 20px !important;
  }
}
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E";
}

.gothic {
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.roboto, #loading .progressbar-text, #loading {
  font-family: "Roboto", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.material-icons {
  display: inline-flex;
  vertical-align: middle;
  font-size: inherit;
  line-height: inherit;
}

/* =============================================================
parts/layout.scss
============================================================== */
/* box style
---------------------------------------------*/
.base--small, .base, .base--wide {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin: 0px auto;
}

.base--wide {
  max-width: 1240px;
}
@media screen and (min-width: 560px) {
  .base--wide {
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.base {
  max-width: 1000px;
}
@media screen and (min-width: 560px) {
  .base {
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 560px) {
  .base {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.base--small {
  max-width: 960px;
}
@media screen and (min-width: 560px) {
  .base--small {
    max-width: 1040px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.base .base--small {
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (min-width: 560px) {
  .base .base--small {
    max-width: 960px;
  }
}

/* =============================================================
space.scss　直でclassを書く
============================================================== */
.space--large {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 560px) {
  .space--large {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 960px) {
  .space--large {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.space--medium {
  padding-top: 35px;
  padding-bottom: 35px;
}
@media screen and (min-width: 560px) {
  .space--medium {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (min-width: 960px) {
  .space--medium {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.space--med {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 560px) {
  .space--med {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media screen and (min-width: 960px) {
  .space--med {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.space--small {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media screen and (min-width: 560px) {
  .space--small {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media screen and (min-width: 960px) {
  .space--small {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* =============================================================
txt.scss
============================================================== */
/* text style
---------------------------------------------*/
.txtbox p,
.txt {
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (min-width: 560px) {
  .txtbox p,
  .txt {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .txtbox p,
  .txt {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}

.txtbox p + p,
.txt + .txt {
  margin-top: 15px;
}
@media screen and (min-width: 560px) {
  .txtbox p + p,
  .txt + .txt {
    margin-top: 20px;
  }
}

.c-underline {
  display: inline-block;
  padding: 0 2px 2px 2px;
  background: linear-gradient(transparent 60%, rgba(255, 255, 255, 0.6) 60%);
}

.c-txtCenter {
  text-align: left;
}
@media screen and (min-width: 560px) {
  .c-txtCenter {
    text-align: center;
  }
}

/* =============================================================
sectionbox.scss
============================================================== */
.sectionbox {
  margin-top: 45px;
}
@media screen and (min-width: 560px) {
  .sectionbox {
    margin-top: 75px;
  }
}
@media screen and (min-width: 960px) {
  .sectionbox {
    margin-top: 100px;
  }
}
.sectionbox .sectionbox_inner {
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .sectionbox .sectionbox_inner {
    margin-top: 45px;
  }
}
@media screen and (min-width: 960px) {
  .sectionbox .sectionbox_inner {
    margin-top: 60px;
  }
}

.sectionbox__small {
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .sectionbox__small {
    margin-top: 45px;
  }
}
@media screen and (min-width: 960px) {
  .sectionbox__small {
    margin-top: 60px;
  }
}

/* =============================================================
box.css
============================================================== */
.serviceMenu {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.serviceMenu::after {
  content: "";
  display: block;
  width: 24%;
}
.serviceMenu li {
  width: 49%;
  margin-bottom: 10px;
}
@media screen and (min-width: 960px) {
  .serviceMenu li {
    width: 24%;
  }
}
.serviceMenu li a {
  display: flex;
  align-items: center;
  border: 2px solid #626d33;
  text-decoration: none;
  color: #000;
  background: #eee;
  padding: 12px 8px;
  font-size: 1.2rem;
  height: 100%;
  line-height: 1.6;
}
@media screen and (min-width: 560px) {
  .serviceMenu li a {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .serviceMenu li a {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .serviceMenu li a {
    font-size: 1.6rem;
    padding: 15px 20px;
  }
}
.serviceMenu li a:hover {
  background: #626d33;
  color: #fff;
}
.serviceMenu li a span {
  padding-left: 20px;
  position: relative;
  text-align: left;
  display: block;
}
.serviceMenu li a span::before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f063";
  font-weight: 900;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}

/*******調整********/
#wrapper canvas {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 0;
}

main, footer, header, .promo__inner, .pageTitle, .footerContact {
  position: relative;
  z-index: 1;
}

.promo__inner {
  margin-top: 56px;
}
@media screen and (min-width: 960px) {
  .promo__inner {
    margin-top: 76px;
  }
}

/****************************/
.contentsCatch__ttl {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.6667;
}
@media screen and (min-width: 560px) {
  .contentsCatch__ttl {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 960px) {
  .contentsCatch__ttl {
    font-size: 2.4rem;
  }
}
.contentsCatch__ttl br {
  display: none;
}
@media screen and (min-width: 560px) {
  .contentsCatch__ttl br {
    display: block;
  }
}
.contentsCatch .btn01 {
  padding-top: 30px;
  margin: 0 auto;
  max-width: 525px;
  width: 100%;
}
@media screen and (min-width: 560px) {
  .contentsCatch .btn01 {
    padding-top: 40px;
  }
}
@media screen and (min-width: 960px) {
  .contentsCatch .btn01 {
    padding-top: 50px;
  }
}

/************rentaloption**************/
.rentalOption__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.rentalOption__wrap::after {
  content: "";
  display: block;
  width: 48%;
}
@media screen and (min-width: 560px) {
  .rentalOption__wrap::after {
    content: "";
    display: block;
    width: 32%;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__wrap::after {
    content: "";
    display: block;
    width: 21%;
  }
}
.rentalOption__wrap--row {
  justify-content: flex-start;
  margin-left: -2%;
}
.rentalOption__wrap--row:before, .rentalOption__wrap--row:after {
  display: none;
}
@media screen and (min-width: 560px) {
  .rentalOption__wrap--row {
    margin-left: -1%;
  }
}
.rentalOption__wrap--row .rentalOption__caution {
  margin-left: 1%;
}
.rentalOption__ttl {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 10px;
}
@media screen and (min-width: 560px) {
  .rentalOption__ttl {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__ttl {
    font-size: 1.9rem;
  }
}
.rentalOption__ttl span {
  margin-left: 10px;
  font-size: 1.3rem;
  display: inline-block;
}
.rentalOption__zaiko {
  margin-top: 12px;
  font-size: 1.2rem;
}
@media screen and (min-width: 560px) {
  .rentalOption__zaiko {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__zaiko {
    font-size: 1.4rem;
  }
}
.rentalOption__caution1 {
  color: #a43030;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 8px;
  line-height: 1.2;
}
@media screen and (min-width: 560px) {
  .rentalOption__caution1 {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__caution1 {
    font-size: 1.3rem;
    margin-top: 10px;
  }
}
.rentalOption__only {
  border: 1px solid #a43030;
  color: #a43030;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 5px;
  margin-top: 8px;
  line-height: 1.2;
}
@media screen and (min-width: 560px) {
  .rentalOption__only {
    font-size: 1.3rem;
    padding: 8px;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__only {
    font-size: 1.4rem;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
  }
}
.rentalOption__txt {
  font-size: 1.1rem;
  margin-top: 10px;
  line-height: 1.5;
}
@media screen and (min-width: 560px) {
  .rentalOption__txt {
    font-size: 1.2rem;
    margin-top: 11px;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__txt {
    font-size: 1.4rem;
    margin-top: 12px;
  }
}
.rentalOption__price {
  text-align: right;
  font-size: 1.6rem;
  color: #626d33;
  font-weight: bold;
  margin-top: 10px;
}
@media screen and (min-width: 560px) {
  .rentalOption__price {
    font-size: 1.8rem;
    margin-top: 15px;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__price {
    font-size: 2rem;
    margin-top: 20px;
  }
}
.rentalOption__price span {
  font-size: 1.3rem;
  font-weight: normal;
  color: #333333;
}
@media screen and (min-width: 560px) {
  .rentalOption__price span {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__price span {
    font-size: 1.6rem;
  }
}
.rentalOption__price span:before {
  content: "/";
}
.rentalOption__list {
  width: 48%;
  margin-bottom: 15px;
}
@media screen and (min-width: 560px) {
  .rentalOption__list {
    width: 32%;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__list {
    width: 21%;
    margin-bottom: 35px;
  }
}
.rentalOption__list--row {
  width: 48%;
  margin-left: 2%;
}
@media screen and (min-width: 560px) {
  .rentalOption__list--row {
    width: 32%;
    margin-left: 1%;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__list--row {
    width: 19%;
  }
}
.rentalOption__ph {
  border: 1px solid #cccccc;
  text-align: center;
}
.rentalOption .hide_option {
  display: none;
}

/*************bannerArea***************/
.bannerArea {
  border-top: 1px solid #eee;
}
.bannerArea ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 560px) {
  .bannerArea ul::after {
    content: "";
    display: block;
    width: 33.3%;
  }
}
@media screen and (min-width: 768px) {
  .bannerArea ul::before {
    content: "";
    display: block;
    width: 24%;
    order: 1;
  }
  .bannerArea ul::after {
    content: "";
    display: block;
    width: 24%;
  }
}
.bannerArea ul li {
  width: 49%;
  margin-bottom: 8px;
  text-align: center;
}
@media screen and (min-width: 560px) {
  .bannerArea ul li {
    width: 33%;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) {
  .bannerArea ul li {
    width: 24%;
    margin-bottom: 15px;
  }
}
.bannerArea ul a {
  opacity: 1;
  transition: opacity 0.3s;
}
.bannerArea ul a:hover {
  opacity: 0.8;
  transition: opacity 0.3s;
}

/*************news****************/
.infoNews article a {
  display: block;
  font-size: 1.3rem;
  text-decoration: none;
  background: #fff;
  border-top: 1px solid #cccccc;
  padding: 15px 18px;
  transition: background 0.4s;
}
@media screen and (min-width: 560px) {
  .infoNews article a {
    font-size: 1.4rem;
    padding: 18px 21px;
  }
}
@media screen and (min-width: 768px) {
  .infoNews article a {
    padding: 20px 23px;
  }
}
@media screen and (min-width: 960px) {
  .infoNews article a {
    display: flex;
    padding: 25px 28px;
    font-size: 1.6rem;
  }
}
.infoNews article a:hover {
  background: #eee;
  transition: background 0.4s;
}
.infoNews article:last-child {
  border-bottom: 1px solid #cccccc;
}
.infoNews__time:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
}
.infoNews__time time {
  padding-left: 10px;
}
.infoNews__ttl {
  /*@include m-nowrap;*/
  line-height: 1.4;
  font-weight: normal;
  margin-top: 10px;
}
@media screen and (min-width: 960px) {
  .infoNews__ttl {
    margin-left: 27px;
    margin-left: 20px;
    margin-top: 0px;
  }
}

/*************report****************/
.infoReport a {
  display: block;
  background: #fff;
  padding: 20px;
  border-bottom: 1px solid #cccccc;
  text-decoration: none;
  transition: background 0.4s;
}
@media screen and (min-width: 560px) {
  .infoReport a {
    display: flex;
  }
}
.infoReport a:hover {
  background: #eee;
  transition: background 0.4s;
}
.infoReport:first-of-type a {
  border-top: 1px solid #cccccc;
}
.infoReport__ph {
  width: 100%;
  padding-bottom: 30%;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 560px) {
  .infoReport__ph {
    padding-bottom: 0%;
    width: 180px;
    height: 101px;
  }
}
.infoReport__box {
  flex: 1;
}
@media screen and (min-width: 560px) {
  .infoReport__box {
    margin-left: 20px;
  }
}
.infoReport__box__ttl {
  color: #626d33;
  font-size: 1.5rem;
  line-height: 1.4;
  font-feature-settings: "palt";
}
@media screen and (min-width: 560px) {
  .infoReport__box__ttl {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .infoReport__box__ttl {
    font-size: 1.8rem;
  }
}
.infoReport__box__ttl span {
  padding-left: 20px;
  position: relative;
  display: inline-block;
}
.infoReport__box__ttl span:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  position: absolute;
  left: 0px;
  top: 11px;
  transform: translateY(-50%);
}
.infoReport__box__txt {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-top: 10px;
  font-feature-settings: "palt";
}
@media screen and (min-width: 560px) {
  .infoReport__box__txt {
    font-size: 1.3rem;
    line-height: 1.42;
  }
}
@media screen and (min-width: 960px) {
  .infoReport__box__txt {
    font-size: 1.4rem;
  }
}

/****************************/
.campaignBanner__kikan {
  margin-top: 7px;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .campaignBanner__kikan {
    margin-top: 6px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 960px) {
  .campaignBanner__kikan {
    margin-top: 7px;
    font-size: 1.2rem;
  }
}
.campaignBanner__kikan span {
  display: block;
  margin-top: 8px;
  font-size: 1.2rem;
}
.campaignBanner__shop {
  margin-top: 20px;
}
.campaignBanner--bg {
  /*background: #f1f1f1;*/
  padding-top: 30px;
  padding-bottom: 30px;
}
.campaignBanner__ttl {
  background-color: #de5d08;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 15px 0;
  margin: 0px auto 10px auto;
  font-size: 1.8rem;
}
@media screen and (min-width: 560px) {
  .campaignBanner__ttl {
    font-size: 2.2rem;
    margin: 0px auto 25px auto;
  }
}
@media screen and (min-width: 960px) {
  .campaignBanner__ttl {
    font-size: 2.4rem;
    margin: 0px auto 30px auto;
  }
}
@media screen and (min-width: 560px) {
  .campaignBanner__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .campaignBanner__inner::after {
    content: "";
    display: block;
    width: 32%;
  }
}
.campaignBanner__banner {
  text-align: center;
  padding-bottom: 8px;
}
@media screen and (min-width: 560px) {
  .campaignBanner__banner {
    padding-bottom: 7px;
    width: 49%;
  }
}
@media screen and (min-width: 768px) {
  .campaignBanner__banner {
    width: 32%;
    padding-bottom: 14px;
  }
}
@media screen and (min-width: 960px) {
  .campaignBanner__banner {
    padding-bottom: 20px;
  }
}
.campaignBanner__txt {
  text-align: center;
}
.campaignBanner .btn01 {
  max-width: 250px;
  padding-top: 10px;
}
@media screen and (min-width: 560px) {
  .campaignBanner .btn01 {
    max-width: 280px;
  }
}
@media screen and (min-width: 960px) {
  .campaignBanner .btn01 {
    max-width: 320px;
  }
}
.campaignBanner .btn01 a {
  padding-top: 20px;
  padding-bottom: 20px;
}
.campaignBanner .btn01 a span {
  font-size: 1.5rem;
}
@media screen and (min-width: 560px) {
  .campaignBanner .btn01 a span {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 960px) {
  .campaignBanner .btn01 a span {
    font-size: 2rem;
  }
}

/******レンタカー一覧*********/
.RentaCarList {
  /****一覧ページ用******/
  /****店舗一覧リンク******/
  /****詳細リンク******/
}
@media screen and (min-width: 560px) {
  .RentaCarList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.RentaCarList__car {
  margin-bottom: 30px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car {
    width: 47%;
    margin-bottom: 40px;
    border-bottom: none;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car {
    width: 46%;
    margin-bottom: 50px;
  }
}
.RentaCarList__car--pb {
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car--pb {
    padding-bottom: 140px;
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car--pb {
    padding-bottom: 86px;
    margin-bottom: 80px;
  }
}
.RentaCarList__car__ttlbox {
  /*display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;*/
}
.RentaCarList__car__ttl {
  font-size: 1.8rem;
  color: #626d33;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car__ttl {
    font-size: 1.9rem;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car__ttl {
    font-size: 2.5rem;
  }
}
.RentaCarList__car__ttl--bold {
  font-weight: bold;
}
.RentaCarList__car__ttl span {
  font-size: 1.3rem;
  margin-left: 0px;
  margin-top: 10px;
  display: block;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car__ttl span {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .RentaCarList__car__ttl span {
    font-size: 1.6rem;
    /*display: inline-block;*/
    /*margin-left: 20px;*/
    margin-top: 3px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car__ttl span {
    font-size: 1.8rem;
  }
}
.RentaCarList__car__ph {
  text-align: center;
}
.RentaCarList__car__shop {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.2rem;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car__shop {
    font-size: 1.3rem;
    margin-top: 8px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car__shop {
    font-size: 1.6rem;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.RentaCarList__car__shop dt {
  display: none;
  background: #eee;
  padding: 5px 10px;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car__shop dt {
    margin-right: 10px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car__shop dt {
    display: block;
  }
}
.RentaCarList__car__shop dd {
  /*padding: 5px 10px 5px 0;*/
  font-size: 2.2rem;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car__shop dd {
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car__shop dd {
    font-size: 2rem;
  }
}
.RentaCarList__car__shop--colorh { /*本店*/
  /*background: #eee;*/
}
.RentaCarList__car__shop--colort { /*東京*/
  /*background: #eee;*/
}
.RentaCarList__car__shop--coloro { /*大阪*/
  /*background: #eee;*/
}
.RentaCarList__car__equipment {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-left: -5px;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car__equipment {
    margin-top: 8px;
    margin-left: -8px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car__equipment {
    margin-top: 10px;
    margin-left: -10px;
  }
}
.RentaCarList__car__equipment li {
  margin-top: 5px;
  margin-left: 5px;
  background: #fff;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car__equipment li {
    margin-top: 8px;
    margin-left: 8px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car__equipment li {
    margin-top: 10px;
    margin-left: 10px;
  }
}
.RentaCarList__car__equipment span {
  display: inline-block;
  border: 1px solid #cccccc;
  padding: 3px 5px;
  border-radius: 2px;
  font-size: 1.1rem;
  color: #686868;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car__equipment span {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car__equipment span {
    font-size: 1.4rem;
  }
}
.RentaCarList__car__ttl2 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #626d33;
  margin-top: 15px;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car__ttl2 {
    font-size: 1.8rem;
    margin-top: 20px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car__ttl2 {
    font-size: 2rem;
    margin-top: 25px;
  }
}
.RentaCarList__car__ttl2--font {
  font-weight: normal;
  color: #333;
}
.RentaCarList__car__descripton {
  margin-top: 10px;
}
.RentaCarList__car .RentaCarList__car__reserve {
  width: 100%;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car .RentaCarList__car__reserve {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 0px;
    padding-top: 0px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car .RentaCarList__car__reserve {
    display: flex;
    justify-content: space-between;
  }
}
.RentaCarList__car .btn01, .RentaCarList__car .btn02 {
  margin: 0 auto;
  max-width: 450px;
  width: 100%;
  padding-top: 15px;
}
@media screen and (min-width: 960px) {
  .RentaCarList__car .btn01, .RentaCarList__car .btn02 {
    width: 48%;
  }
}
.RentaCarList__car .btn01 a, .RentaCarList__car .btn02 a {
  padding: 15px 10px;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car .btn01 a, .RentaCarList__car .btn02 a {
    padding: 18px 10px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car .btn01 a, .RentaCarList__car .btn02 a {
    padding: 20px 10px;
  }
}
.RentaCarList__car .btn01 span, .RentaCarList__car .btn02 span {
  font-size: 1.4rem;
}
@media screen and (min-width: 560px) {
  .RentaCarList__car .btn01 span, .RentaCarList__car .btn02 span {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList__car .btn01 span, .RentaCarList__car .btn02 span {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .RentaCarList__car .btn01 span, .RentaCarList__car .btn02 span {
    font-size: 1.6rem;
  }
}
.RentaCarList--otherStyle {
  display: block;
}
@media screen and (min-width: 560px) {
  .RentaCarList--otherStyle {
    display: flex;
  }
}
.RentaCarList--otherStyle .RentaCarList__car {
  width: 100%;
}
@media screen and (min-width: 560px) {
  .RentaCarList--otherStyle .RentaCarList__car {
    width: 47%;
  }
}
.RentaCarList--otherStyle .RentaCarList__car__shop span {
  background: #eee;
}
.RentaCarList--listdetail {
  display: block;
  margin-top: 30px;
}
.RentaCarList--listdetail::after {
  content: "";
  display: block;
  width: 32%;
}
@media screen and (min-width: 560px) {
  .RentaCarList--listdetail {
    display: flex;
    margin-top: 45px;
  }
}
.RentaCarList--listdetail .RentaCarList__car {
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: none;
}
@media screen and (min-width: 560px) {
  .RentaCarList--listdetail .RentaCarList__car {
    width: 48%;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList--listdetail .RentaCarList__car {
    width: 32%;
  }
}
.RentaCarList--listdetail .RentaCarList__car__ttlbox span {
  margin-left: 0px;
}
.RentaCarList--listdetail .RentaCarList__car__ttl {
  font-size: 2rem;
}
.RentaCarList--listdetail .RentaCarList__car__ttl span {
  font-size: 1.5rem;
  margin-left: 0px;
}
.RentaCarList--listdetail .RentaCarList__car .RentaCarList__car__shop {
  display: none;
}
.RentaCarList--listdetail .RentaCarList__car .RentaCarList__car__equipment span {
  font-size: 1.2rem;
}
@media screen and (min-width: 560px) {
  .RentaCarList--listdetail .RentaCarList__car .RentaCarList__car__equipment span {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList--listdetail .RentaCarList__car .RentaCarList__car__equipment span {
    font-size: 1.4rem;
  }
}
.RentaCarList--listdetail .RentaCarList__car .RentaCarList__car__ttl2 {
  display: none;
}
.RentaCarList--listdetail .RentaCarList__car .RentaCarList__car__descripton {
  display: none;
}
.RentaCarList--listdetail .RentaCarList__car--pb {
  padding-bottom: 0px;
}
@media screen and (min-width: 560px) {
  .RentaCarList--listdetail .RentaCarList__car--pb {
    padding-bottom: 65px;
  }
}
.RentaCarList--listdetail .RentaCarList__car__shop {
  font-size: 1.4rem;
}
.RentaCarList--listdetail .RentaCarList__car__shop span {
  background: #fff;
}
.RentaCarList--listdetail .RentaCarList__car .RentaCarList__car__reserve {
  position: static;
  transform: none;
}
@media screen and (min-width: 1200px) {
  .RentaCarList--listdetail .RentaCarList__car .RentaCarList__car__reserve {
    position: absolute;
    left: -50%;
    bottom: 0px;
    transform: translateX(50%);
  }
}
.RentaCarList--listdetail .RentaCarList__car .btn01, .RentaCarList--listdetail .RentaCarList__car .btn02 {
  /*position: static;
  transform: translate(0,0);*/
  margin-top: 10px;
  width: 90%;
}
@media screen and (min-width: 560px) {
  .RentaCarList--listdetail .RentaCarList__car .btn01, .RentaCarList--listdetail .RentaCarList__car .btn02 {
    width: 90%;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList--listdetail .RentaCarList__car .btn01, .RentaCarList--listdetail .RentaCarList__car .btn02 {
    width: 80%;
  }
}
.RentaCarList--listdetail .RentaCarList__car .btn01 a, .RentaCarList--listdetail .RentaCarList__car .btn02 a {
  padding: 15px 5px;
}
.RentaCarList--listdetail .RentaCarList__car .btn01 span, .RentaCarList--listdetail .RentaCarList__car .btn02 span {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .RentaCarList--listdetail .RentaCarList__car .btn01 span, .RentaCarList--listdetail .RentaCarList__car .btn02 span {
    font-size: 1.1rem;
    padding-left: 11px;
  }
}
@media screen and (min-width: 1200px) {
  .RentaCarList--listdetail .RentaCarList__car .btn01 span, .RentaCarList--listdetail .RentaCarList__car .btn02 span {
    font-size: 1.4rem;
    padding-left: 13px;
  }
}
.RentaCarList--listStyle {
  display: block;
  margin-top: 30px;
  background: #eee;
  padding: 5%;
}
.RentaCarList--listStyle::after {
  content: "";
  display: block;
  width: 32%;
}
@media screen and (min-width: 560px) {
  .RentaCarList--listStyle {
    padding: 3%;
    display: flex;
    margin-top: 45px;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList--listStyle {
    margin-top: 80px;
  }
}
.RentaCarList--listStyle .RentaCarList__car {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .RentaCarList--listStyle .RentaCarList__car {
    width: 48%;
  }
}
@media screen and (min-width: 960px) {
  .RentaCarList--listStyle .RentaCarList__car {
    width: 32%;
  }
}
.RentaCarList--listStyle .RentaCarList__car__ttl {
  font-size: 2rem;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
.RentaCarList--listStyle .RentaCarList__car__ttl span {
  font-size: 1.5rem;
  margin-left: 0px;
}
.RentaCarList--listStyle .RentaCarList__car .RentaCarList__car--pb {
  padding-bottom: 113px;
}
.RentaCarList--listStyle .RentaCarList__car .RentaCarList__car__equipment span {
  font-size: 1.2rem;
}
.RentaCarList--listStyle .RentaCarList__car .RentaCarList__car__ttl2 {
  margin-top: 10px;
  font-size: 1.5rem;
}
.RentaCarList--listStyle .RentaCarList__car .RentaCarList__car__descripton {
  display: none;
}
.RentaCarList--listStyle .RentaCarList__car--pb {
  padding-bottom: 0px;
}
@media screen and (min-width: 560px) {
  .RentaCarList--listStyle .RentaCarList__car--pb {
    padding-bottom: 120px;
  }
}
.RentaCarList--listStyle .RentaCarList__car__shop dt {
  background: #fff;
}
.RentaCarList--listStyle .RentaCarList__car__shop dt, .RentaCarList--listStyle .RentaCarList__car__shop dd {
  font-size: 1.4rem;
}
@media screen and (min-width: 560px) {
  .RentaCarList--listStyle .RentaCarList__car__shop dt, .RentaCarList--listStyle .RentaCarList__car__shop dd {
    font-size: 1.6rem;
  }
}
.RentaCarList--listStyle .RentaCarList__car .RentaCarList__car__reserve {
  display: block;
  width: 100%;
}
.RentaCarList--listStyle .RentaCarList__car .btn01, .RentaCarList--listStyle .RentaCarList__car .btn02 {
  width: 100%;
  /*position: static;
  transform: translate(0,0);*/
  margin-top: 0px;
}
.RentaCarList--listStyle .RentaCarList__car .btn01 a, .RentaCarList--listStyle .RentaCarList__car .btn02 a {
  padding: 15px 5px 15px;
}
.RentaCarList--listStyle .RentaCarList__car .btn01 span, .RentaCarList--listStyle .RentaCarList__car .btn02 span {
  font-size: 1.3rem;
  padding-left: 13px;
}

.notfound .btn01 {
  margin: 0 auto;
  max-width: 520px;
}
@media screen and (min-width: 560px) {
  .notfound .btn01 {
    margin-top: 0px;
  }
}
@media screen and (min-width: 960px) {
  .notfound .btn01 {
    margin-top: 0px;
  }
}
.notfound .btn01 a {
  padding: 15px;
}
.notfound .btn01 a span {
  font-size: 1.4rem;
}
@media screen and (min-width: 560px) {
  .notfound .btn01 a span {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .notfound .btn01 a span {
    font-size: 1.6rem;
  }
}

.fixCaution2 {
  position: relative;
}

.fixCaution {
  background: #a43030;
  color: #fff;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 10;
  padding: 0 10px;
}
.fixCaution.close {
  bottom: 21vw;
}
@media screen and (min-width: 560px) {
  .fixCaution.close {
    bottom: -79px;
  }
}
@media screen and (min-width: 960px) {
  .fixCaution.close {
    bottom: -96px;
  }
}
.fixCaution__oc {
  font-size: 20px;
  background: #a43030;
  border: 1px solid #a43030;
  padding: 5px 15px;
  position: absolute;
  top: -28px;
  left: 0px;
  border-radius: 30px 30px 0 0;
}
.fixCaution__inner {
  max-width: 1080px;
  margin-inline: auto;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media screen and (min-width: 560px) {
  .fixCaution__inner {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 960px) {
  .fixCaution__inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.fixCaution__ttl {
  /*@include m-font-size(14);*/
  font-size: 5vw;
  margin-bottom: 3px;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .fixCaution__ttl {
    font-size: 1.6rem;
    margin-bottom: 7px;
  }
}
@media screen and (min-width: 960px) {
  .fixCaution__ttl {
    font-size: 1.8rem;
    margin-bottom: 8px;
  }
}
.fixCaution__txt {
  font-size: 3.4vw;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .fixCaution__txt {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .fixCaution__txt {
    font-size: 1.6rem;
  }
}
.fixCaution__txt br {
  display: block;
}
@media screen and (min-width: 560px) {
  .fixCaution__txt br {
    display: none;
  }
}

/* =============================================================
breadcrumb.css
============================================================== */
/* =============================================================
breadcrumb.css
============================================================== */
#breadcrumb {
  display: none;
  text-align: left;
  color: #333333;
}
@media screen and (min-width: 960px) {
  #breadcrumb {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
#breadcrumb li {
  font-size: 1.4rem;
  display: inline-block;
}
#breadcrumb li span {
  margin-right: 3px;
}
#breadcrumb li a {
  color: #333333;
  text-decoration: none;
}

/* =============================================================
pagenavi.css
============================================================== */
/* pagination
-----------------------*/
.pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .pagination {
    margin-top: 35px;
  }
}
@media screen and (min-width: 960px) {
  .pagination {
    margin-top: 40px;
  }
}
.pagination ul {
  text-align: center;
}
.pagination li {
  display: inline-block;
}
.pagination a,
.pagination .current_page {
  display: inline-block;
  text-decoration: none;
  color: #333333;
  text-decoration: none;
  font-size: 1.2rem;
  line-height: 1;
  border: 1px solid #ccc;
  transition: 0.2s all;
  padding: 8px;
}
@media screen and (min-width: 560px) {
  .pagination a,
  .pagination .current_page {
    font-size: 1.3rem;
    padding: 8px 10px;
    margin: 5px 3px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 960px) {
  .pagination a,
  .pagination .current_page {
    font-size: 1.4rem;
    padding: 10px 15px;
    margin: 8px 5px;
  }
}
@media screen and (min-width: 960px) {
  .pagination a:hover,
  .pagination .current_page:hover {
    border: 1px solid #626d33;
    background: #626d33;
    color: #fff;
  }
}
.pagination .current_page {
  background: #626d33;
  color: #fff;
  border: 1px solid #626d33;
}
@media screen and (min-width: 960px) {
  .pagination .current_page:hover {
    border: 1px solid #626d33;
  }
}

/* pagelink */
.pagelink {
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .pagelink {
    margin-top: 40px;
  }
}
@media screen and (min-width: 960px) {
  .pagelink {
    margin-top: 60px;
  }
}
.pagelink ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.pagelink li {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  height: 100%;
}
@media screen and (min-width: 560px) {
  .pagelink li {
    width: 31%;
    max-width: 240px;
  }
}
.pagelink li a {
  background: #fff;
  font-size: 1.3rem;
  padding: 3px 0;
  display: block;
  line-height: 1.4;
  border-width: 0px 1px;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  text-decoration: none;
  color: #333;
}
@media screen and (min-width: 560px) {
  .pagelink li a {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .pagelink li a {
    font-size: 1.5rem;
  }
}
.pagelink li a.return {
  background: #fff;
  padding: 10px 0;
  position: relative;
  height: 100%;
  border: 1px solid #d2d2d2;
  border-width: 0px 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 960px) {
  .pagelink li a {
    /*padding: 15px 0;*/
  }
}
.pagelink li a.prev {
  text-align: left;
  justify-content: left;
  margin-left: 10px;
  padding-left: 30px;
}
@media screen and (min-width: 960px) {
  .pagelink li a.prev {
    padding-left: 40px;
  }
}
.pagelink li a.prev:before {
  /*@include m-fa_icon("\f053");*/
  font-family: "Font Awesome 5 Free";
  content: "\f053";
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 50%;
  color: #626d33;
  font-size: 15px;
  margin-right: 8px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 560px) {
  .pagelink li a.prev:before {
    font-size: 30px;
  }
}
.pagelink li a.next {
  text-align: right;
  justify-content: right;
  margin-left: 10px;
  padding-right: 30px;
}
@media screen and (min-width: 960px) {
  .pagelink li a.next {
    padding-right: 40px;
  }
}
.pagelink li a.next:after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 15px;
  margin-left: 8px;
  position: absolute;
  color: #626d33;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 560px) {
  .pagelink li a.next:after {
    font-size: 30px;
  }
}

/* pagenavi
-----------------------*/
.pagenavi {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
@media screen and (min-width: 560px) {
  .pagenavi {
    width: 100%;
    margin: 0px;
  }
}
@media screen and (min-width: 960px) {
  .pagenavi {
    align-items: flex-start;
  }
}
.pagenavi_top {
  width: 50%;
  text-align: center;
}
@media screen and (min-width: 560px) {
  .pagenavi_top {
    width: 40%;
  }
}
@media screen and (min-width: 960px) {
  .pagenavi_top {
    width: 33.3%;
  }
}
.pagenavi_top .btn01 {
  margin-top: 0;
}
.pagenavi_top .btn01 a {
  width: 80%;
}
.pagenavi_top .btn01 a::after {
  display: none;
}
.pagenavi_next, .pagenavi_prev {
  width: 25%;
}
@media screen and (min-width: 560px) {
  .pagenavi_next, .pagenavi_prev {
    width: 30%;
  }
}
@media screen and (min-width: 960px) {
  .pagenavi_next, .pagenavi_prev {
    width: 33.3%;
  }
}
.pagenavi_next span, .pagenavi_prev span {
  position: relative;
}
.pagenavi_next span:first-of-type, .pagenavi_prev span:first-of-type {
  color: #083f99;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .pagenavi_next span:first-of-type, .pagenavi_prev span:first-of-type {
    font-size: 1.6rem;
  }
}
.pagenavi_next span:nth-of-type(2), .pagenavi_prev span:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 960px) {
  .pagenavi_next span:nth-of-type(2), .pagenavi_prev span:nth-of-type(2) {
    display: block;
    font-size: 1.2rem;
    line-height: 1.3;
    margin-top: 10px;
  }
}
@media screen and (min-width: 960px) {
  .pagenavi_next span:nth-of-type(2), .pagenavi_prev span:nth-of-type(2) {
    font-size: 1.4rem;
  }
}
.pagenavi_next a, .pagenavi_prev a {
  text-decoration: none;
  color: #333333;
  transition: all 0.1s;
}
@media screen and (min-width: 960px) {
  .pagenavi_next a:hover, .pagenavi_prev a:hover {
    opacity: 0.6;
  }
}
.pagenavi .pagenavi_next {
  text-align: right;
}
.pagenavi .pagenavi_prev {
  text-align: left;
}

/* =============================================================
button.scss
============================================================== */
.slink {
  cursor: pointer;
}

.rentacar_btn01 {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 15px;
}
@media screen and (min-width: 560px) {
  .rentacar_btn01 {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacar_btn01 {
    font-size: 1.8rem;
  }
}
.rentacar_btn01 a {
  background: #a43030;
  display: block;
  padding: 13px 20px 13px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}
@media screen and (min-width: 960px) {
  .rentacar_btn01 a {
    padding: 15px 10px 15px;
  }
}
@media screen and (min-width: 960px) {
  .rentacar_btn01 a:hover {
    background: #333;
  }
}
.rentacar_btn01 a i {
  margin-right: 6px;
  font-size: 1.6rem;
}
.rentacar_btn01--size {
  font-size: 1.5rem;
}
@media screen and (min-width: 560px) {
  .rentacar_btn01--size {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .rentacar_btn01--size {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacar_btn01--size {
    font-size: 2.4rem;
  }
}
.rentacar_btn01--size a {
  padding: 20px 15px;
}
@media screen and (min-width: 560px) {
  .rentacar_btn01--size a {
    padding: 22px 18px;
  }
}
@media screen and (min-width: 960px) {
  .rentacar_btn01--size a {
    padding: 25px 20px;
  }
}
.rentacar_btn01--size a i {
  font-size: 1.5rem;
}
@media screen and (min-width: 560px) {
  .rentacar_btn01--size a i {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .rentacar_btn01--size a i {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacar_btn01--size a i {
    font-size: 2.4rem;
  }
}

.btn01 {
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .btn01 {
    display: block;
  }
}
.btn01 a {
  width: 100%;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  background: #8a7b59;
  display: block;
  text-decoration: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 15px 0px;
}
@media screen and (min-width: 560px) {
  .btn01 a {
    padding: 20px 0px;
  }
}
@media screen and (min-width: 960px) {
  .btn01 a {
    padding: 25px 0px;
  }
}
@media screen and (min-width: 960px) {
  .btn01 a:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #000;
    transition: width 0.3s;
  }
}
@media screen and (min-width: 960px) {
  .btn01 a:hover:before {
    width: 100%;
    transition: width 0.3s;
  }
}
.btn01 a span {
  position: relative;
  font-size: 1.3rem;
  padding-left: 20px;
}
.btn01 a span:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}
@media screen and (min-width: 560px) {
  .btn01 a span {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .btn01 a span {
    font-size: 2.4rem;
  }
}

.btn02 {
  margin: 0 auto;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .btn02 {
    display: block;
  }
}
.btn02 a {
  width: 100%;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  background: #a43030;
  display: block;
  text-decoration: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 15px 0px;
}
@media screen and (min-width: 560px) {
  .btn02 a {
    padding: 20px 0px;
  }
}
@media screen and (min-width: 960px) {
  .btn02 a {
    padding: 25px 0px;
  }
}
@media screen and (min-width: 960px) {
  .btn02 a:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #000;
    transition: width 0.3s;
  }
}
@media screen and (min-width: 960px) {
  .btn02 a:hover:before {
    width: 100%;
    transition: width 0.3s;
  }
}
.btn02 a span {
  position: relative;
  font-size: 1.3rem;
  padding-left: 20px;
}
.btn02 a span:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}
@media screen and (min-width: 560px) {
  .btn02 a span {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .btn02 a span {
    font-size: 2.4rem;
  }
}

.btn2 {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 15px;
}
@media screen and (min-width: 560px) {
  .btn2 {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .btn2 {
    font-size: 2rem;
  }
}
.btn2 a {
  background: #a43030;
  display: block;
  padding: 13px 20px 13px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 960px) {
  .btn2 a {
    padding: 15px 10px 15px;
  }
}
@media screen and (min-width: 960px) {
  .btn2 a:hover {
    background: #000;
  }
}
.btn2 a:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.btn2--top {
  margin-top: 50px;
}
@media screen and (min-width: 560px) {
  .btn2--top {
    margin-top: 45px;
  }
}
@media screen and (min-width: 960px) {
  .btn2--top {
    margin-top: 80px;
  }
}
.btn2--width {
  max-width: 410px;
  margin: 0 auto;
}
.btn2--width a {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (min-width: 560px) {
  .btn2--width a {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
@media screen and (min-width: 960px) {
  .btn2--width a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.btn2--pd a {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (min-width: 560px) {
  .btn2--pd a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 960px) {
  .btn2--pd a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.newsEntry .btn2 {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 15px;
  max-width: 400px;
  margin: 0 auto;
  padding-top: 10px;
}
@media screen and (min-width: 560px) {
  .newsEntry .btn2 {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .newsEntry .btn2 {
    font-size: 2rem;
  }
}

/* =============================================================
form.css
============================================================== */
.error_txt {
  width: 100%;
  padding: 10px 15px 8px 35px;
  box-sizing: border-box;
  font-size: 108%;
  position: relative;
  background: #fff5f5;
}

.error_txt i {
  display: block;
  position: absolute;
  top: 11px;
  left: 10px;
  font-size: 18px;
}

.error_box {
  background: #fff;
  padding: 20px;
  border: 1px solid #bcbcbc;
  border-radius: 3px;
  margin-bottom: 40px;
}

.error_box p {
  color: #cf1212;
  padding-bottom: 10px;
  font-size: 1.3rem;
}

.submit_btn button[type=submit] {
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 400px;
  border: 1px solid #a43030;
  color: #fff;
  font-weight: bold;
  padding: 15px 0px;
  font-size: 138.5%;
  font-size: 1.8rem;
  line-height: 1.5;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  font-family: "游ゴシック";
  background: #a43030;
}

.back_btn {
  width: 100%;
  max-width: 250px;
  margin: 20px auto 0px auto;
  text-align: center;
}
@media screen and (min-width: 360px) {
  .back_btn {
    width: 60%;
  }
}

.back_btn button {
  border: 1px solid #b9b9b9;
  display: block;
  width: 100%;
  margin: 0px auto;
  color: #333333;
  padding: 10px 0px 8px 0px;
  font-size: 1.3rem;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  background: rgb(238, 238, 238);
}

.formbtn_box {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (min-width: 560px) {
  .submit_btn button[type=submit] {
    padding: 15px 0px;
    font-size: 2rem;
  }
  .back_btn button {
    padding: 13px 0px 13px 0px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
/* form parts style
---------------------------------------------*/
.form50 {
  width: 50px;
}

.form70 {
  width: 70px;
}

.form100 {
  width: 100%;
  max-width: 100px;
}

.form150 {
  width: 100%;
  max-width: 150px;
}

.form200 {
  width: 100%;
  max-width: 200px;
}

.form250 {
  width: 100%;
  max-width: 250px;
}

.form300 {
  width: 100%;
  max-width: 300px;
}

.form350 {
  width: 100%;
  max-width: 350px;
}

.form400 {
  width: 100%;
  max-width: 400px;
}

.formmax {
  width: 100%;
}

.comment_box {
  width: 100%;
  margin: 5px 0px 5px 0px;
  height: 300px;
}

input[type=text],
input[type=tel],
input[type=email],
textarea {
  border: 1px solid #ccc;
  padding: 6px;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 100%;
}

@media screen and (min-width: 960px) {
  input[type=text],
  input[type=tel],
  input[type=email],
  textarea {
    padding: 8px;
    border-radius: 3px;
  }
}
select {
  border: 1px solid #ccc;
  padding: 5px;
}

input:focus,
textarea:focus {
  border: 1px solid #217fc4;
  box-shadow: 0px 0px 3px #ccc;
}

input[type=radio] {
  margin-top: -3px;
}

button:disabled {
  opacity: 0.4 !important;
  cursor: default !important;
}

/* =============================================================
list.css list-style-typeを書く
============================================================== */
/* =============================================================
list.scss
============================================================== */
.c-ul_basic {
  padding-left: 20px;
}
.c-ul_basic li {
  list-style: disc;
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (min-width: 560px) {
  .c-ul_basic li {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .c-ul_basic li {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}

.c-ol_basic {
  padding-left: 20px;
}
.c-ol_basic li {
  list-style: disc;
  font-size: 100%;
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (min-width: 560px) {
  .c-ol_basic li {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .c-ol_basic li {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}

.c-li_attention li {
  position: relative;
  padding-left: 20px;
  text-indent: -15px;
  font-size: 100%;
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (min-width: 560px) {
  .c-li_attention li {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 960px) {
  .c-li_attention li {
    font-size: 1.6rem;
    line-height: 1.8;
    line-height: 1.4;
  }
}
.c-li_attention li + li {
  margin-top: 5px;
}
.c-li_attention li::before {
  content: "※";
}

.c-li_icon li {
  position: relative;
  font-size: 100%;
  font-size: 1.3rem;
  line-height: 1.8;
  line-height: 1.3;
}
@media screen and (min-width: 560px) {
  .c-li_icon li {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 960px) {
  .c-li_icon li {
    font-size: 1.6rem;
    line-height: 1.8;
    line-height: 1.4;
  }
}
.c-li_icon li + li {
  margin-top: 5px;
}
@media screen and (min-width: 960px) {
  .c-li_icon li + li {
    margin-top: 8px;
  }
}

.c-li_icon--orange i {
  color: #083f99;
}

.c-li_small li {
  font-size: 1.2rem;
}
@media screen and (min-width: 560px) {
  .c-li_small li {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .c-li_small li {
    font-size: 1.3rem;
  }
}

/* =============================================================
parts/title.scss
============================================================== */
.car_custody {
  margin-bottom: 40px;
}
.car_custody__ttl {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 15px;
}
@media screen and (min-width: 560px) {
  .car_custody__ttl {
    font-size: 1.7rem;
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 960px) {
  .car_custody__ttl {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
.car_custody__txt {
  font-size: 1.3rem;
  line-height: 1.6;
}
@media screen and (min-width: 560px) {
  .car_custody__txt {
    font-size: 1.5rem;
  }
}
.car_custody__txt br {
  display: none;
}
@media screen and (min-width: 768px) {
  .car_custody__txt br {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .car_custody__txt {
    font-size: 1.6rem;
  }
}

.pageTitle {
  background: url(../../img/title/title_bg.jpg) center top;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px;
}
@media screen and (min-width: 768px) {
  .pageTitle {
    height: 170px;
    margin-top: 200px;
  }
}
@media screen and (min-width: 960px) {
  .pageTitle {
    height: 190px;
    margin-top: 187px;
  }
}
@media screen and (min-width: 1200px) {
  .pageTitle {
    height: 190px;
    margin-top: 193px;
  }
}
.pageTitle__title {
  color: #fff;
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: 2px;
  line-height: 1.2;
  font-weight: bold;
}
@media screen and (min-width: 560px) {
  .pageTitle__title {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 768px) {
  .pageTitle__title {
    font-size: 3rem;
  }
}
@media screen and (min-width: 960px) {
  .pageTitle__title {
    font-size: 3.6rem;
  }
}
@media screen and (min-width: 560px) {
  .pageTitle__title br {
    display: none;
  }
}
.pageTitle__title span {
  display: block;
  font-family: "oswald";
  font-size: 1.7rem;
  margin-top: 10px;
  font-weight: 600;
}
@media screen and (min-width: 560px) {
  .pageTitle__title span {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .pageTitle__title span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .pageTitle__title span {
    font-size: 2.4rem;
  }
}

/*******ttl01*********/
.ttl01 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 2.2rem;
  line-height: 1.3;
}
@media screen and (min-width: 560px) {
  .ttl01 {
    font-size: 2.5rem;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .ttl01 {
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .ttl01 {
    font-size: 3.7rem;
    margin-bottom: 50px;
  }
}
.ttl01 span {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "oswald";
  margin-top: 0px;
}
@media screen and (min-width: 560px) {
  .ttl01 span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .ttl01 span {
    font-size: 2.4rem;
  }
}
.ttl01__sub {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

.ttl01--left {
  text-align: left;
}

.ttl01__en {
  font-size: 1.4rem;
  margin-bottom: 30px;
  font-family: "Poppins", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E";
  font-weight: 700;
  color: #084098;
  text-align: center;
}
@media screen and (min-width: 560px) {
  .ttl01__en {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .ttl01__en {
    font-size: 1.5rem;
    margin-bottom: 50px;
  }
}
.ttl01__en span {
  position: relative;
  letter-spacing: 1px;
}
.ttl01__en span:before {
  content: "";
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: -8px;
  border-bottom: 1px solid #231815;
  width: 40px;
  height: 1px;
}
@media screen and (min-width: 768px) {
  .ttl01__en span:before {
    left: 0%;
    transform: translateX(0%);
    letter-spacing: 3px;
  }
}
@media screen and (min-width: 960px) {
  .ttl01__en span:before {
    bottom: -12px;
  }
}
.ttl01__en-white {
  color: #fff;
}
.ttl01__en-white span:before {
  border-bottom: 1px solid #fff;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
}

/*******ttl02*********/
.ttl02 {
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color: #626d33;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .ttl02 {
    font-size: 2.2rem;
    padding-bottom: 12px;
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 768px) {
  .ttl02 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 960px) {
  .ttl02 {
    font-size: 3rem;
    padding-bottom: 18px;
    margin-bottom: 25px;
  }
}
.ttl02 span {
  font-size: 1.8rem;
  margin-left: 20px;
}
.ttl02 .opt {
  display: block;
  margin-left: 0px;
  font-size: 1.3rem;
  color: #a43030;
  margin-top: 5px;
}
@media screen and (min-width: 560px) {
  .ttl02 .opt {
    margin-top: 7px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .ttl02 .opt {
    margin-top: 10px;
    font-size: 1.6rem;
  }
}

/*******ttl03*********/
.ttl03 {
  font-size: 1.6rem;
  border-left: 5px solid #626d33;
  padding-left: 12px;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (min-width: 560px) {
  .ttl03 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .ttl03 {
    font-size: 2.4rem;
  }
}

/* =============================================================
table.css
============================================================== */
.companytbl {
  width: 100%;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.companytbl tbody,
.companytbl tfoot,
.companytbl tr,
.companytbl th,
.companytbl td {
  display: block;
  width: 100%;
}
.companytbl tr {
  display: table;
}
.companytbl th, .companytbl td {
  font-size: 1.3rem;
  line-height: 1.8;
  width: 100%;
  padding: 6px;
}
@media screen and (min-width: 560px) {
  .companytbl th, .companytbl td {
    font-size: 1.5rem;
    padding: 11px;
  }
}
@media screen and (min-width: 768px) {
  .companytbl th, .companytbl td {
    padding: 15px;
    display: table-cell;
    width: auto;
  }
}
@media screen and (min-width: 960px) {
  .companytbl th, .companytbl td {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.companytbl th {
  text-align: center;
  border-bottom: 1px solid #fff;
  background: #626d33;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .companytbl th {
    width: 200px;
    vertical-align: top;
    font-weight: normal;
  }
}
@media screen and (min-width: 768px) {
  .companytbl td {
    border-bottom: 1px solid #cccccc;
  }
}
@media screen and (min-width: 768px) {
  .companytbl tr:last-child th, .companytbl tr:last-child td {
    border: none;
  }
}

.hosyo_tbl {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .hosyo_tbl {
    width: auto;
  }
}
.hosyo_tbl th, .hosyo_tbl td {
  text-align: center;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  line-height: 1.4;
  padding: 10px 3px;
  font-size: 1.1rem;
}
@media screen and (min-width: 560px) {
  .hosyo_tbl th, .hosyo_tbl td {
    padding: 12px 15px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .hosyo_tbl th, .hosyo_tbl td {
    padding: 12px 20px;
    font-size: 1.5rem;
  }
}
.hosyo_tbl th span, .hosyo_tbl td span {
  font-size: 82%;
  display: block;
}
.hosyo_tbl th {
  color: #fff;
  background: #626d33;
}

.tbl01 {
  width: 100%;
  border: 1px solid #b6b6b6;
  table-layout: fixed;
}
.tbl01 th, .tbl01 td {
  border-right: 1px solid #b6b6b6;
  width: 50%;
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (min-width: 560px) {
  .tbl01 th, .tbl01 td {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .tbl01 th, .tbl01 td {
    display: table-cell;
    width: auto;
  }
}
@media screen and (min-width: 960px) {
  .tbl01 th, .tbl01 td {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.tbl01 th {
  padding: 10px 15px 10px 15px;
  text-align: left;
  background: #eee;
}
@media screen and (min-width: 768px) {
  .tbl01 th {
    width: 200px;
    vertical-align: top;
    font-weight: normal;
    border-bottom: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
    padding: 15px;
  }
}
@media screen and (min-width: 960px) {
  .tbl01 th {
    width: 200px;
    padding: 25px;
  }
}
.tbl01 td {
  padding: 5px 15px 10px 15px;
  border-bottom: 1px solid #b6b6b6;
}
@media screen and (min-width: 768px) {
  .tbl01 td {
    padding: 15px;
    border-right: 1px solid #b6b6b6;
  }
}
@media screen and (min-width: 960px) {
  .tbl01 td {
    padding: 20px;
  }
}

/* =============================================================
keyframe.scss
============================================================== */
/*****スタッフカード interviewページ******/
.js_staffcard {
  position: relative;
}
@media screen and (min-width: 768px) {
  .js_staffcard {
    opacity: 0;
    right: -10px;
  }
}
@media screen and (min-width: 768px) {
  .js_staffcard.js_staffcard_move {
    opacity: 1;
    right: 0px;
    transition: right 0.5s, opacity 0.5s;
  }
}

/*****製品一覧******/
.js_product {
  position: relative;
}
@media screen and (min-width: 768px) {
  .js_product {
    opacity: 0;
    transform: scale(0.97);
  }
}
@media screen and (min-width: 768px) {
  .js_product.js_product_active {
    opacity: 1;
    transform: scale(1);
    transition: top 0.5s, opacity 0.5s, transform 0.5s;
  }
}

/*****下から上へ******/
.js_fadeinup {
  position: relative;
}
@media screen and (min-width: 768px) {
  .js_fadeinup {
    top: 20px;
    opacity: 0;
    transform: scale(0.98);
  }
}
@media screen and (min-width: 768px) {
  .js_fadeinup.js_fadeinup_move {
    top: 0px;
    opacity: 1;
    transform: scale(1);
    transition: top 0.5s, opacity 0.5s, transform 0.5s;
  }
}

/**********/
.js_box {
  overflow: hidden;
}
.js_box_pos {
  position: relative;
  transform: translateY(100%);
  transition-duration: 0.8s;
  display: block;
}
.js_box_move {
  transform: translateY(0%);
  transition-duration: 0.8s;
}

/*****下から上へ******/
.js_scale {
  position: relative;
}
@media screen and (min-width: 768px) {
  .js_scale {
    opacity: 0;
    transform: scale(0.98);
  }
}
@media screen and (min-width: 768px) {
  .js_scale.js_scale_move {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s, transform 0.5s;
  }
}

@-webkit-keyframes uneune {
  0% {
    border-radius: 60% 50% 70% 80%/50% 60% 50% 70%;
  }
  25% {
    border-radius: 70% 60% 60% 90%/70% 80% 40% 90%;
  }
  50% {
    border-radius: 60% 40% 70% 60%/40% 60% 50% 60%;
  }
  75% {
    border-radius: 90% 60% 40% 70%/70% 50% 80% 40%;
  }
  100% {
    border-radius: 60% 50% 70% 80%/50% 60% 50% 70%;
  }
}
@keyframes uneune {
  0% {
    border-radius: 60% 50% 70% 80%/50% 60% 50% 70%;
  }
  25% {
    border-radius: 70% 60% 60% 90%/70% 80% 40% 90%;
  }
  50% {
    border-radius: 60% 40% 70% 60%/40% 60% 50% 60%;
  }
  75% {
    border-radius: 90% 60% 40% 70%/70% 50% 80% 40%;
  }
  100% {
    border-radius: 60% 50% 70% 80%/50% 60% 50% 70%;
  }
}
@keyframes anime_zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes jump {
  from {
    bottom: 0;
  }
  45% {
    bottom: -10px;
  }
  55% {
    bottom: -10px;
  }
  to {
    bottom: 0;
  }
}
.move_start {
  opacity: 0;
  top: 50px;
  transition-duration: 1s;
  position: relative;
}
.move_start-sp {
  top: 0px;
}

.chara_move {
  bottom: 0;
  position: relative;
  animation-duration: 0.5s;
  animation-name: jump;
  animation-timing-function: ease-in;
}

.fade-in-up {
  transition-duration: 1s !important;
  opacity: 1 !important;
  top: 0px !important;
}

@keyframes pikapika {
  0% {
    opacity: 1;
  }
  50.0% {
    opacity: 0;
  }
  50.1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes arrowslider {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.js_show {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 3px 0px 3px;
  position: relative;
}
.js_show .js_show_mv {
  position: absolute;
  background: #084098;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 100%;
  z-index: 1;
}
.js_show .action {
  width: 100%;
}
.js_show span {
  display: block;
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #0093f2;
  text-align: center;
  font-weight: 200;
}
#loading svg {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translate(0%, -25px);
}
@media screen and (min-width: 560px) {
  #loading svg {
    transform: translate(0%, -30px);
  }
}
@media screen and (min-width: 960px) {
  #loading svg {
    transform: translate(0%, -35px);
  }
}
#loading .progressbar-text {
  font-size: 2.5rem;
}
@media screen and (min-width: 560px) {
  #loading .progressbar-text {
    font-size: 3rem;
  }
}
@media screen and (min-width: 960px) {
  #loading .progressbar-text {
    font-size: 3.5rem;
  }
}
#loading #loading_text span {
  display: none;
}

/* =============================================================
rowBox.scss
============================================================== */
@media screen and (min-width: 560px) {
  .p-rowBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 960px) {
  .p-rowBox--sm {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 560px) {
  .p-rowBox--row2 .p-rowBox_item {
    width: 48%;
  }
}
.p-rowBox--row2 .p-rowBox_item + .p-rowBox_item {
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .p-rowBox--row2 .p-rowBox_item + .p-rowBox_item {
    margin-top: 0;
  }
}

.p-rowBox--l2 .p-rowBox_left {
  width: 100%;
}
@media screen and (min-width: 560px) {
  .p-rowBox--l2 .p-rowBox_left {
    width: 63%;
  }
}
.p-rowBox--l2 .p-rowBox_right {
  width: 100%;
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .p-rowBox--l2 .p-rowBox_right {
    width: 32%;
    margin-top: 0px;
  }
}

.p-rowBox--r2 .p-rowBox_left {
  width: 100%;
}
@media screen and (min-width: 560px) {
  .p-rowBox--r2 .p-rowBox_left {
    width: 32%;
  }
}
.p-rowBox--r2 .p-rowBox_right {
  width: 100%;
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .p-rowBox--r2 .p-rowBox_right {
    width: 63%;
    margin-top: 0px;
  }
}

@media screen and (min-width: 560px) {
  .p-rowBox--row3::after {
    content: "";
    display: block;
    width: 32%;
  }
}
.p-rowBox--row3 .p-rowBox_item {
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (min-width: 560px) {
  .p-rowBox--row3 .p-rowBox_item {
    width: 32%;
  }
}

/* =============================================================
rentacar.scss
============================================================== */
.rentaCar .rentacar_btn01 {
  width: 100%;
  max-width: 530px;
  margin: 0 auto;
}
.rentaCar .rentacarSamurai__txt {
  text-align: center;
  font-size: 1.3rem;
  margin-top: 10px;
  line-height: 1.6;
}
@media screen and (min-width: 560px) {
  .rentaCar .rentacarSamurai__txt {
    font-size: 1.4rem;
    margin-top: 15px;
  }
}
@media screen and (min-width: 960px) {
  .rentaCar .rentacarSamurai__txt {
    margin-top: 20px;
  }
}

.rentacar .btn2--maxwidth {
  width: 100%;
  max-width: 600px;
  margin: 30px auto 0px;
}
@media screen and (min-width: 560px) {
  .rentacar .btn2--maxwidth {
    margin-top: 45px;
  }
}
@media screen and (min-width: 960px) {
  .rentacar .btn2--maxwidth {
    margin-top: 80px;
  }
}
.rentacar__caution {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .rentacar__caution {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 960px) {
  .rentacar__caution {
    margin-bottom: 20px;
  }
}
.rentacar .btn3 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .rentacar .btn3 {
    width: 32%;
    /*margin-right: 20px;*/
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 960px) {
  .rentacar .btn3 {
    width: 30%;
  }
}
.rentacar .btn3 a {
  height: 100%;
}
.rentacar .btn3 span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.rentacar .btn3--green a {
  background: #626d33;
}
.rentacar .btn3--green a:hover {
  background: #000;
}
.rentacar .long_btn {
  margin: 0 auto 30px;
  width: 100%;
  max-width: 645px;
  padding-top: 10px;
  border-top: 1px dotted #ccc;
}
.rentacar .long_btn a {
  background: #626d33;
}
.rentacar .long_btn a:hover {
  background: #000;
}
@media screen and (min-width: 560px) {
  .rentacar .long_btn {
    padding-top: 0px;
    border-top: none;
  }
}

/***********動画************/
.rentacarMovie {
  margin-top: 60px;
}
.rentacarMovie__ttl {
  border-bottom: 2px solid #626d33;
  font-size: 1.8rem;
  color: #626d33;
  position: relative;
  padding-left: 60px;
  padding-bottom: 5px;
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .rentacarMovie__ttl {
    font-size: 2rem;
    padding-left: 70px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarMovie__ttl {
    padding-left: 80px;
    font-size: 2.6rem;
    margin-bottom: 50px;
  }
}
.rentacarMovie__ttl:before {
  content: "";
  position: absolute;
  background: url(../../img/lineup/common/ttl_maunten.png) left bottom no-repeat;
  width: 53px;
  height: 35px;
  background-size: 53px 35px;
  left: 0px;
  bottom: 0px;
}
@media screen and (min-width: 560px) {
  .rentacarMovie__ttl:before {
    width: 58px;
    height: 40px;
    background-size: 58px 40px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarMovie__ttl:before {
    width: 73px;
    height: 47px;
    background-size: 73px 47px;
  }
}
@media screen and (min-width: 560px) {
  .rentacarMovie__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .rentacarMovie__wrap::after {
    content: "";
    display: block;
    width: 32%;
  }
}
.rentacarMovie__list {
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (min-width: 560px) {
  .rentacarMovie__list {
    width: 32%;
    /*margin-left: 1%;*/
    margin-bottom: 30px;
  }
}
.rentacarMovie__ttl2 {
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .rentacarMovie__ttl2 {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacarMovie__ttl2 {
    font-size: 1.6rem;
  }
}
.rentacarMovie video {
  width: 100%;
}

/***********************/
@media screen and (min-width: 768px) {
  .rentacarMain {
    display: flex;
    justify-content: space-between;
  }
}
.rentacarMain .btn {
  margin: 0 auto;
}
.rentacarMain__lending {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .rentacarMain__lending {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacarMain__lending {
    font-size: 1.6rem;
  }
}
.rentacarMain__lending__shop span {
  border: 1px solid #333;
  padding: 7px;
  display: inline-block;
}
@media screen and (min-width: 560px) {
  .rentacarMain__lending__shop span {
    padding: 7px 8px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarMain__lending__shop span {
    padding: 8px 10px;
  }
}
.rentacarMain__lending__shopname {
  margin-left: 10px;
}
.rentacarMain__box {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: url(../../img/lineup/common/road.png) center top no-repeat;
  background-size: cover;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .rentacarMain__box {
    width: 50%;
  }
}
.rentacarMain__box__inner {
  text-align: center;
  margin: 0 auto;
  width: 50%;
}
.rentacarMain__txt {
  margin-top: 20px;
  margin-bottom: 30px;
}
.rentacarMain__txt br {
  display: none;
}
@media screen and (min-width: 768px) {
  .rentacarMain__txt br {
    display: block;
  }
}
.rentacarMain__ttl {
  text-align: center;
  width: 70%;
  margin: 0 auto;
}
@media screen and (min-width: 560px) {
  .rentacarMain__ttl {
    width: 90%;
  }
}
@media screen and (min-width: 960px) {
  .rentacarMain__ttl {
    width: auto;
  }
}
.rentacarMain__ph {
  order: 1;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .rentacarMain__ph {
    width: 48%;
    margin-top: 0px;
  }
}

/**************/
@media screen and (min-width: 560px) {
  .rentacarEquipPickup {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.rentacarEquipPickup__list {
  margin-bottom: 20px;
}
@media screen and (min-width: 560px) {
  .rentacarEquipPickup__list {
    margin-bottom: 30px;
    width: 48%;
  }
}
@media screen and (min-width: 960px) {
  .rentacarEquipPickup__list {
    margin-bottom: 50px;
  }
}

/**************/
.rentacarEquipRow {
  margin-top: 50px;
  margin-bottom: 50px;
}
.rentacarEquipRow--border li {
  border: 1px solid #ccc;
}
.rentacarEquipRow ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.rentacarEquipRow ul::after {
  content: "";
  display: block;
  width: 32%;
}
@media screen and (min-width: 560px) {
  .rentacarEquipRow ul {
    flex-wrap: nowrap;
  }
}
.rentacarEquipRow ul li {
  width: 49%;
  padding: 5px;
}
@media screen and (min-width: 560px) {
  .rentacarEquipRow ul li {
    width: 32%;
  }
}

/**************/
.rentacarEquipAll {
  margin-top: 60px;
}
.rentacarEquipAll__ttl {
  border-bottom: 2px solid #626d33;
  font-size: 1.8rem;
  color: #626d33;
  position: relative;
  padding-left: 60px;
  padding-bottom: 5px;
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .rentacarEquipAll__ttl {
    font-size: 2rem;
    padding-left: 70px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarEquipAll__ttl {
    padding-left: 80px;
    font-size: 2.6rem;
    margin-bottom: 50px;
  }
}
.rentacarEquipAll__ttl:before {
  content: "";
  position: absolute;
  background: url(../../img/lineup/common/ttl_maunten.png) left bottom no-repeat;
  width: 53px;
  height: 35px;
  background-size: 53px 35px;
  left: 0px;
  bottom: 0px;
}
@media screen and (min-width: 560px) {
  .rentacarEquipAll__ttl:before {
    width: 58px;
    height: 40px;
    background-size: 58px 40px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarEquipAll__ttl:before {
    width: 73px;
    height: 47px;
    background-size: 73px 47px;
  }
}

.rentacarEquip {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .rentacarEquip::after {
    content: "";
    display: block;
    width: 31%;
  }
}
.rentacarEquip__list {
  width: 100%;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
}
@media screen and (min-width: 560px) {
  .rentacarEquip__list {
    border-bottom: none;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarEquip__list {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 560px) {
  .rentacarEquip__list {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .rentacarEquip__list {
    width: 31%;
  }
}
.rentacarEquip__ph {
  float: right;
  width: 50%;
  padding-left: 3%;
  padding-bottom: 2%;
}
@media screen and (min-width: 560px) {
  .rentacarEquip__ph {
    width: 100%;
    padding-left: 0%;
    padding-bottom: 0%;
    float: none;
  }
}
.rentacarEquip__ttl {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .rentacarEquip__ttl {
    margin-top: 15px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacarEquip__ttl {
    font-size: 2rem;
  }
}
.rentacarEquip__ttl span {
  display: inline-block;
  font-size: 1.1rem;
  border: 1px solid #c00;
  color: #c00;
  line-height: 1;
  padding: 4px 5px;
  margin-right: 5px;
  position: relative;
  top: -3px;
}
@media screen and (min-width: 560px) {
  .rentacarEquip__ttl span {
    font-size: 1.2rem;
    padding: 5px 8px;
  }
}
.rentacarEquip__txt {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.6;
}
@media screen and (min-width: 560px) {
  .rentacarEquip__txt {
    margin-top: 15px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacarEquip__txt {
    font-size: 1.4rem;
  }
}
.rentacarEquip__other {
  margin-top: 20px;
  border: 8px solid #eee;
  padding: 20px 15px 20px;
}
@media screen and (min-width: 560px) {
  .rentacarEquip__other {
    padding: 25px 20px 25px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarEquip__other {
    padding: 30px 20px 30px;
  }
}
.rentacarEquip__other__txt {
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .rentacarEquip__other__txt {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacarEquip__other__txt {
    font-size: 2rem;
  }
}
.rentacarEquip__other__list {
  font-size: 1.3rem;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 560px) {
  .rentacarEquip__other__list {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacarEquip__other__list {
    font-size: 1.6rem;
  }
}
.rentacarEquip__other__list li {
  margin-right: 10px;
  margin-bottom: 10px;
  list-style-type: disc;
  margin-left: 10px;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .rentacarEquip__other__list li {
    margin-left: 15px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarEquip__other__list li {
    margin-left: 20px;
  }
}

.rentacarPerson {
  margin-top: 40px;
}
@media screen and (min-width: 560px) {
  .rentacarPerson {
    margin-top: 50px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarPerson {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) {
  .rentacarPerson {
    display: flex;
    justify-content: space-between;
  }
}
.rentacarPerson__geton {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .rentacarPerson__geton {
    width: 47%;
  }
}
.rentacarPerson__geton__ttl {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 560px) {
  .rentacarPerson__geton__ttl {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacarPerson__geton__ttl {
    font-size: 2.2rem;
  }
}
.rentacarPerson__geton__ttl span {
  padding-left: 50px;
  display: inline-block;
}
@media screen and (min-width: 560px) {
  .rentacarPerson__geton__ttl span {
    padding-left: 55px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarPerson__geton__ttl span {
    padding-left: 75px;
  }
}
.rentacarPerson__geton__ttl span br {
  display: block;
}
@media screen and (min-width: 560px) {
  .rentacarPerson__geton__ttl span br {
    display: none;
  }
}
.rentacarPerson__geton__ttl--sun span {
  position: relative;
}
.rentacarPerson__geton__ttl--sun span:before {
  content: "";
  position: absolute;
  background: url(../../img/lineup/common/morning_icon.jpg) left top no-repeat;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
@media screen and (min-width: 560px) {
  .rentacarPerson__geton__ttl--sun span:before {
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarPerson__geton__ttl--sun span:before {
    width: 52px;
    height: 52px;
    background-size: 52px 52px;
  }
}
.rentacarPerson__geton__ttl--moon {
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .rentacarPerson__geton__ttl--moon {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .rentacarPerson__geton__ttl--moon {
    margin-top: 0px;
  }
}
.rentacarPerson__geton__ttl--moon span {
  position: relative;
}
.rentacarPerson__geton__ttl--moon span:before {
  content: "";
  position: absolute;
  background: url(../../img/lineup/common/afternoon_icon.jpg) left top no-repeat;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
@media screen and (min-width: 560px) {
  .rentacarPerson__geton__ttl--moon span:before {
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarPerson__geton__ttl--moon span:before {
    width: 52px;
    height: 52px;
    background-size: 52px 52px;
  }
}
.rentacarPerson__geton__ph {
  margin-top: 20px;
  text-align: center;
}
@media screen and (min-width: 560px) {
  .rentacarPerson__geton__ph {
    margin-top: 25px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarPerson__geton__ph {
    margin-top: 30px;
  }
}

/**************/
.rentalOption {
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .rentalOption {
    margin-top: 60px;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption {
    margin-top: 80px;
  }
}
.rentalOption__caution {
  width: 100%;
  margin-bottom: 20px;
  line-height: 1.6;
  color: #a43030;
  font-weight: bold;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .rentalOption__caution {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__caution {
    font-size: 1.6rem;
  }
}
.rentalOption__clean {
  width: 100%;
  margin-bottom: 20px;
  line-height: 1.6;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .rentalOption__clean {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption__clean {
    font-size: 1.6rem;
  }
}
.rentalOption_ttl {
  background: #626d33;
  color: #fff;
  font-size: 1.4rem;
  padding: 15px;
  margin-bottom: 30px;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 560px) {
  .rentalOption_ttl {
    padding: 15px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .rentalOption_ttl {
    padding: 20px;
    font-size: 2rem;
  }
}
.rentalOption_ttl:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  position: absolute;
  right: 20px;
  top: 15px;
  color: #fff;
  transform-origin: center;
  transform: rotate(90deg);
}
@media screen and (min-width: 960px) {
  .rentalOption_ttl:before {
    top: 20px;
  }
}
.rentalOption_ttl:hover {
  background: #8a7a59;
}
.rentalOption_ttl.down {
  background: #8a7a59;
}
.rentalOption_ttl.down:before {
  transform: rotate(-90deg);
  transform-origin: center;
}
.rentalOption__hs {
  display: none;
}

.eduipDescription__ttl {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 10px;
}
@media screen and (min-width: 560px) {
  .eduipDescription__ttl {
    margin-top: 15px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 960px) {
  .eduipDescription__ttl {
    font-size: 2rem;
  }
}
.eduipDescription__txt {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.6;
}
@media screen and (min-width: 560px) {
  .eduipDescription__txt {
    margin-top: 15px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .eduipDescription__txt {
    font-size: 1.4rem;
  }
}

/* =============================================================
rule.css
============================================================== */
.petRule__list li {
  margin-left: 20px;
  list-style-type: decimal;
}
.petRule__list li + li {
  margin-top: 7px;
}
@media screen and (min-width: 560px) {
  .petRule__list li + li {
    margin-top: 9px;
  }
}
@media screen and (min-width: 960px) {
  .petRule__list li + li {
    margin-top: 11px;
  }
}

/* =============================================================
header
============================================================== */
@media screen and (min-width: 768px) {
  .headerFix {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 101;
    width: 100%;
    background: #fff;
  }
}

.l-header {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 20px;
  /****************/
}
.l-header__txt {
  font-size: 0.9rem;
  margin-bottom: 15px;
  line-height: 1.4;
  font-weight: normal;
  padding-right: 30px;
  transition-duration: 0.5s;
}
@media screen and (min-width: 560px) {
  .l-header__txt {
    font-size: 1rem;
    padding-right: 0px;
  }
}
@media screen and (min-width: 960px) {
  .l-header__txt {
    font-size: 1.1rem;
  }
}
.l-header__txt br {
  display: block;
}
@media screen and (min-width: 560px) {
  .l-header__txt br {
    display: none;
  }
}
.l-header__logo {
  text-align: center;
  max-width: 260px;
  margin: 0 auto;
  transition-duration: 0.5s;
}
@media screen and (min-width: 560px) {
  .l-header__logo {
    max-width: 301px;
    margin: 0;
    text-align: left;
  }
}
@media screen and (min-width: 560px) {
  .l-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.l-header__box {
  margin-top: 0px;
}
@media screen and (min-width: 1200px) {
  .l-header__box {
    margin-top: -20px;
  }
}
.l-header__box .rentacar_btn01 {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .l-header__box .rentacar_btn01 {
    justify-content: flex-end;
  }
}
.l-header__box .rentacar_btn01 a {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .l-header__box .rentacar_btn01 a {
    max-width: 210px;
    transition-duration: 0.5s;
  }
}
.l-header__list {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__list {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 560px) {
  .l-header__list li {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 768px) {
  .l-header__list li {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 960px) {
  .l-header__list li {
    font-size: 1.3rem;
  }
}
.l-header__list li + li {
  margin-left: 25px;
}
.l-header__list li a {
  text-decoration: none;
  color: #333;
  position: relative;
}
.l-header__list li a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  margin-right: 5px;
  transform: rotateX(0deg);
  position: absolute;
  left: -12px;
}
.l-header__list li a:hover {
  /*color: $color_main;*/
  transition: color 0.5s;
}
.l-header__list li a:hover:before {
  /*color: $color_main;*/
  /*animation: rotate_anime 0.2s infinite;*/
  transition: color 0.5s;
}
@media screen and (min-width: 768px) {
  .l-header.move {
    padding-top: 10px;
    padding-bottom: 10px;
    transition-duration: 0.5s;
  }
}
@media screen and (min-width: 768px) {
  .l-header.move .l-header__logo {
    max-width: 235px;
    transition-duration: 0.5s;
  }
}
@media screen and (min-width: 768px) {
  .l-header.move .l-header__txt {
    font-size: 0.9rem;
    margin-bottom: 10px;
    transition-duration: 0.5s;
  }
}
@media screen and (min-width: 768px) {
  .l-header.move .l-header__list li {
    font-size: 1.1rem;
    transition-duration: 0.5s;
  }
}
.l-header.move .rentacar_btn01 {
  transition-duration: 0.5s;
}
@media screen and (min-width: 768px) {
  .l-header.move .rentacar_btn01 {
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px) {
  .l-header.move .rentacar_btn01 a {
    font-size: 1.5rem;
    transition-duration: 0.5s;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    max-width: 190px;
  }
}

.gNav {
  /*display: none;
  width: 100%;
  z-index: 60;
  justify-content: flex-end;
  border-top:1px solid #083f99;
  @include mq-up(md){

  }
  @include mq-up(lg){
      position: absolute;
      right: 180px;
      background: none;
      display: flex;
      border-top:none;
      justify-content: flex-end;
  }*/
  display: none;
  /*******製品一覧 スライド**********/
  /*******会社情報 スライド**********/
  /*******採用情報 スライド**********/
}
@media screen and (min-width: 960px) {
  .gNav {
    display: block;
  }
}
.gNav .gNav__list {
  width: 100%;
  margin: 0px auto 10px;
  align-items: center;
  z-index: 70;
}
@media screen and (min-width: 560px) {
  .gNav .gNav__list {
    display: flex;
    width: auto;
    margin: 0px;
    top: 0px;
  }
}
.gNav .gNav__list li {
  list-style-type: none;
  justify-content: center;
  font-size: 1.6rem;
}
.gNav .gNav__list li > a {
  display: block;
  height: 100%;
  text-decoration: none;
  color: #383434;
  position: relative;
  justify-content: center;
  color: #000;
  font-weight: 400;
}
@media screen and (min-width: 960px) {
  .gNav .gNav__list li > a {
    padding: 30px 14px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .gNav .gNav__list li > a {
    padding: 30px 19px 30px;
  }
}
.gNav .gNav__list li > a:hover {
  color: #000;
  background: #EFEFEF;
}
.gNav .gNav__list li span {
  cursor: pointer;
  display: block;
  height: 100%;
  font-weight: 400;
  color: #000;
  margin: 0px 0px 20px;
}
.gNav .gNav__list li span:hover {
  color: #000;
}
@media screen and (min-width: 560px) {
  .gNav .gNav__list li span {
    color: #000;
    margin: auto;
  }
}
@media screen and (min-width: 1200px) {
  .gNav .gNav__list li span {
    color: #000;
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.gNav .js-lv0 {
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .gNav .js-lv0 {
    padding: 30px 14px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .gNav .js-lv0 {
    padding: 30px 19px 30px;
  }
}
.gNav .js-lv0:hover {
  background: #EFEFEF;
}
.gNav .js-lv0 span {
  position: relative;
  display: block;
}
.gNav .js-lv0 span:hover {
  color: #000;
}
.gNav .js-lv0 .stay {
  color: #000;
}
@media screen and (min-width: 960px) {
  .gNav .js-lv0 .stay {
    background: #EFEFEF;
  }
}
.gNav .js-ulv1 {
  cursor: initial;
  position: absolute;
  background: #EFEFEF;
  /*width: calc(72.1% - 160px);*/
  width: 100%;
  top: 76px;
  /*right: 160px;*/
  right: 0px;
  padding: 20px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}
.gNav .js-ulv1.active_menu {
  visibility: visible;
  opacity: 1;
  display: block;
  transition-duration: 0.7s;
}
.gNav .js-ulv1 a, .gNav .js-ulv1 li a {
  padding: 0px;
  margin: 0px;
  background: #fff;
}
.gNav .NavProduct {
  display: flex;
  justify-content: flex-end;
}
.gNav .NavProduct__link {
  max-width: 240px;
  width: 100%;
  margin-left: 20px;
}
.gNav .NavProduct__link:first-child {
  margin-left: 0px;
}
.gNav .NavProduct__link a {
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
  font-weight: 400;
  transition: background 0.8s;
}
.gNav .NavProduct__link a:hover {
  background: #084098;
  text-decoration: none;
  color: #fff;
  transition: background 0.8s;
}
.gNav .NavProduct__ph {
  margin-right: 20px;
}
.gNav .NavCompany {
  display: flex;
  justify-content: flex-end;
}
.gNav .NavCompany ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 520px;
  width: 100%;
}
.gNav .NavCompany ul::after {
  content: "";
  display: block;
  width: 32%;
}
.gNav .NavCompany ul li {
  width: 32%;
  margin-bottom: 10px;
}
.gNav .NavCompany ul li a {
  display: block;
  padding: 14px 11px 14px;
  transition: background 0.8s;
  text-decoration: none;
  color: #000;
  font-weight: 400;
}
.gNav .NavCompany ul li a:hover {
  background: #084098;
  text-decoration: none;
  color: #fff;
  transition: background 0.8s;
}
.gNav .NavCompany__ph {
  margin-right: 20px;
}
.gNav .NavRecruit {
  display: flex;
  justify-content: flex-end;
}
.gNav .NavRecruit__link {
  max-width: 400px;
  width: 100%;
  margin-left: 20px;
}
.gNav .NavRecruit__link:first-child {
  margin-left: 0px;
}
.gNav .NavRecruit__link a {
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
  font-weight: 400;
  transition: background 0.8s;
}
.gNav .NavRecruit__link a:hover {
  background: #084098;
  text-decoration: none;
  color: #fff;
  transition: background 0.8s;
}
.gNav .NavRecruit__ph {
  margin-right: 20px;
}

/*#l-header{
    display: flex;
    position: relative;
    align-items: center;
    height: 80px;

    @include mq-up(sm){
        display: flex;
        padding-left: 3%;        
    }
    @include mq-up(lg){
        height: 96px;
        justify-content: space-between;
    }

    .logo{
        padding: 25px 0px 25px;
        width: 200px;
        margin: 0 auto;
        position: relative;
        z-index: 61;
        @include mq-up(sm){
            width: 210px;
            margin:0px;
        }

        @include mq-up(md){
            width: 220px;
        }

        @include mq-up(lg){
            padding: 33px 0px 33px;
            width: auto;
        }

    }
}

.gNav{
    position: block;
    display: none;
    width: 100%;
    z-index: 60;
    background: $color_blue2;
        @include mq-up(md){
            display: flex;
            justify-content: center;
            position: block;
            background: $color_blue1;
            width: 100%;
        }

        @include mq-up(xl){
            justify-content: flex-end;
            position: absolute;
            top:40px;
            right:350px;
            background: none;
            @include m-transition(background,0.5);
        }



        .gNav__list{
            width: 100%;
            margin: 0px auto 10px;
            align-items: center;
            position: relative;
            z-index: 70;


            @include mq-up(sm){
                display: flex;
                width: auto;
                margin:0px;
                top:0px;
            }

            li{
                list-style-type: none;
                justify-content: center;
                @include m-font-size(15);
                margin:0px 0px 30px;

                @include mq-up(sm){
                    margin:0px 14px 0px;
                }

                @include mq-up(md){
                    margin:0px 18px 0px;
                }

                @include mq-up(lg){
                    margin:0px 20px 0px;
                }

                &.js_menu{
                    display: none;
                }

                a{
                    display: block;
                    font-weight: bold;
                    @include m-alink(#383434);
                    position: relative;
                    justify-content: center;
                    color: #fff;


                    @include mq-up(sm){
                        color: #fff;
                        padding-top: 20px;
                        padding-bottom: 20px;
                    }

                    @include mq-up(xl){
                        //display: inline-block;
                        padding-top: 0px;
                        padding-bottom: 0px;
                    }

                    &:hover {
                        color: #FFFACD;
                        @include mq-up(xl){
                            color: #000;
                        }
                    }

                    @include mq-up(xl){
                        color: #000;

                    &:before{
                        content: "";
                        border-bottom: 0px solid #000;
                        position: absolute;
                        left: 0px;
                        bottom:-5px;
                        width: 0%;
                        @include m-transition(width,0.3);
                    }

                    &:hover{
                        &:before{
                            border-bottom: 1px solid #000;
                            width: 100%;
                            @include m-transition(width,0.3);
                        }
                    }
                }

                }
                span{
                    cursor: pointer;
                    font-weight: bold;
                    display: block;
                    color: #fff;
                    margin:0px 0px 20px;
                    &:hover {
                        color: #FFFACD;

                        @include mq-up(xl){
                            color: #000;
                        }
                    }
                    @include mq-up(sm){
                        color: #fff;
                        padding-top: 20px;
                        padding-bottom: 20px;
                        margin:auto;
                    }
                    @include mq-up(xl){
                        color: #000;
                        display: inline-block;
                        padding-top: 0px;
                        padding-bottom: 0px;
                    }
                }
            }

        }

        &.navMoveLayout{
            position: fixed;
            top:0px;
            @include mq-up(xl){
            right:0px;
            top:0px;
            padding-right: 100px;
            padding-top: 20px;
            padding-bottom: 20px;
            background: #fff;
            opacity: 1;
            box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
            @include m-transition(background,0.5);
            }

            .gNav__list{
                .js_menu{

                        display: block;

                    }

            }


        }


        .js-lv0{
            position: relative;

            span{
                position: relative;
                display: block;
            }
            .stay{
                    color: #FFFACD;
                    @include mq-up(xl){
                        color: #000;
                    }
            }
            @include mq-up(xl){
                .stay{
                    &:before{
                    content: "";
                    position: absolute;
                    border-bottom: 1px solid #000;
                    left: 0px;
                    bottom:-5px;
                    width: 100%;
                    z-index: 50;
                    }
                }
            }
        }
        .js-ulv1{
            left: 0px;
            top:55px;
            text-align: center;
            display: block;
            @include mq-up(sm){
                max-width: 200px;
                width: 140px;
                display: none;
                position: absolute;
            }

            @include mq-up(lg){
                width: 160px;
            }

            @include mq-up(xl){
                background:rgba(255,255,255,0.8);
                top:18px;                
            }

            li{
                width: 100%;

                @include mq-up(sm){

                    margin-right: 0px;
                    border-bottom: 1px solid #fff;
                    margin-left: 0px;
                    text-align: center;
                    background:$color_blue1;
                    padding: 5px 10px 5px;
                    &:last-child{
                        border-bottom: none;
                    }
                }

                @include mq-up(xl){
                    margin-bottom: 3px;
                    height: auto;
                    text-align: left;
                    border-bottom: none;
                    background:none;
                }

                &:first-of-type{
                   a{
                       padding-top: 10px;
                   } 
                }

                a{

                    display: block;
                    @include m-font-size(14);
                    @include mq-up(sm){
                        text-align: center;
                        padding-top: 15px;
                        padding-bottom: 15px;
                    }

                    @include mq-up(sm){
                        padding-top: 10px;
                        padding-bottom: 10px;          
                    }

                    @include mq-up(xl){
                        display: inline-block;
                        padding-top: 2px;
                        padding-bottom: 2px;
                    }

                }

            }
        }



}

.headerContact{
    position: absolute;
    right:0px;
    display: none;
    height: 80px;
    @include mq-up(md){
      display: flex;
    }

    @include mq-up(lg){
        height: 96px;
    }

    &__tel{
        height: 80px;
        width: 172px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        @extend .roboto;
        @include m-font-size(20);

        @include mq-up(lg){
            height: 96px;
        }

        span{
                position: relative;
                padding-left: 20px;
                &:before{
                @include m-fa_icon("\f879",900);
                position: absolute;
                color: $color_blue2;
                font-size: 20px;
                left: -3px;
            } 
        }
    }
}

*/
/* =============================================================
navigation
============================================================== */
.navigation {
  display: none;
  background: #626d33;
  width: 100%;
  /*&.fixed{
    position: fixed;
    top:0px;
    left: 0px;
    z-index: 70;
  }*/
}
@media screen and (min-width: 768px) {
  .navigation {
    display: block;
  }
}
.navigation ul {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}
.navigation li {
  flex: 1;
  position: relative;
}
.navigation li:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 60%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px solid #fff;
}
.navigation li:last-child:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 60%;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px solid #fff;
}
.navigation li a {
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1;
  padding: 18px 0px 18px;
  transition-duration: 0.3s;
}
@media screen and (min-width: 560px) {
  .navigation li a {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .navigation li a {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .navigation li a {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .navigation li a {
    font-size: 1.8rem;
  }
}
.navigation li a:hover {
  background: rgba(255, 255, 255, 0.2);
}
.navigation li a.stay {
  background: rgba(255, 255, 255, 0.2);
}
.navigation li a span {
  display: block;
  text-align: center;
  font-family: "oswald";
  font-weight: 400;
  font-size: 1.4rem;
  margin-top: 4px;
  transition-duration: 0.3s;
}
.navigation.move ul a {
  font-size: 1.4rem;
  line-height: 1;
  padding: 15px 0px 15px;
  transition-duration: 0.5s;
}
@media screen and (min-width: 768px) {
  .navigation.move ul a {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .navigation.move ul a {
    font-size: 1.5rem;
  }
}
.navigation.move ul a span {
  transition-duration: 0.5s;
  font-size: 1.2rem;
}

.js-lv0 {
  position: relative;
}
.js-lv0 .js-ulv1 {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  background: #626d33;
  height: 0px;
  overflow: hidden;
  transition: height 0.3s;
}
.js-lv0 .js-ulv1.active_menu {
  height: 100%;
  transition: height 0.3s;
}
.js-lv0 .js-ulv1 li::before, .js-lv0 .js-ulv1 li::after {
  display: none;
}
/************************/
/**  SPメニューCSS     **/
/************************/
/* =============================================================
navigation SP
============================================================== */
.menu-button-right {
  position: fixed;
  right: 10px;
  top: 8px;
  cursor: pointer;
  z-index: 130;
  display: block;
  padding: 5px;
}
@media screen and (min-width: 768px) {
  .menu-button-right {
    top: 18px;
    display: none;
  }
}

.h_menu {
  position: fixed;
  left: 15px;
  top: 40px;
  z-index: 101;
  display: none;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.menu-trigger span {
  position: absolute;
  right: 0%;
  width: 100%;
  height: 2px;
  background-color: #000;
}

.menu-trigger span:nth-of-type(1) {
  top: 3px;
}

.menu-trigger span:nth-of-type(2) {
  top: 12px;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 2px;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
  -ms-transform: translateY(11px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  -ms-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}

.menu-button-right a.stop {
  pointer-events: none;
}

div.sp_menu.active {
  display: block;
}

/**********menu_in**********/
.sp_menu {
  position: fixed;
  width: 100%;
  max-height: 100%;
  height: 100%;
  left: 0%;
  top: -100%;
  margin-bottom: 10px;
  z-index: 101;
  overflow-y: auto;
  background: #626d33;
}
@media screen and (min-width: 768px) {
  .sp_menu {
    display: none;
  }
}
.sp_menu .sp_menu_in {
  align-items: center;
  width: 80%;
  margin: 40px auto 0;
  flex: 1;
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sp_menu .sp_menu_in {
    margin-top: 76px;
  }
}
.sp_menu .sp_menu_in .rentacar_btn01 {
  margin-top: 20px;
}

/***********/
.sp_menu {
  min-width: 320px;
}
.sp_menu__logo {
  max-width: 250px;
}
@media screen and (min-width: 560px) {
  .sp_menu__logo {
    max-width: 290px;
  }
}
.sp_menu__camp {
  margin-bottom: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .sp_menu__camp {
    font-size: 1.5rem;
  }
}
.sp_menu .nav_rentacar {
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px 10px 5px;
  margin-top: 20px;
}
.sp_menu .nav_rentacar .nav--row2 {
  margin-top: 6px;
}
.sp_menu .nav_rentacar__rental a {
  display: block;
  width: 100%;
  padding: 15px 10px 15px 10px;
  text-align: center;
  cursor: pointer;
  background: #626d33;
  font-size: 1.2rem;
  text-decoration: none;
  color: #fff;
}
.sp_menu .nav_rentacar__rental a.brownbg {
  background: #626d33;
}
.sp_menu .nav_rentacar__rental span {
  display: block;
  font-weight: "oswald";
  font-size: 1.7rem;
  font-weight: 900;
  margin-bottom: 5px;
}
.sp_menu .navrow1 li + li {
  margin-top: 5px;
}
.sp_menu .nav li {
  padding-bottom: 20px;
}
.sp_menu .nav li a {
  display: block;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  font-size: 3.7vw;
}
@media screen and (min-width: 560px) {
  .sp_menu .nav li a {
    font-size: 2.2vw;
  }
}
.sp_menu .nav li a.brownbg {
  background: #626d33;
}
.sp_menu .nav li span {
  display: block;
  font-weight: "oswald";
  font-size: 1.7rem;
  font-weight: 900;
  margin-bottom: 5px;
  font-size: 4.8vw;
}
@media screen and (min-width: 560px) {
  .sp_menu .nav li span {
    font-size: 3vw;
  }
}
.sp_menu .nav--row2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 25px;
}
.sp_menu .nav--row2 a {
  position: relative;
}
.sp_menu .nav--row2 a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  position: absolute;
  top: 25%;
  transform: translateY(-50%);
}
.sp_menu .nav--row2 li {
  width: 49%;
  margin-bottom: 5px;
}
.sp_menu .nav--row2 li p {
  padding-left: 10%;
  line-height: 1.2;
}
@media screen and (min-width: 560px) {
  .sp_menu .nav--row2 li p {
    padding-left: 7%;
  }
}
.sp_menu .nav_line_up {
  margin-top: 20px;
  border: 1px solid #ccc;
  padding: 10px 10px 5px;
  background: #fff;
}
.sp_menu .nav_line_up_ph {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 10px;
  background: linear-gradient(#626d33 50%, transparent 50%);
}
.sp_menu__tel {
  text-align: center;
  text-decoration: none;
  text-decoration: none;
  color: #fff;
  font-family: "oswald";
  font-weight: 900;
  /*@include m-font-size(30);*/
  padding-top: 0px;
  padding-bottom: 20px;
  font-size: 8vw;
}
@media screen and (min-width: 560px) {
  .sp_menu__tel {
    font-size: 5.5vw;
  }
}
.sp_menu__tel a {
  text-decoration: none;
  text-decoration: none;
  color: #fff;
  font-family: "oswald";
  letter-spacing: 2px;
}
.sp_menu__map {
  padding-bottom: 57px;
}
.sp_menu__map iframe {
  height: 150px;
  width: 100%;
}
.sp_menu__insta {
  margin-top: 5px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sp_menu__insta {
    text-align: left;
  }
}
.sp_menu__insta a {
  display: inline-block;
  border: 1px solid #fff;
  padding: 11px 20px;
  text-decoration: none;
  color: #fff;
  transition: opacity 0.5s;
  font-size: 5vw;
}
@media screen and (min-width: 560px) {
  .sp_menu__insta a {
    font-size: 3vw;
  }
}
.sp_menu__insta a:hover {
  opacity: 0.6;
  transition: opacity 0.5s;
}
.sp_menu__insta a i {
  margin-right: 10px;
}

/* =============================================================
footer
============================================================== */
#l-footer {
  display: block;
  /*background: rgba(255,255,255,0.9);*/
}

.footer__info {
  font-size: 1.2rem;
}
@media screen and (min-width: 560px) {
  .footer__info {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .footer__info {
    font-size: 1.4rem;
  }
}
.footer__info__txt {
  margin-bottom: 5px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer__info__txt {
    text-align: left;
  }
}
.footer__info__logo {
  width: 260px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .footer__info__logo {
    width: auto;
    margin: auto;
  }
}
.footer__info__address {
  margin-top: 25px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer__info__address {
    text-align: left;
  }
}
.footer__info__address span {
  margin-left: 10px;
}
.footer__info__tel {
  margin-top: 10px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer__info__tel {
    text-align: left;
  }
}
.footer__info__tel i {
  margin-right: 5px;
}
.footer__info__tel a {
  text-decoration: none;
  color: #fff;
}
.footer__info__et {
  margin-top: 10px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer__info__et {
    text-align: left;
  }
}
.footer__info__et .time {
  margin-left: 10px;
}
.footer__info .insta {
  margin-top: 17px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer__info .insta {
    text-align: left;
  }
}
.footer__info .insta a {
  display: inline-block;
  border: 1px solid #fff;
  padding: 11px 20px;
  text-decoration: none;
  color: #fff;
  transition: opacity 0.5s;
}
@media screen and (min-width: 960px) {
  .footer__info .insta a:hover {
    opacity: 0.6;
    transition: opacity 0.5s;
  }
}
.footer__info .insta a i {
  margin-right: 10px;
}
.footer__nav {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .footer__nav {
    margin-top: 0px;
    max-width: 350px;
  }
}
.footer__nav ul {
  margin-left: 40px;
}
.footer__nav ul:first-child {
  margin-left: 0px;
}
.footer__nav li + li {
  margin-top: 20px;
}
.footer__nav a {
  text-decoration: none;
  color: #fff;
  position: relative;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .footer__nav a {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .footer__nav a {
    font-size: 1.6rem;
  }
}
.footer__nav a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
  font-size: 13px;
}
@media screen and (min-width: 960px) {
  .footer__nav a:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -2px;
    width: 0%;
    border-bottom: 1px solid #fff;
    transition: width 0.3s;
  }
}
@media screen and (min-width: 960px) {
  .footer__nav a:hover:after {
    width: 100%;
    transition: width 0.3s;
  }
}

.footer02 {
  background: #626d33;
  position: relative;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .footer02__inner {
    display: flex;
    justify-content: space-between;
  }
}

.copyright {
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
  padding: 25px;
}
@media screen and (min-width: 560px) {
  .copyright {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 960px) {
  .copyright {
    font-size: 1.4rem;
  }
}

/************/
/****************/
.pagetop {
  position: fixed;
  z-index: 80;
  right: 5px;
  bottom: 16vw;
}
@media screen and (min-width: 560px) {
  .pagetop {
    bottom: 56px;
  }
}
@media screen and (min-width: 768px) {
  .pagetop {
    bottom: 50px;
  }
}
@media screen and (min-width: 960px) {
  .pagetop {
    right: 25px;
    bottom: 68px;
  }
}
.pagetop .ptop {
  margin-top: 10px;
  text-align: right;
}
@media screen and (min-width: 560px) {
  .pagetop .ptop {
    margin-top: 20px;
  }
}
.pagetop .ptop a {
  /*margin: 0 auto;*/
  display: inline-block;
  background: #fff;
  border: 1px solid #626d33;
  text-decoration: none;
  position: relative;
  width: 35px;
  height: 35px;
}
@media screen and (min-width: 768px) {
  .pagetop .ptop a {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 960px) {
  .pagetop .ptop a:hover {
    background: #626d33;
  }
}
@media screen and (min-width: 960px) {
  .pagetop .ptop a:hover:before {
    border-bottom-color: #fff;
  }
}
.pagetop .ptop a:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #626d33;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .pagetop .ptop a:before {
    font-size: 32px;
    top: 50%;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 13px;
  }
}
.pagetop .ptop a span {
  display: none;
}

/* =============================================================
main.css
============================================================== */
#wrapper {
  position: relative;
  padding-bottom: 14vw;
}
@media screen and (min-width: 560px) {
  #wrapper {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 960px) {
  #wrapper {
    padding-bottom: 70px;
  }
}

/*********************/
.columnStyle {
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .columnStyle {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

/*#l-side{
    width: 100%;
    margin-top: 40px;
    @include mq-up(md){
        min-width: 200px;
        width: 21.6%;
        margin-top: 0px;
    }
    @include mq-up(lg){
        min-width: 230px;
    }
    @include mq-up(xl){
        min-width: 260px;
    }
}

.l-sticky{
    position: sticky;
    top: 180px; 
}*/
#l-main {
  width: 100%;
  /*@include mq-up(md){
      max-width: 71.6%;
  }*/
}

/*******.side********/
.side__ttl {
  font-size: 1.4rem;
  background: #8a7b59;
  color: #fff;
  font-weight: 600;
  padding: 17px;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .side__ttl {
    padding: 15px;
  }
}
@media screen and (min-width: 960px) {
  .side__ttl {
    padding: 17px;
    font-size: 1.8rem;
  }
}
.side__menu {
  overflow-y: auto;
}
.side__menu a {
  display: block;
  font-size: 1.3rem;
  background: #fafafa;
  padding: 13px 30px 13px;
  border-bottom: 1px solid #cccccc;
  font-feature-settings: "palt";
  text-decoration: none;
  color: #333;
  position: relative;
}
@media screen and (min-width: 560px) {
  .side__menu a {
    font-size: 1.2rem;
    padding: 13px 30px 13px;
  }
}
@media screen and (min-width: 960px) {
  .side__menu a {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .side__menu a {
    padding: 15px 30px 15px;
    font-size: 1.6rem;
  }
}
.side__menu a::before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .side__menu a::before {
    left: 10px;
  }
}
@media screen and (min-width: 960px) {
  .side__menu a::before {
    left: 17px;
  }
}
@media screen and (min-width: 768px) {
  .side__menu a:hover {
    background: #e9e6e6;
  }
}
@media screen and (min-width: 768px) {
  .side__menu a.stay {
    background: #e9e6e6;
  }
}

/* =============================================================
top.css
============================================================== */
/*******promo*********/
.promo {
  background: url(../../img/promo/promo_wrapbg.jpg) center top no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .promo {
    margin-top: 190px;
  }
}
@media screen and (min-width: 960px) {
  .promo {
    margin-top: 187px;
  }
}
@media screen and (min-width: 1200px) {
  .promo {
    margin-top: 193px;
  }
}

.slider_wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.slider_wrap .slide {
  height: 350px;
  position: relative;
}
@media screen and (min-width: 560px) {
  .slider_wrap .slide {
    height: 550px;
    /*padding-top: 47%;*/
  }
}
@media screen and (min-width: 768px) {
  .slider_wrap .slide {
    height: auto;
  }
}
@media screen and (min-width: 960px) {
  .slider_wrap .slide {
    max-height: 550px;
  }
}
.slider_wrap .slide .car {
  text-align: center;
  width: 60%;
  opacity: 0;
  transform: translateX(20px);
  /*display: none;*/
}
@media screen and (min-width: 560px) {
  .slider_wrap .slide .car {
    /*display: block;*/
    width: 90%;
  }
}
@media screen and (min-width: 960px) {
  .slider_wrap .slide .car {
    width: 100%;
  }
}
.slider_wrap .slide .car img {
  /*display: block;*/
  width: 78%;
  /*height: 45%;*/
}
.slider_wrap .slide.move .car {
  transform: translateX(0px);
  opacity: 1;
  transition-duration: 0.8s;
}
.slider_wrap .slide__txtBox {
  position: absolute;
  left: 10px;
  bottom: 50px;
}
@media screen and (min-width: 960px) {
  .slider_wrap .slide__txtBox {
    left: 30px;
    bottom: 45px;
  }
}
.slider_wrap .slide__txtBox__option {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media screen and (min-width: 768px) {
  .slider_wrap .slide__txtBox__option {
    top: auto;
    bottom: 20px;
    right: 20px;
  }
}
.slider_wrap .slide__txtBox__txt {
  width: 100%;
  overflow: hidden;
  position: relative;
  transition: width 0.5s;
}
.slider_wrap .slide__txtBox__txt + div {
  margin-top: 8px;
}
@media screen and (min-width: 560px) {
  .slider_wrap .slide__txtBox__txt + div {
    margin-top: 10px;
  }
}
@media screen and (min-width: 960px) {
  .slider_wrap .slide__txtBox__txt + div {
    margin-top: 15px;
  }
}
.slider_wrap .slide__txtBox__txt .in {
  position: relative;
  display: inline-block;
}
.slider_wrap .slide__txtBox__txt .in::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: #fff;
  height: 100%;
  width: 0%;
}
.slider_wrap .slide__txtBox__txt .ptxt {
  display: inline-block;
  /*background: #fff;*/
  padding: 10px 7px;
  position: relative;
  left: 0px;
  top: 0px;
  visibility: hidden;
}
@media screen and (min-width: 560px) {
  .slider_wrap .slide__txtBox__txt .ptxt {
    padding: 15px 10px;
  }
}
@media screen and (min-width: 960px) {
  .slider_wrap .slide__txtBox__txt .ptxt {
    padding: 20px 15px;
  }
}
.slider_wrap .slide__txtBox__txt .ptxt:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
}
.slider_wrap .slide__txtBox__txt .ptxt.green {
  font-size: 1.6rem;
  color: #626d33;
  /*@include mq-up(md){
      @include m-font-size(32);
  }

  @include mq-up(lg){
      @include m-font-size(36);
  }*/
}
@media screen and (min-width: 560px) {
  .slider_wrap .slide__txtBox__txt .ptxt.green {
    /*@include m-font-size(26);*/
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .slider_wrap .slide__txtBox__txt .ptxt.green {
    font-size: 3.6rem;
  }
}
.slider_wrap .slide__txtBox__txt .ptxt.black {
  font-size: 1.1rem;
  font-weight: bold;
  /*@include mq-up(lg){
      @include m-font-size(20);
  }*/
}
@media screen and (min-width: 560px) {
  .slider_wrap .slide__txtBox__txt .ptxt.black {
    /*@include m-font-size(15);*/
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1200px) {
  .slider_wrap .slide__txtBox__txt .ptxt.black {
    font-size: 2rem;
  }
}
.slider_wrap .slide__txtBox__txt .ptxt sup {
  font-size: 18%;
  position: relative;
  z-index: 0;
  display: inline-block;
  font-weight: bold;
  transform: translateY(-2px);
}
@media screen and (min-width: 560px) {
  .slider_wrap .slide__txtBox__txt .ptxt sup {
    font-size: 25%;
    transform: translateY(-5px);
  }
}
@media screen and (min-width: 960px) {
  .slider_wrap .slide__txtBox__txt .ptxt sup {
    font-size: 35%;
    transform: translateY(-7px);
  }
}
.slider_wrap .slide__txtBox__txt.move .in:before {
  width: 100%;
  transition: width 0.7s;
}
.slider_wrap .slide__txtBox__txt.move .in .ptxt.move {
  visibility: visible;
}
.slider_wrap .slide__txtBox__txt.move .in .ptxt.move:before {
  transition: width 1s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  width: 0% !important;
}
.slider_wrap .slick-slide {
  width: 100%;
}
.slider_wrap .slider01 {
  background: url(../../img/promo/promo01_bg.jpg) center center;
  background-size: cover;
}
.slider_wrap .slider02 {
  background: url(../../img/promo/promo02_bg.jpg) center top;
  background-size: cover;
}
@media screen and (min-width: 560px) {
  .slider_wrap .slider02 {
    background-position: center center;
  }
}
.slider_wrap .slider03 {
  background: url(../../img/promo/promo03_bg.jpg) center center;
  background-size: cover;
}
.slider_wrap .prev-arrow {
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 100;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .slider_wrap .prev-arrow {
    left: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .slider_wrap .prev-arrow {
    left: -30px;
  }
}
.slider_wrap .next-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 100;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .slider_wrap .next-arrow {
    right: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .slider_wrap .next-arrow {
    right: -30px;
  }
}
.slider_wrap .slick-dots {
  bottom: 14px;
}

.promo_adjust .slider_wrap .slider01 {
  background-position: center center;
}
.promo_adjust .slider_wrap .slider02 {
  background-position: top center;
}
@media screen and (min-width: 960px) {
  .promo_adjust .car img {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .promo_adjust .slider_wrap .slide__txtBox__txt .ptxt {
    padding: 15px 10px;
  }
}
@media screen and (min-width: 960px) {
  .promo_adjust .slider_wrap .slide__txtBox__txt .ptxt.green {
    font-size: 2vw;
  }
}
@media screen and (min-width: 1200px) {
  .promo_adjust .slider_wrap .slide__txtBox__txt .ptxt.green {
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 960px) {
  .promo_adjust .slider_wrap .slide__txtBox__txt .ptxt.black {
    font-size: 1.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .promo_adjust .slider_wrap .slide__txtBox__txt .ptxt.black {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .promo_adjust .slider_wrap .slide__txtBox__txt + div {
    margin-top: 5px;
  }
}

.topNotes {
  padding-left: 20px;
  padding-right: 20px;
  background: #eee;
}
.topNotes__wrap {
  position: relative;
  overflow: hidden;
  transition: height 0.8s;
}
.topNotes__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
}
.topNotes .ttl01 {
  margin-bottom: 15px;
}
@media screen and (min-width: 560px) {
  .topNotes .ttl01 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 960px) {
  .topNotes .ttl01 {
    margin-bottom: 30px;
  }
}
.topNotes__txt span {
  color: #c00;
}
.topNotes__txt2 {
  margin-top: 15px;
}
@media screen and (min-width: 560px) {
  .topNotes__txt2 {
    margin-top: 18px;
  }
}
@media screen and (min-width: 960px) {
  .topNotes__txt2 {
    margin-top: 20px;
  }
}
.topNotes__safety {
  background: #eee;
  margin-top: 20px;
  padding: 12px;
}
@media screen and (min-width: 768px) {
  .topNotes__safety {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px;
    /*min-height: 268px;*/
  }
}
@media screen and (min-width: 960px) {
  .topNotes__safety {
    padding: 20px;
  }
}
.topNotes__safety__movie {
  /*background: #c00;*/
  margin-top: 15px;
  width: 100%;
  order: 1;
  position: relative;
}
@media screen and (min-width: 768px) {
  .topNotes__safety__movie {
    width: 53%;
    margin-top: 0px;
    /*padding-bottom: 29%;*/
  }
}
.topNotes__safety__movie div {
  padding-bottom: 56%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .topNotes__safety__movie div {
    padding-bottom: 29%;
  }
}
.topNotes__safety__movie iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.topNotes__safety__box {
  width: 100%;
  /*display: flex;
  flex-direction: column;
  justify-content: center;*/
  order: 2;
}
@media screen and (min-width: 768px) {
  .topNotes__safety__box {
    width: 45%;
    padding-top: 3%;
    padding-bottom: 3%;
  }
}
.topNotes__safety__ttl {
  line-height: 1.4;
  margin-bottom: 10px;
  font-size: 1.5rem;
}
@media screen and (min-width: 560px) {
  .topNotes__safety__ttl {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 560px) {
  .topNotes__safety__ttl {
    font-size: 1.9rem;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 960px) {
  .topNotes__safety__ttl {
    font-size: 2.1rem;
    margin-bottom: 20px;
  }
}
.topNotes__safety__txt {
  line-height: 1.6;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .topNotes__safety__txt {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .topNotes__safety__txt {
    font-size: 1.6rem;
  }
}
.topNotes__safety__smalltxt {
  margin-top: 15px;
  font-size: 1.2rem;
}
@media screen and (min-width: 560px) {
  .topNotes__safety__smalltxt {
    font-size: 1.3rem;
    margin-top: 18px;
  }
}
@media screen and (min-width: 960px) {
  .topNotes__safety__smalltxt {
    margin-top: 20px;
    font-size: 1.4rem;
  }
}

.topOption {
  border-bottom: 1px solid #eee;
}
.topOption .rentalOption__caution {
  display: none !important;
}
.topOption__caution {
  text-align: center;
  line-height: 1.8;
  font-size: 1.4rem;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 560px) {
  .topOption__caution {
    font-size: 1.5rem;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 960px) {
  .topOption__caution {
    font-size: 1.6rem;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.topOption__caution .tel {
  display: inline;
}
.topOption__caution a {
  color: #626d33;
}
.topOption .rentalOption__wrap__slider .rentalOption__list {
  position: relative;
  margin-bottom: 0px;
}
.topOption .rentalOption__wrap__slider .rentalOption__ph {
  text-align: center;
  border: none; /* スライダー余白確保 */
  border-right: 3px solid #fff; /* スライダー余白確保 */
}
.topOption .rentalOption__wrap__slider .rentalOption__ph img {
  width: 100%;
}
.topOption .rentalOption__wrap__slider .rentalOption__in {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: calc(100% - 3px);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
}
.topOption .rentalOption__wrap__slider .rentalOption__zaiko {
  display: none;
}
.topOption .rentalOption__wrap__slider .rentalOption__price {
  color: #fff;
  font-size: 1.1rem;
  margin-top: 5px;
  text-align: left;
}
@media screen and (min-width: 560px) {
  .topOption .rentalOption__wrap__slider .rentalOption__price {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .topOption .rentalOption__wrap__slider .rentalOption__price {
    font-size: 1.4rem;
  }
}
.topOption .rentalOption__wrap__slider .rentalOption__price span {
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
}
@media screen and (min-width: 560px) {
  .topOption .rentalOption__wrap__slider .rentalOption__price span {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .topOption .rentalOption__wrap__slider .rentalOption__price span {
    font-size: 1.4rem;
  }
}
.topOption .rentalOption__wrap__slider .rentalOption__only {
  display: none;
}
.topOption .rentalOption__wrap__slider .rentalOption__ttl {
  font-size: 1.2rem;
  padding-top: 0px;
  margin-top: 0px;
}
@media screen and (min-width: 560px) {
  .topOption .rentalOption__wrap__slider .rentalOption__ttl {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .topOption .rentalOption__wrap__slider .rentalOption__ttl {
    font-size: 1.5rem;
  }
}
.topOption .rentalOption__wrap__slider .rentalOption__txt {
  display: none;
}
.topOption__txt {
  text-align: left;
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .topOption__txt {
    text-align: center;
    margin-top: 40px;
  }
}
@media screen and (min-width: 960px) {
  .topOption__txt {
    margin-top: 45px;
  }
}
.topOption .slick-dots li {
  width: 10px;
}
.topOption .slick-dots li button:before {
  color: #333;
}

/*******newsOne*********/
.newsOne {
  background: #a43030;
  overflow: hidden;
  padding-bottom: 10px;
  border-top: 3px solid #a43030;
  border-bottom: 3px solid #a43030;
}
@media screen and (min-width: 560px) {
  .newsOne {
    padding-bottom: 0px;
  }
}
.newsOne__inner {
  font-size: 1.4rem;
}
@media screen and (min-width: 560px) {
  .newsOne__inner {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .newsOne__inner {
    font-size: 1.8rem;
  }
}
.newsOne .slick-prev {
  position: absolute;
}
.newsOne__ttl {
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 10;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #a43030;
  text-align: center;
}
@media screen and (min-width: 560px) {
  .newsOne__ttl {
    float: left;
    width: 210px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 960px) {
  .newsOne__ttl {
    width: 280px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.newsOne__txt {
  background: #fff;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
}
@media screen and (min-width: 560px) {
  .newsOne__txt {
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 960px) {
  .newsOne__txt {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 560px) {
  .newsOne__txt:before {
    content: "";
    position: absolute;
    background: #fff;
    top: 0px;
    right: -150%;
    width: 150%;
    height: 100%;
  }
}
.newsOne__txt a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.newsOne__txt span {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 20px;
  position: relative;
  padding-left: 20px;
}
.newsOne__txt span:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}

/*******topEnjoy*********/
.topEnjoy {
  background: #eee;
}
.topEnjoy__movie {
  position: relative;
  padding-bottom: 56.2%;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .topEnjoy__movie {
    width: 75%;
    padding-bottom: 42.13%;
  }
}
.topEnjoy__movie iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

/*******topEvent*********/
.topEvent {
  background: #f1f1f1;
  padding-top: 8px;
}
@media screen and (min-width: 560px) {
  .topEvent {
    padding-top: 12px;
  }
}
@media screen and (min-width: 768px) {
  .topEvent {
    padding-top: 18px;
  }
}
@media screen and (min-width: 960px) {
  .topEvent {
    padding-top: 30px;
  }
}
.topEvent__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.topEvent__inner::after {
  content: "";
  display: block;
  width: 32%;
}
.topEvent__banner {
  text-align: center;
  width: 49%;
  padding-bottom: 8px;
}
@media screen and (min-width: 560px) {
  .topEvent__banner {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) {
  .topEvent__banner {
    width: 32%;
    padding-bottom: 18px;
  }
}
@media screen and (min-width: 960px) {
  .topEvent__banner {
    padding-bottom: 30px;
  }
}

/******* User's Report*********/
.infoReport {
  display: block;
  width: 100%;
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .infoReport {
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
  }
}
.infoReport__inner {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .infoReport__inner {
    width: 32%;
  }
}
.infoReport__ttl {
  color: #626d33;
  border-bottom: 2px solid #626d33;
  font-size: 1.4rem;
  margin-top: 20px;
  align-items: center;
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .infoReport__ttl {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .infoReport__ttl {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .infoReport__ttl {
    font-size: 2.2rem;
  }
}
.infoReport__ttl span:last-child {
  display: inline-block;
  line-height: 1.4;
  margin-left: 45px;
  padding-bottom: 5px;
}
@media screen and (min-width: 960px) {
  .infoReport__ttl span:last-child {
    margin-left: 55px;
  }
}
.infoReport__ttl .num {
  display: inline-block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 10px;
  margin-right: 15px;
  background: #626d33;
  color: #fff;
  font-size: 1.4rem;
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .infoReport__ttl .num {
    font-size: 1.6rem;
    margin-right: 10px;
  }
}
@media screen and (min-width: 960px) {
  .infoReport__ttl .num {
    font-size: 2rem;
    margin-right: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .infoReport__ttl .num {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .infoReport {
    padding-bottom: 100px;
  }
}
.infoReport__inner {
  margin-bottom: 30px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .infoReport__inner {
    padding-bottom: 80px;
  }
}
.infoReport__inner div:first-child {
  text-align: center;
}
.infoReport__inner .RentaCarList__car__equipment {
  margin-bottom: 10px;
}
@media screen and (min-width: 560px) {
  .infoReport__inner .RentaCarList__car__equipment {
    margin-bottom: 20px;
  }
}
.infoReport__inner .btn01 {
  margin-top: 20px;
  width: 80%;
}
@media screen and (min-width: 768px) {
  .infoReport__inner .btn01 {
    margin-top: 30px;
    position: absolute;
    right: 50%;
    bottom: 0%;
    transform: translateX(50%);
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .infoReport__inner .btn01 {
    width: 80%;
  }
}
.infoReport__inner .btn01 a {
  border: none;
  padding: 15px 8px;
}
@media screen and (min-width: 560px) {
  .infoReport__inner .btn01 a {
    padding: 20px 12px;
  }
}
@media screen and (min-width: 960px) {
  .infoReport__inner .btn01 a {
    padding: 22px 18px;
  }
}
.infoReport__inner .btn01 span {
  font-size: 1.4rem;
}
@media screen and (min-width: 560px) {
  .infoReport__inner .btn01 span {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .infoReport__inner .btn01 span {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .infoReport__inner .btn01 span {
    font-size: 1.8rem;
  }
}

/*******topDespatch*********/
.topDespatch {
  background: #eee;
}
@media screen and (min-width: 768px) {
  .topDespatch__service {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .topDespatch__info {
    width: 46%;
  }
}
.topDespatch__info__ttl {
  font-size: 2rem;
  font-weight: normal;
  color: #626d33;
  line-height: 1.5;
}
@media screen and (min-width: 560px) {
  .topDespatch__info__ttl {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .topDespatch__info__ttl {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 960px) {
  .topDespatch__info__ttl {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .topDespatch__info__ttl {
    font-size: 3.6rem;
  }
}
.topDespatch__info__price {
  font-size: 2rem;
  margin-bottom: 15px;
  margin-top: 25px;
  font-size: 1.6rem;
}
@media screen and (min-width: 560px) {
  .topDespatch__info__price {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 960px) {
  .topDespatch__info__price {
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
.topDespatch__info__price dl {
  display: flex;
  margin-bottom: 15px;
}
@media screen and (min-width: 560px) {
  .topDespatch__info__price dl {
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 960px) {
  .topDespatch__info__price dl {
    margin-bottom: 20px;
  }
}
.topDespatch__info__price dl dt {
  margin-right: 10px;
  background: #fff;
  text-align: center;
  padding: 8px 8px;
  width: 143px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 560px) {
  .topDespatch__info__price dl dt {
    margin-right: 15px;
    padding: 8px 10px;
    width: 155px;
    font-weight: bold;
  }
}
@media screen and (min-width: 960px) {
  .topDespatch__info__price dl dt {
    margin-right: 20px;
    width: 170px;
    padding: 12px 15px;
  }
}
.topDespatch__info__price dl dt span {
  align-items: center;
}
.topDespatch__info__price dl dd {
  flex: 1;
  display: flex;
  align-items: center;
}
.topDespatch__info__price dl dd span {
  display: block;
  font-size: 1.2rem;
  margin-top: 10px;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .topDespatch__info__price dl dd span {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .topDespatch__info__price dl dd span {
    font-size: 1.4rem;
  }
}
.topDespatch__info__price__caution {
  color: #c00;
  line-height: 1.4;
}
.topDespatch__info__txt {
  margin-top: 20px;
}
.topDespatch__ph {
  text-align: center;
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .topDespatch__ph {
    width: 48%;
    margin-top: 0px;
  }
}
.topDespatch .contentsCatch {
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .topDespatch .contentsCatch {
    margin-top: 45px;
  }
}
@media screen and (min-width: 960px) {
  .topDespatch .contentsCatch {
    margin-top: 60px;
  }
}
.topDespatch .btn01 {
  padding-top: 20px;
  margin: 0 auto;
  max-width: 530px;
  width: 100%;
}

/***********topActivity***********/
.topActivity {
  border-top: 1px solid #cccccc;
  padding-top: 40px;
  margin-bottom: 40px;
}
@media screen and (min-width: 560px) {
  .topActivity {
    padding-top: 60px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 960px) {
  .topActivity {
    padding-top: 100px;
    margin-bottom: 100px;
  }
}
.topActivity__info {
  position: relative;
}
@media screen and (min-width: 560px) {
  .topActivity__info {
    display: flex;
  }
}
.topActivity__info__ttl {
  font-size: 1.8rem;
  line-height: 1.4;
  font-feature-settings: "palt";
  color: #626d33;
  margin-bottom: 20px;
}
@media screen and (min-width: 560px) {
  .topActivity__info__ttl {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  .topActivity__info__ttl {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 960px) {
  .topActivity__info__ttl {
    font-size: 3.6rem;
    margin-bottom: 50px;
  }
}
.topActivity__info__ttl br {
  display: none;
}
@media screen and (min-width: 560px) {
  .topActivity__info__ttl br {
    display: block;
  }
}
.topActivity__info__inner {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
}
.topActivity__info__txtbox {
  width: 100%;
}
@media screen and (min-width: 560px) {
  .topActivity__info__txtbox {
    width: 51%;
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .topActivity__info__txtbox {
    padding-top: 60px;
    padding-bottom: 180px;
  }
}
.topActivity__info__txtbox p span {
  font-weight: bold;
}
.topActivity__info__txtbox .txt + .txt {
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .topActivity__info__txtbox .txt + .txt {
    margin-top: 30px;
  }
}
@media screen and (min-width: 960px) {
  .topActivity__info__txtbox .txt + .txt {
    margin-top: 35px;
  }
}
.topActivity__ph {
  background-size: cover;
  background-position: right top;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .topActivity__ph {
    position: absolute;
    width: 46%;
    margin-top: 0px;
  }
}

/**********topRentacar***********/
/*
.topRentaCar{

    .RentaCarList{
        &__car{
            &__equipment{
                display: none;
            }
            &__ttl2{
                display: none;
            }
            &__descripton{
                display: none;
            }
            .btn01{
                display: none;
            }
        }
    }
}
*/
.topRentaCar__caution {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .topRentaCar__caution {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .topRentaCar__caution {
    margin-bottom: 50px;
  }
}
.topRentaCar__caution p {
  display: inline-block;
  font-size: 1.4rem;
  padding: 10px 15px;
  line-height: 1.8;
}
@media screen and (min-width: 560px) {
  .topRentaCar__caution p {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .topRentaCar__caution p {
    font-size: 1.6rem;
  }
}

/**********topAdvantage***********/
.topAdvantage {
  background: #eee;
}
.topAdvantage__box {
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .topAdvantage__box {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 560px) {
  .topAdvantage__box {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 960px) {
  .topAdvantage__box {
    margin-bottom: 60px;
  }
}
.topAdvantage__box__inner {
  margin-top: 20px;
  font-feature-settings: "palt";
}
@media screen and (min-width: 560px) {
  .topAdvantage__box__inner {
    width: 46%;
    margin-top: 0px;
  }
}
.topAdvantage__box__inner__ttl {
  font-size: 2rem;
  color: #626d33;
  margin-bottom: 10px;
  font-weight: normal;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .topAdvantage__box__inner__ttl {
    font-size: 2.5rem;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 960px) {
  .topAdvantage__box__inner__ttl {
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
.topAdvantage__ph {
  text-align: center;
}
@media screen and (min-width: 560px) {
  .topAdvantage__ph {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .topAdvantage__ph {
    width: 46%;
  }
}

/************news**************/
.topInfo {
  background: #eee;
}
.topInfo .ttl01 {
  margin-bottom: 20px;
}
.topInfo__news {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .topInfo__news {
    width: 70%;
  }
}
.topInfo__news .btn01 {
  width: 225px;
  margin: 20px 0px 0px auto;
}
@media screen and (min-width: 560px) {
  .topInfo__news .btn01 {
    width: 245px;
  }
}
@media screen and (min-width: 960px) {
  .topInfo__news .btn01 {
    width: 265px;
  }
}
.topInfo__news .btn01 a {
  padding: 12px 15px;
}
@media screen and (min-width: 560px) {
  .topInfo__news .btn01 a {
    padding: 13px 18px;
  }
}
@media screen and (min-width: 960px) {
  .topInfo__news .btn01 a {
    padding: 15px 20px;
  }
}
.topInfo__news .btn01 span {
  font-size: 1.4rem;
}
@media screen and (min-width: 560px) {
  .topInfo__news .btn01 span {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .topInfo__news .btn01 span {
    font-size: 1.6rem;
  }
}

/* =============================================================
guide.scss
============================================================== */
.guidanceInfo {
  text-align: center;
}

.guide {
  font-feature-settings: "palt";
}

.hosyoTableBox {
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .hosyoTableBox {
    margin-top: 25px;
  }
}
@media screen and (min-width: 960px) {
  .hosyoTableBox {
    margin-top: 30px;
  }
}

.guideBox {
  /********/
}
.guideBox_otherdrive {
  margin-top: 30px;
  margin-bottom: 30px;
}
.guideBox__in {
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .guideBox__in {
    margin-top: 30px;
  }
}
@media screen and (min-width: 960px) {
  .guideBox__in {
    margin-top: 40px;
  }
}
.guideBox + .guideBox {
  margin-top: 45px;
}
@media screen and (min-width: 560px) {
  .guideBox + .guideBox {
    margin-top: 65px;
  }
}
@media screen and (min-width: 960px) {
  .guideBox + .guideBox {
    margin-top: 80px;
  }
}
.guideBox__list {
  margin-top: 5px;
  margin-bottom: 5px;
}
.guideBox__list dl {
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (min-width: 560px) {
  .guideBox__list dl {
    display: flex;
  }
}
@media screen and (min-width: 560px) {
  .guideBox__list dl {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .guideBox__list dl {
    font-size: 1.6rem;
  }
}
.guideBox__list dl dt {
  font-weight: bold;
  font-size: 1.5rem;
}
@media screen and (min-width: 960px) {
  .guideBox__list dl dt {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 560px) {
  .guideBox__list dl dt:after {
    content: "…";
    margin-left: 5px;
  }
}
@media screen and (min-width: 560px) {
  .guideBox__list dl dd {
    margin-left: 5px;
    flex: 1;
  }
}
.guideBox__movie {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .guideBox__movie {
    width: 94%;
  }
}
.guideBox__movie video {
  width: 100%;
}
.guideBox__caution {
  font-weight: bold;
  color: #a43030;
}
.guideBox__accident__list {
  font-weight: bold;
}
.guideBox__nocList {
  margin-top: 30px;
}
.guideBox__hosyoplan dl dt {
  font-weight: bold;
}
.guideBox__hosyoplan dl + dl {
  margin-top: 30px;
}
.guideBox__hosyoplan__img {
  margin-top: 20px;
}
.guideBox .conditionsBox__ttl {
  font-size: 1.6rem;
  background: #626d33;
  color: #fff;
  padding: 10px 13px;
}
@media screen and (min-width: 560px) {
  .guideBox .conditionsBox__ttl {
    font-size: 1.7rem;
    padding: 15px;
  }
}
@media screen and (min-width: 960px) {
  .guideBox .conditionsBox__ttl {
    font-size: 1.8rem;
    padding: 15px 20px;
  }
}
.guideBox .conditionsBox__inner {
  border: 1px solid #626d33;
  padding: 13px;
}
@media screen and (min-width: 560px) {
  .guideBox .conditionsBox__inner {
    padding: 17px;
  }
}
@media screen and (min-width: 960px) {
  .guideBox .conditionsBox__inner {
    padding: 20px;
  }
}
.guideBox .conditionsBox__txt1 {
  font-size: 1.3rem;
  margin-top: 10px;
  font-weight: bold;
  color: #a43030;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .guideBox .conditionsBox__txt1 {
    font-size: 1.5rem;
    margin-top: 15px;
  }
}
@media screen and (min-width: 960px) {
  .guideBox .conditionsBox__txt1 {
    font-size: 1.6rem;
    margin-top: 20px;
  }
}
.guideBox .conditionsBox__txt2 {
  font-size: 1.3rem;
  margin-top: 10px;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .guideBox .conditionsBox__txt2 {
    font-size: 1.5rem;
    margin-top: 15px;
  }
}
@media screen and (min-width: 960px) {
  .guideBox .conditionsBox__txt2 {
    font-size: 1.6rem;
    margin-top: 20px;
  }
}
.guideBox .conditionsBox__list2 {
  margin-top: 10px;
}
.guideBox__block {
  margin-top: 15px;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .guideBox__block {
    font-size: 1.5rem;
    margin-top: 18px;
    display: flex;
  }
}
@media screen and (min-width: 960px) {
  .guideBox__block {
    font-size: 1.6rem;
    margin-top: 20px;
  }
}
.guideBox__block div {
  border: 1px solid #ccc;
  line-height: 1.6;
  padding: 10px;
  width: 100%;
}
@media screen and (min-width: 560px) {
  .guideBox__block div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: auto;
    padding: 10px 20px;
  }
}
@media screen and (min-width: 960px) {
  .guideBox__block div {
    padding: 20px 40px;
  }
}
.guideBox__block div span {
  text-align: center;
  font-size: 1.4rem;
}
@media screen and (min-width: 560px) {
  .guideBox__block div span {
    font-size: 1.6rem;
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .guideBox__block div span {
    font-size: 1.8rem;
  }
}
.guideBox__block div br {
  display: none;
}
@media screen and (min-width: 560px) {
  .guideBox__block div br {
    display: block;
  }
}
.guideBox__block--ttl {
  border-right: 1px solid #ccc;
  background: #eee;
}
.guideBox__block--box {
  margin-top: -1px;
}
@media screen and (min-width: 560px) {
  .guideBox__block--box {
    margin-top: 0px;
    margin-left: -1px;
  }
}

.hason__ttl {
  border-left: 2px solid #000;
  padding: 3px 0px 3px 10px;
  font-size: 1.5rem;
  margin-bottom: 15px;
}
@media screen and (min-width: 560px) {
  .hason__ttl {
    font-size: 1.6rem;
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 960px) {
  .hason__ttl {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}

/* =============================================================
service.scss
============================================================== */
.rentacatPriceWrap {
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .rentacatPriceWrap {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 960px) {
  .rentacatPriceWrap {
    margin-bottom: 60px;
  }
}

.rentacatPrice {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}
@media screen and (min-width: 560px) {
  .rentacatPrice {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 960px) {
  .rentacatPrice {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
.rentacatPrice__box a {
  text-decoration: none;
  border: 1px solid #ccc;
  position: relative;
  display: block;
  padding: 10px;
}
@media screen and (min-width: 560px) {
  .rentacatPrice__box a {
    display: flex;
    align-items: center;
    padding: 15px;
  }
}
.rentacatPrice__box a:after {
  content: "";
  background: url(../../img/common/rb_arrow_bg.png) right bottom no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 7px;
  bottom: 7px;
}
@media screen and (min-width: 960px) {
  .rentacatPrice__box a:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border: 0px solid #ccc;
    transition: border 0.1s;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 960px) {
  .rentacatPrice__box a:hover:before {
    border-width: 3px;
    transition: border 0.1s;
  }
}
.rentacatPrice__ph {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 560px) {
  .rentacatPrice__ph {
    max-width: 200px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 960px) {
  .rentacatPrice__ph {
    max-width: 240px;
  }
}
@media screen and (min-width: 560px) {
  .rentacatPrice__info {
    margin-left: 20px;
  }
}
.rentacatPrice__ttl {
  font-size: 1.7rem;
  font-weight: 500;
  margin-bottom: 10px;
  color: #8a7b59;
}
.rentacatPrice__ttl span {
  font-size: 70%;
  display: inline-block;
}
@media screen and (min-width: 560px) {
  .rentacatPrice__ttl {
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacatPrice__ttl {
    font-size: 2.5rem;
  }
}
.rentacatPrice__parson {
  font-size: 1.3rem;
  line-height: 1.5;
}
@media screen and (min-width: 560px) {
  .rentacatPrice__parson {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacatPrice__parson {
    font-size: 1.5rem;
  }
}
.rentacatPrice__parson span {
  display: block;
  color: #626d33;
  margin-top: 5px;
}
@media screen and (min-width: 560px) {
  .rentacatPrice__parson span {
    margin-top: 0px;
  }
}
.rentacatPrice__tenpo {
  margin-top: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (min-width: 560px) {
  .rentacatPrice__tenpo {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacatPrice__tenpo {
    font-size: 1.8rem;
  }
}
.rentacatPrice__season {
  margin-top: 10px;
  line-height: 1.6;
}
.rentacatPrice__reserve {
  text-align: right;
}
.rentacatPrice__reserve span {
  display: inline-block;
  font-size: 1.4rem;
  margin-top: 8px;
  cursor: pointer;
  background: #a43030;
  padding: 12px 40px;
  color: #fff;
  position: relative;
  transition: background 0.3s;
}
@media screen and (min-width: 560px) {
  .rentacatPrice__reserve span {
    font-size: 1.5rem;
    margin-top: 9px;
    padding: 13px 45px;
  }
}
@media screen and (min-width: 960px) {
  .rentacatPrice__reserve span {
    font-size: 1.6rem;
    margin-top: 10px;
    padding: 15px 50px;
  }
}
@media screen and (min-width: 960px) {
  .rentacatPrice__reserve span:hover {
    background: #000;
    transition: background 0.3s;
  }
}
.rentacatPrice__reserve span:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.rentacatPriceTime {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 100px 1fr;
  border-right: 1px solid #ccc;
  line-height: 1.3;
  font-size: 1.2rem;
  border-bottom: 1px solid #ccc;
  text-align: center;
  /*********/
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacatPriceTime {
    font-size: 1.6rem;
    margin-top: 15px;
  }
}
.rentacatPriceTime .m--th, .rentacatPriceTime .m--th2, .rentacatPriceTime .m--td {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rentacatPriceTime .m--th br, .rentacatPriceTime .m--th2 br, .rentacatPriceTime .m--td br {
  display: none;
}
@media screen and (min-width: 1200px) {
  .rentacatPriceTime .m--th br, .rentacatPriceTime .m--th2 br, .rentacatPriceTime .m--td br {
    display: block;
  }
}
.rentacatPriceTime .m--th {
  padding: 10px 8px;
  background: #eee;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime .m--th {
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .rentacatPriceTime .m--th {
    padding: 10px;
  }
}
.rentacatPriceTime .m--th2 {
  padding: 10px 8px;
  background: #eee;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime .m--th2 {
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .rentacatPriceTime .m--th2 {
    padding: 10px;
  }
}
.rentacatPriceTime .m--td {
  padding: 10px 8px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime .m--td {
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .rentacatPriceTime .m--td {
    padding: 10px;
  }
}
.rentacatPriceTime__time {
  grid-column: 1/2;
  grid-row: 1/2;
}
.rentacatPriceTime__time1 {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__time1 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.rentacatPriceTime__time2 {
  grid-column: 1/2;
  grid-row: 3/4;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__time2 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.rentacatPriceTime__time3 {
  grid-column: 1/2;
  grid-row: 4/5;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__time3 {
    grid-column: 4/5;
    grid-row: 1/2;
  }
}
.rentacatPriceTime__time4 {
  grid-column: 1/2;
  grid-row: 5/6;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__time4 {
    grid-column: 5/6;
    grid-row: 1/2;
  }
}
.rentacatPriceTime__time5 {
  grid-column: 1/2;
  grid-row: 6/7;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__time5 {
    grid-column: 6/7;
    grid-row: 1/2;
  }
}
.rentacatPriceTime__price {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__price {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.rentacatPriceTime__price1 {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__price1 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.rentacatPriceTime__price2 {
  grid-column: 2/3;
  grid-row: 3/4;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__price2 {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
.rentacatPriceTime__price3 {
  grid-column: 2/3;
  grid-row: 4/5;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__price3 {
    grid-column: 4/5;
    grid-row: 2/3;
  }
}
.rentacatPriceTime__price4 {
  grid-column: 2/3;
  grid-row: 5/6;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__price4 {
    grid-column: 5/6;
    grid-row: 2/3;
  }
}
.rentacatPriceTime__price5 {
  grid-column: 2/3;
  grid-row: 6/7;
}
@media screen and (min-width: 560px) {
  .rentacatPriceTime__price5 {
    grid-column: 6/7;
    grid-row: 2/3;
  }
}

.rentalLong__txt {
  margin-bottom: 20px;
}
.rentalLong__list {
  margin-bottom: 20px;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .rentalLong__list {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .rentalLong__list {
    font-size: 1.6rem;
  }
}
.rentalLong__list li span {
  font-weight: bold;
}
.rentalLong__list li span.per {
  color: #a43030;
}
.rentalLong li + li {
  margin-top: 10px;
}

/*************/
.rentalmember {
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .rentalmember {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 960px) {
  .rentalmember {
    margin-bottom: 60px;
  }
}
.rentalmember__txt span {
  color: #a43030;
  font-weight: bold;
}
.rentalmember .btn2 {
  margin: 0 auto;
  max-width: 320px;
  padding-top: 20px;
}
@media screen and (min-width: 560px) {
  .rentalmember .btn2 {
    padding-top: 35px;
  }
}
@media screen and (min-width: 960px) {
  .rentalmember .btn2 {
    padding-top: 40px;
  }
}

/*************/
.serviceInfo {
  text-align: center;
}

.serviceBox + .serviceBox {
  margin-top: 45px;
}
@media screen and (min-width: 560px) {
  .serviceBox + .serviceBox {
    margin-top: 65px;
  }
}
@media screen and (min-width: 960px) {
  .serviceBox + .serviceBox {
    margin-top: 80px;
  }
}

.servicePrice .rentacar_btn01 {
  max-width: 525px;
  margin: 0 auto;
}
.servicePrice .rentacar_btn01 i {
  margin-left: 10px;
  font-size: 15px;
  transform: translateY(-1px);
}
@media screen and (min-width: 768px) {
  .servicePrice .rentacar_btn01 i {
    font-size: 18px;
  }
}
@media screen and (min-width: 960px) {
  .servicePrice .rentacar_btn01 i {
    font-size: 20px;
  }
}
.servicePrice__move {
  text-align: center;
  margin-top: 17px;
}
.servicePrice__pay {
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .servicePrice__pay {
    margin-bottom: 20px;
  }
}
.servicePrice__pay br {
  display: none;
}
@media screen and (min-width: 560px) {
  .servicePrice__pay br {
    display: block;
  }
}

.serviceDispatch__box {
  margin-bottom: 25px;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__box {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 560px) {
  .serviceDispatch__box__info {
    width: 53%;
  }
}
.serviceDispatch__box__ph {
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__box__ph {
    width: 44%;
    margin-top: 0px;
  }
}
.serviceDispatch__box__price {
  font-size: 2rem;
  margin-bottom: 15px;
  margin-top: 25px;
  font-size: 1.6rem;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__box__price {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 960px) {
  .serviceDispatch__box__price {
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
.serviceDispatch__box__price dl {
  display: flex;
  margin-bottom: 15px;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__box__price dl {
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 960px) {
  .serviceDispatch__box__price dl {
    margin-bottom: 20px;
  }
}
.serviceDispatch__box__price dl dt {
  margin-right: 10px;
  background: #626d33;
  text-align: center;
  color: #fff;
  padding: 8px 8px;
  width: 143px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__box__price dl dt {
    margin-right: 15px;
    padding: 8px 10px;
    width: 155px;
    font-weight: bold;
  }
}
@media screen and (min-width: 960px) {
  .serviceDispatch__box__price dl dt {
    margin-right: 20px;
    width: 170px;
    padding: 8px 15px;
  }
}
.serviceDispatch__box__price dl dd {
  flex: 1;
  display: flex;
  align-items: center;
}
.serviceDispatch__box__price dl dd span {
  display: block;
  font-size: 1.2rem;
  margin-top: 10px;
  line-height: 1.4;
}
.serviceDispatch__box__price__caution {
  color: #c00;
  line-height: 1.4;
}
.serviceDispatch__area {
  /*border: 1px solid $color_green;*/
  text-align: center;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  /*padding: 20px 10px;
  @include mq-up(sm){
      padding: 23px 10px;
  }
  @include mq-up(lg){
      padding: 20px 10px 10px;
  }*/
}
.serviceDispatch__area__ttl {
  font-size: 1.6rem;
  color: #626d33;
  margin-bottom: 20px;
  font-weight: bold;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__area__ttl {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 960px) {
  .serviceDispatch__area__ttl {
    font-size: 2rem;
  }
}
.serviceDispatch__area__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__area__list {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .serviceDispatch__area__list {
    font-size: 1.6rem;
  }
}
.serviceDispatch__area__list + .serviceDispatch__area__list {
  margin-top: 10px;
}
.serviceDispatch__area__list li:after {
  content: "、";
}
.serviceDispatch__area__list li:last-child:after {
  content: "";
}
.serviceDispatch__area__list li span {
  font-size: 0.8rem;
  transform: translateY(-5px);
  display: inline-block;
}
.serviceDispatch__area__contact {
  margin-top: 20px;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: left;
}
@media screen and (min-width: 960px) {
  .serviceDispatch__area__contact {
    text-align: center;
  }
}
.serviceDispatch__area__contact__box {
  margin-top: 5px;
  color: #fff;
  background: #a43030;
  padding: 10px 5px 10px;
  line-height: 1.6;
}
.serviceDispatch__possible {
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__possible {
    margin-top: 45px;
  }
}
@media screen and (min-width: 960px) {
  .serviceDispatch__possible {
    margin-top: 60px;
  }
}
.serviceDispatch__possible__list {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__possible__list {
    margin-top: 15px;
  }
}
@media screen and (min-width: 960px) {
  .serviceDispatch__possible__list {
    margin-top: 20px;
  }
}
.serviceDispatch__possible__list li {
  position: relative;
  padding-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__possible__list li {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .serviceDispatch__possible__list li {
    font-size: 1.6rem;
  }
}
.serviceDispatch__possible__list li:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0px;
  top: 2px;
}
.serviceDispatch__possible__chubu:before {
  background: #e65100;
}
.serviceDispatch__possible__kanto:before {
  background: #0288d1;
}
.serviceDispatch__possible__kansai:before {
  background: #558b2f;
}
.serviceDispatch__possible__nikcar:before {
  background: #795548;
}
.serviceDispatch__possible__tokyo:before {
  background: #3949ab;
}
.serviceDispatch__possible__osaka:before {
  background: #006064;
}
.serviceDispatch__possible__map {
  margin-top: 10px;
}
.serviceDispatch__possible__map iframe {
  width: 100%;
  height: 320px;
}
@media screen and (min-width: 560px) {
  .serviceDispatch__possible__map iframe {
    height: 400px;
  }
}
@media screen and (min-width: 960px) {
  .serviceDispatch__possible__map iframe {
    height: 450px;
  }
}

.serviceFlow {
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .serviceFlow {
    margin-top: 45px;
  }
}
@media screen and (min-width: 960px) {
  .serviceFlow {
    margin-top: 55px;
  }
}
.serviceFlow__list {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-left: 10px;
}
@media screen and (min-width: 560px) {
  .serviceFlow__list {
    font-size: 1.5rem;
    margin-left: 15px;
  }
}
@media screen and (min-width: 960px) {
  .serviceFlow__list {
    font-size: 1.6rem;
    margin-left: 20px;
  }
}
.serviceFlow__list li {
  list-style-type: decimal;
}
.serviceFlow__list li + li {
  margin-top: 15px;
}
.serviceFlow__list a {
  color: #a43030;
  font-weight: bold;
}
.serviceFlow__caution {
  margin-top: 15px;
  border: 3px solid #a43030;
  color: #a43030;
  padding: 15px 15px;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (min-width: 560px) {
  .serviceFlow__caution {
    padding: 20px 15px;
    margin-top: 20px;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .serviceFlow__caution {
    margin-top: 25px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .serviceFlow__caution {
    text-align: center;
  }
}

/* =============================================================
faq.css
============================================================== */
.faqBox__list {
  border: 1px solid #626d33;
  border-radius: 10px;
}
.faqBox__list + .faqBox__list {
  margin-top: 15px;
}
@media screen and (min-width: 560px) {
  .faqBox__list + .faqBox__list {
    margin-top: 20px;
  }
}
@media screen and (min-width: 960px) {
  .faqBox__list + .faqBox__list {
    margin-top: 25px;
  }
}
.faqBox__list .question {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  cursor: pointer;
  position: relative;
  padding: 12px 10px;
  font-weight: bold;
  color: #626d33;
}
@media screen and (min-width: 560px) {
  .faqBox__list .question {
    font-size: 1.5rem;
    padding: 15px;
  }
}
@media screen and (min-width: 960px) {
  .faqBox__list .question {
    font-size: 1.6rem;
    padding: 15px 20px;
  }
}
.faqBox__list .question:before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  right: 20px;
  top: 15px;
  font-weight: 600;
  color: #626d33;
  transform: rotate(0deg);
}
.faqBox__list .question.down:before {
  transform: rotate(180deg);
}
.faqBox__list .question .q_txt {
  padding-left: 30px;
  margin-right: 30px;
  line-height: 1.4;
  flex: 1;
  position: relative;
}
.faqBox__list .question .q_txt:before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "Q";
  font-weight: 900;
  left: 0px;
  top: 0px;
  font-size: 100%;
  font-weight: 600;
  color: #626d33;
}
.faqBox__list .answer {
  display: none;
  margin-top: 3px;
  border-top: 1px solid #626d33;
  padding: 15px 20px;
}
.faqBox__list .answer__inner {
  display: flex;
}
.faqBox__list .answer .a {
  color: #fff;
  width: 50px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .faqBox__list .answer .a {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .faqBox__list .answer .a {
    font-size: 1.5rem;
    width: 60px;
  }
}
.faqBox__list .answer .a_txt {
  padding-left: 30px;
  flex: 1;
  line-height: 1.6;
  font-size: 1.3rem;
  font-weight: 500;
  position: relative;
}
@media screen and (min-width: 560px) {
  .faqBox__list .answer .a_txt {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .faqBox__list .answer .a_txt {
    font-size: 1.6rem;
  }
}
.faqBox__list .answer .a_txt:before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "A";
  font-weight: 900;
  left: 2px;
  top: 0px;
  font-size: 100%;
  font-weight: 600;
  color: #000;
}
.faqBox__list .answer .a_txt br {
  display: none;
}
@media screen and (min-width: 768px) {
  .faqBox__list .answer .a_txt br {
    display: block;
  }
}
.faqBox__list .answer .a_txt.a_txt_special br {
  display: block;
}
.faqBox__list .answer .a_txt sup {
  font-size: 70%;
  position: relative;
  left: -7px;
}
.faqBox__list .answer .a_txt .small {
  font-size: 1.2rem;
}

/* =============================================================
company.css
============================================================== */
.companyGreeting {
  background: #eee;
}

.companyMap iframe {
  width: 100%;
  height: 210px;
}
@media screen and (min-width: 560px) {
  .companyMap iframe {
    height: 320px;
  }
}
@media screen and (min-width: 960px) {
  .companyMap iframe {
    height: 450px;
  }
}

.company_ph {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1%;
}
@media screen and (min-width: 560px) {
  .company_ph {
    padding: 0%;
  }
}
.company_ph li {
  width: 50%;
  padding: 1%;
}
@media screen and (min-width: 560px) {
  .company_ph li {
    width: 33.3%;
    padding: 0px;
  }
}

/*******************/
.greeting__txt {
  text-align: left;
}
@media screen and (min-width: 560px) {
  .greeting__txt {
    text-align: center;
  }
}
.greeting__txt p {
  line-height: 2;
}
.greeting__txt p br {
  display: none;
}
@media screen and (min-width: 560px) {
  .greeting__txt p br {
    display: block;
  }
}
.greeting__txt p + p {
  margin-top: 10px;
}
@media screen and (min-width: 560px) {
  .greeting__txt p + p {
    margin-top: 15px;
  }
}
@media screen and (min-width: 960px) {
  .greeting__txt p + p {
    margin-top: 30px;
  }
}

.greeting__name {
  margin-top: 30px;
  text-align: center;
}

/* =============================================================
shop.css
============================================================== */
.shopList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.shopList__one {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .shopList__one {
    width: 47%;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .shopList__one {
    margin-bottom: 80px;
  }
}
.shopList__one__ttl {
  font-size: 1.8rem;
  font-weight: bold;
  color: #626d33;
  padding-top: 10px;
}
@media screen and (min-width: 360px) {
  .shopList__one__ttl {
    font-size: 2rem;
    padding-top: 15px;
  }
}
@media screen and (min-width: 560px) {
  .shopList__one__ttl {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 960px) {
  .shopList__one__ttl {
    font-size: 3rem;
    padding-top: 20px;
  }
}
.shopList__one__info {
  font-size: 1.3rem;
  margin-bottom: 20px;
  line-height: 1.6;
}
@media screen and (min-width: 560px) {
  .shopList__one__info {
    font-size: 1.4rem;
    margin-bottom: 85px;
  }
}
@media screen and (min-width: 960px) {
  .shopList__one__info {
    font-size: 1.8rem;
    margin-bottom: 100px;
  }
}
.shopList__one__address {
  margin-top: 10px;
}
@media screen and (min-width: 560px) {
  .shopList__one__address {
    margin-top: 15px;
  }
}
@media screen and (min-width: 960px) {
  .shopList__one__address {
    margin-top: 30px;
  }
}
.shopList__one__address span {
  margin-left: 0px;
  display: block;
}
@media screen and (min-width: 960px) {
  .shopList__one__address span {
    display: inline;
    margin-left: 10px;
  }
}
@media screen and (min-width: 560px) {
  .shopList__one .btn01 {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 0px;
    width: 80%;
  }
}
.shopList__one .btn01 span {
  font-size: 1.5rem;
}
@media screen and (min-width: 560px) {
  .shopList__one .btn01 span {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .shopList__one .btn01 span {
    font-size: 2rem;
  }
}

/* =============================================================
detail
============================================================== */
@media screen and (min-width: 560px) {
  .shopDetailOffice {
    display: flex;
    justify-content: space-between;
  }
}
.shopDetailOffice__table {
  order: 1;
  width: 100%;
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .shopDetailOffice__table {
    width: 46%;
    margin-top: 0px;
  }
}
.shopDetailOffice__table table {
  width: 100%;
  border-top: 1px solid #cccccc;
}
.shopDetailOffice__table table th, .shopDetailOffice__table table td {
  border-bottom: 1px solid #cccccc;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1.2rem;
  line-height: 1.6;
}
@media screen and (min-width: 560px) {
  .shopDetailOffice__table table th, .shopDetailOffice__table table td {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .shopDetailOffice__table table th, .shopDetailOffice__table table td {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .shopDetailOffice__table table th, .shopDetailOffice__table table td {
    font-size: 1.6rem;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.shopDetailOffice__table table th {
  text-align: left;
  vertical-align: top;
  width: 80px;
}
@media screen and (min-width: 560px) {
  .shopDetailOffice__table table th {
    width: 100px;
  }
}
.shopDetailOffice__table table .telCaution {
  font-size: 1.4rem;
}
.shopDetailOffice__ph {
  order: 2;
  text-align: center;
}
@media screen and (min-width: 560px) {
  .shopDetailOffice__ph {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .shopDetailOffice__ph {
    width: 46%;
  }
}

/*********/
.shopDetailph {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
@media screen and (min-width: 560px) {
  .shopDetailph {
    margin-top: 35px;
  }
}
@media screen and (min-width: 960px) {
  .shopDetailph {
    margin-top: 60px;
  }
}
.shopDetailph li {
  width: 33%;
}
@media screen and (min-width: 560px) {
  .shopDetailph li {
    width: 30%;
  }
}
@media screen and (min-width: 960px) {
  .shopDetailph li {
    width: 25%;
  }
}
.shopDetailph li + li {
  margin-left: 1.5%;
}

/**********/
.shopDetaiDispatch {
  /************/
}
@media screen and (min-width: 560px) {
  .shopDetaiDispatch {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 560px) {
  .shopDetaiDispatch__info {
    width: 46%;
  }
}
.shopDetaiDispatch__info__txt a {
  color: #0000ff;
}
.shopDetaiDispatch__info__reserve {
  border: 2px solid #a43030;
  color: #a43030;
  font-size: 1.4rem;
  text-align: center;
  padding: 15px 10px 15px;
  line-height: 1.6;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (min-width: 560px) {
  .shopDetaiDispatch__info__reserve {
    font-size: 1.4rem;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 960px) {
  .shopDetaiDispatch__info__reserve {
    font-size: 1.8rem;
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
.shopDetaiDispatch__info__reserve br {
  display: none;
}
@media screen and (min-width: 960px) {
  .shopDetaiDispatch__info__reserve br {
    display: block;
  }
}
.shopDetaiDispatch__info__caption {
  text-align: left;
  line-height: 1.4;
}
@media screen and (min-width: 360px) {
  .shopDetaiDispatch__info__caption {
    text-align: center;
  }
}
.shopDetaiDispatch__btn1 {
  max-width: 337px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.shopDetaiDispatch__btn1 a {
  display: block;
  text-decoration: none;
  color: #fff;
}
.shopDetaiDispatch__btn1 span {
  background: #626d33;
  display: block;
  text-align: center;
  padding: 18px 10px;
  font-weight: bold;
  color: #fff;
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
  .shopDetaiDispatch__btn1 span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .shopDetaiDispatch__btn1 span {
    font-size: 2.5rem;
  }
}
.shopDetaiDispatch__btn1 span i {
  margin-right: 10px;
  font-size: 1.8rem;
}
@media screen and (min-width: 560px) {
  .shopDetaiDispatch__btn1 span i {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .shopDetaiDispatch__btn1 span i {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 960px) {
  .shopDetaiDispatch__btn1 span i {
    font-size: 2.2rem;
  }
}
.shopDetaiDispatch__btn2 {
  max-width: 337px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.shopDetaiDispatch__btn2 a {
  display: block;
  text-decoration: none;
  color: #fff;
  background: #a43030;
  position: relative;
  text-align: center;
  font-size: 1.5rem;
  padding: 20px 10px;
  color: #fff;
  transition-duration: 0.3s;
}
@media screen and (min-width: 560px) {
  .shopDetaiDispatch__btn2 a {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .shopDetaiDispatch__btn2 a {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .shopDetaiDispatch__btn2 a {
    font-size: 1.8rem;
  }
}
.shopDetaiDispatch__btn2 a:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  right: 15px;
  top: 50%;
}
.shopDetaiDispatch__btn2 a:hover {
  background: #000;
  transition-duration: 0.3s;
}
.shopDetaiDispatch__map {
  margin-top: 20px;
}
@media screen and (min-width: 560px) {
  .shopDetaiDispatch__map {
    margin-top: 0px;
  }
}
@media screen and (min-width: 560px) {
  .shopDetaiDispatch__map {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .shopDetaiDispatch__map {
    width: 46%;
  }
}
.shopDetaiDispatch__map iframe {
  width: 100%;
  height: 360px;
}

.shopDetailMap iframe {
  width: 100%;
  height: 320px;
}
@media screen and (min-width: 560px) {
  .shopDetailMap iframe {
    height: 360px;
  }
}

/* =============================================================
campsite.scss
============================================================== */
/* campsite
----------------------------------------------*/
@media screen and (min-width: 560px) {
  .campsiteInfo {
    text-align: center;
  }
}
.campsiteInfo br {
  display: none;
}
@media screen and (min-width: 768px) {
  .campsiteInfo br {
    display: block;
  }
}

.campsitebtn ul {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.campsitebtn ul::after {
  content: "";
  display: block;
  width: 33.3%;
}
@media screen and (min-width: 560px) {
  .campsitebtn ul {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 960px) {
  .campsitebtn ul {
    margin-bottom: 100px;
  }
}
.campsitebtn ul li {
  width: 48%;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 560px) {
  .campsitebtn ul li {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .campsitebtn ul li {
    width: 22%;
  }
}
.campsitebtn ul a {
  display: block;
  background: #626d33;
  padding: 15px 10px 15px;
  text-decoration: none;
  color: #fff;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .campsitebtn ul a {
    font-size: 1.2rem;
    padding: 18px 10px 18px;
  }
}
@media screen and (min-width: 768px) {
  .campsitebtn ul a {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .campsitebtn ul a {
    padding: 20px 10px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .campsitebtn ul a {
    font-size: 1.6rem;
  }
}
.campsitebtn ul a:hover {
  background: #c00;
}
.campsitebtn ul a span {
  position: relative;
}
.campsitebtn ul a span:before {
  content: "";
  position: absolute;
  left: -11px;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}
.campsitebtn--mb ul {
  margin-bottom: 20px;
}

.campsite__caution {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media screen and (min-width: 560px) {
  .campsite__caution {
    margin-bottom: 30px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 960px) {
  .campsite__caution {
    margin-bottom: 50px;
    font-size: 1.5rem;
  }
}
.campsite__area__wrap {
  margin-bottom: 50px;
}
.campsite__list {
  width: 100%;
  border-top: 1px solid #eee;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .campsite__list {
    display: grid;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .campsite__list {
    font-size: 1.5rem;
  }
}
.campsite__list + .campsite__list {
  margin-top: -1px;
}
.campsite__list__name, .campsite__list__address, .campsite__list__tel, .campsite__list__k, .campsite__list__setsubi {
  padding: 12px 10px 12px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-items: center;
}
@media screen and (min-width: 560px) {
  .campsite__list__name, .campsite__list__address, .campsite__list__tel, .campsite__list__k, .campsite__list__setsubi {
    padding: 15px 5px 15px;
  }
}
@media screen and (min-width: 960px) {
  .campsite__list__name, .campsite__list__address, .campsite__list__tel, .campsite__list__k, .campsite__list__setsubi {
    padding: 15px 10px 15px;
  }
}
.campsite__list__name.th, .campsite__list__address.th, .campsite__list__tel.th, .campsite__list__k.th, .campsite__list__setsubi.th {
  background: #626d33;
  color: #fff;
  text-align: center;
  display: none;
}
@media screen and (min-width: 768px) {
  .campsite__list__name.th, .campsite__list__address.th, .campsite__list__tel.th, .campsite__list__k.th, .campsite__list__setsubi.th {
    display: block;
  }
}
.campsite__list__name {
  background: #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #fff;
  grid-column: 1/1;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .campsite__list__name {
    width: 130px;
  }
}
@media screen and (min-width: 960px) {
  .campsite__list__name {
    width: 180px;
  }
}
.campsite__list__address {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  grid-column: 2/3;
  border-left: 1px solid #eee;
}
@media screen and (min-width: 768px) {
  .campsite__list__address {
    border-left: none;
  }
}
.campsite__list__tel {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  grid-column: 3/4;
  border-left: 1px solid #eee;
}
@media screen and (min-width: 768px) {
  .campsite__list__tel {
    border-left: none;
  }
}
.campsite__list__tel span:before {
  content: "TEL. ";
}
@media screen and (min-width: 768px) {
  .campsite__list__tel span:before {
    content: "";
  }
}
.campsite__list__k {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  grid-column: 4/5;
  border-left: 1px solid #eee;
}
@media screen and (min-width: 768px) {
  .campsite__list__k {
    border-left: none;
  }
}
.campsite__list__k span:before {
  content: "NikCarからの距離 : ";
}
@media screen and (min-width: 768px) {
  .campsite__list__k span:before {
    content: "";
  }
}
.campsite__list__setsubi {
  grid-column: 5/6;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .campsite__list__setsubi {
    border-left: none;
    margin-bottom: 0px;
  }
}
.campsite__list__setsubi ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .campsite__list__setsubi ul {
    font-size: 1.4rem;
  }
}
.campsite__list__setsubi ul li {
  margin-right: 10px;
}
.campsite__list__setsubi ul li:after {
  content: ",";
}
.campsite__list__setsubi ul li:last-child:after {
  display: none;
}

/* =============================================================
voice.scss
============================================================== */
/***************お客様の声****************/
.rentacarVoice__use {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.2rem;
  line-height: 1.6;
}
@media screen and (min-width: 560px) {
  .rentacarVoice__use {
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarVoice__use {
    font-size: 1.5rem;
    margin-bottom: 40px;
  }
}
.rentacarVoice__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.rentacarVoice__list::before {
  content: "";
  display: block;
  width: 25%;
  order: 1;
}
.rentacarVoice__list::after {
  content: "";
  display: block;
  width: 25%;
}
.rentacarVoice__ph {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
@media screen and (min-width: 560px) {
  .rentacarVoice__ph {
    width: 49%;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 960px) {
  .rentacarVoice__ph {
    width: 24%;
    margin-bottom: 20px;
  }
}
.rentacarVoice__ph img {
  display: block;
  border: 1px solid #cccccc;
}
.rentacarVoice__ph img:hover {
  opacity: 0.8;
}
.rentacarVoice__ph span {
  position: absolute;
  left: 10px;
  top: 10px;
  display: inline-block;
  padding: 5px 10px 5px;
  line-height: 1;
  background: #626d33;
  color: #fff;
  margin-right: 10px;
  line-height: 1.4;
  font-size: 1.2rem;
}
@media screen and (min-width: 560px) {
  .rentacarVoice__ph span {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 960px) {
  .rentacarVoice__ph span {
    font-size: 1.1rem;
  }
}
.rentacarVoice__ph ul {
  display: none;
}

/* =============================================================
travelPlan.css
============================================================== */
@media screen and (min-width: 560px) {
  .planList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.planList__outer {
  width: 100%;
  margin-bottom: 40px;
  border: 1px solid #ccc;
  position: relative;
}
@media screen and (min-width: 560px) {
  .planList__outer {
    width: 48%;
  }
}
.planList__outer:before {
  content: "";
  background: url(../../img/common/rb_arrow_bg.png) right bottom no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 3px;
  bottom: 3px;
}
.planList__ph {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .planList__ph {
    width: 44%;
  }
}
.planList__ph img {
  visibility: hidden;
}
.planList__box {
  width: 100%;
  padding: 15px;
  position: relative;
}
@media screen and (min-width: 960px) {
  .planList__box {
    flex: 1;
    width: 50%;
  }
}
.planList__box__number {
  padding: 5px;
  background: #626d33;
  color: #fff;
  font-family: "oswald";
  font-size: 1.4rem;
  font-weight: 600;
  overflow: hidden;
  margin-bottom: 10px;
  display: block;
  position: relative;
}
@media screen and (min-width: 560px) {
  .planList__box__number {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .planList__box__number {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .planList__box__number:before, .planList__box__number:after {
    top: 0%;
    width: 50%;
    height: 100%;
    border-bottom: 10px solid rgb(145, 145, 145);
    transform: translateY(-50%) rotate(45deg);
    opacity: 0.3;
  }
}
@media screen and (min-width: 960px) {
  .planList__box__number::before {
    content: "";
    position: absolute;
    left: -10%;
  }
}
@media screen and (min-width: 960px) {
  .planList__box__number::after {
    content: "";
    position: absolute;
    left: -20%;
  }
}
.planList__box__number span {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #fff;
  padding: 2px 5px;
}
.planList__box__ttl {
  color: #626d33;
  font-size: 1.6rem;
  line-height: 1.3;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 560px) {
  .planList__box__ttl {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 960px) {
  .planList__box__ttl {
    font-size: 1.8rem;
  }
}
.planList__box__ttl span {
  color: #c00;
  display: inline-block;
  font-size: 70%;
}
.planList__box__ttl span:before {
  content: " / ";
  margin-left: 3px;
  color: #000;
}
.planList__box__txt {
  line-height: 1.4;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 560px) {
  .planList__box__txt {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .planList__box__txt {
    font-size: 1.5rem;
  }
}
.planList a {
  display: block;
  height: 100%;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 960px) {
  .planList a {
    display: flex;
  }
}
.planList a:before {
  content: "";
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 8px;
  height: 8px;
}
@media screen and (min-width: 960px) {
  .planList a.js-hover .planList__box__number:before, .planList a.js-hover .planList__box__number:after {
    border-color: #fff;
    opacity: 0.8;
    transition: left 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.265, 1.1);
  }
}
@media screen and (min-width: 960px) {
  .planList a.js-hover .planList__box__number::before {
    content: "";
    left: 70%;
  }
}
@media screen and (min-width: 960px) {
  .planList a.js-hover .planList__box__number::after {
    content: "";
    left: 80%;
  }
}

/**************************************/
.plan__ttl {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .plan__ttl {
    font-size: 3rem;
  }
}
@media screen and (min-width: 960px) {
  .plan__ttl {
    font-size: 4rem;
  }
}
.plan__btn {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .plan__btn {
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 960px) {
  .plan__btn {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
.plan__btn--bottom {
  margin-top: 50px;
}
.plan__btn li {
  margin-bottom: 5px;
  width: 49%;
}
.plan__btn li.stay span {
  background: #000;
}
@media screen and (min-width: 768px) {
  .plan__btn li {
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .plan__btn li + li {
    margin-left: 1%;
  }
}
.plan__btn li span {
  display: block;
  cursor: pointer;
  background: #a43030;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  padding: 15px 0px 15px;
}
@media screen and (min-width: 560px) {
  .plan__btn li span {
    font-size: 1.4rem;
    padding: 15px 40px 15px;
  }
}
@media screen and (min-width: 960px) {
  .plan__btn li span {
    font-size: 1.5rem;
  }
}
.plan__btn li span:hover {
  background: #000;
}
.plan__btn li span.stay {
  background: #000;
}

.planDayWrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.planDay {
  display: none;
  opacity: 0;
  width: 100%;
  transition: opacity 0.8s;
  /*position: absolute;
  left: 0px;
  top:0px;*/
  width: 100%;
}
.planDay__map {
  margin-bottom: 40px;
}
@media screen and (min-width: 560px) {
  .planDay__map {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 960px) {
  .planDay__map {
    margin-bottom: 60px;
  }
}
.planDay__map__gmap iframe {
  width: 100%;
  height: 350px;
}
@media screen and (min-width: 560px) {
  .planDay__map__gmap iframe {
    height: 400px;
  }
}
@media screen and (min-width: 960px) {
  .planDay__map__gmap iframe {
    height: 500px;
  }
}
.planDay.stay {
  display: block;
  opacity: 1;
  transition: opacity 0.8s;
}
.planDay__ttl {
  text-align: center;
  font-weight: 400;
  margin-bottom: 20px;
}
@media screen and (min-width: 560px) {
  .planDay__ttl {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 960px) {
  .planDay__ttl {
    margin-bottom: 50px;
  }
}
.planDay__ttl span {
  background: #626d33;
  font-size: 1.8rem;
  display: inline-block;
  padding: 10px 25px 12px;
  line-height: 1;
  color: #fff;
}
@media screen and (min-width: 560px) {
  .planDay__ttl span {
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 960px) {
  .planDay__ttl span {
    font-size: 2.5rem;
  }
}
.planDay__ttl span i {
  margin-right: 10px;
}
.planDay .day_next_btn {
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .planDay .day_next_btn {
    margin-top: 30px;
  }
}
.planDay .day_next_btn span {
  cursor: pointer;
  color: #fff;
  background: #c00;
  border-radius: 3px;
  padding: 15px 30px;
  display: inline-block;
  font-size: 1.4rem;
}
@media screen and (min-width: 560px) {
  .planDay .day_next_btn span {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .planDay .day_next_btn span {
    font-size: 1.6rem;
  }
}
.planDay .day_next_btn span:hover {
  background: #000;
}
.planDay .day_next_btn i {
  margin-left: 10px;
}

@media screen and (min-width: 768px) {
  .planDayBox {
    display: flex;
    justify-content: space-between;
  }
}
.planDayBox + .planDayBox {
  margin-top: 70px;
}
@media screen and (min-width: 560px) {
  .planDayBox + .planDayBox {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px dotted #000;
  }
}
@media screen and (min-width: 960px) {
  .planDayBox + .planDayBox {
    margin-top: 60px;
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .planDayBox__left {
    width: 45%;
  }
}
.planDayBox__left__ttl {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
@media screen and (min-width: 560px) {
  .planDayBox__left__ttl {
    font-size: 2.3rem;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 960px) {
  .planDayBox__left__ttl {
    font-size: 2.8rem;
    margin-bottom: 25px;
  }
}
.planDayBox__left__ttl span {
  color: #eabb00;
  margin-left: 0px;
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .planDayBox__left__ttl span {
    display: block;
    margin-left: 0px;
  }
}
@media screen and (min-width: 960px) {
  .planDayBox__left__ttl span {
    display: inline-block;
    margin-left: 10px;
    margin-top: 0px;
  }
}
.planDayBox__left__txt {
  line-height: 2;
  letter-spacing: 1px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .planDayBox__left__txt {
    margin-bottom: 0px;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .planDayBox__left__txt {
    font-size: 1.6rem;
  }
}
.planDayBox__left__txt p + p {
  margin-top: 10px;
}
@media screen and (min-width: 560px) {
  .planDayBox__left__txt p + p {
    margin-top: 15px;
  }
}
@media screen and (min-width: 960px) {
  .planDayBox__left__txt p + p {
    margin-top: 25px;
  }
}
.planDayBox__left__txt p br {
  display: none;
}
@media screen and (min-width: 960px) {
  .planDayBox__left__txt p br {
    display: block;
  }
}
.planDayBox__ph {
  position: relative;
  display: flex;
  min-height: 120px;
  /***4***/
  /***3***/
  /***2***/
  /***1***/
}
@media screen and (min-width: 768px) {
  .planDayBox__ph {
    width: 50%;
  }
}
.planDayBox__ph li {
  opacity: 0;
  transition-duration: 0.8s;
  transform: translateX(15px);
}
.planDayBox__ph li.js_plan_active {
  opacity: 1;
  transform: translateX(0px);
  transition-duration: 0.8s;
}
.planDayBox__ph--one li {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .planDayBox__ph--one li {
    width: 50%;
  }
}
.planDayBox__ph--second li {
  width: 50%;
}
.planDayBox__ph--forth {
  margin-bottom: 20px;
}
@media screen and (min-width: 560px) {
  .planDayBox__ph--forth {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 960px) {
  .planDayBox__ph--forth {
    margin-bottom: 60px;
  }
}
.planDayBox__ph--forth li {
  position: absolute;
  text-align: right;
}
.planDayBox__ph--forth li img {
  width: 100%;
}
.planDayBox__ph--forth li:nth-child(1) {
  z-index: 1;
  width: 66%;
  top: 0px;
}
.planDayBox__ph--forth li:nth-child(2) {
  z-index: 2;
  right: 0px;
  top: 10%;
  width: 45%;
}
.planDayBox__ph--forth li:nth-child(3) {
  top: 40%;
  left: -30px;
  z-index: 4;
  width: 50%;
}
.planDayBox__ph--forth li:nth-child(4) {
  z-index: 3;
  width: 64%;
  right: 0px;
  top: 55%;
}
.planDayBox__ph--third li {
  position: absolute;
  text-align: right;
}
.planDayBox__ph--third li img {
  width: 100%;
}
.planDayBox__ph--third li:nth-child(1) {
  z-index: 1;
  width: 66%;
  top: 0px;
}
.planDayBox__ph--third li:nth-child(2) {
  z-index: 2;
  right: 0px;
  top: 24%;
  width: 48%;
}
.planDayBox__ph--third li:nth-child(3) {
  z-index: 2;
  right: 25%;
  top: 60%;
  width: 50%;
}
.planDayBox__ph--second li {
  position: absolute;
  text-align: right;
}
.planDayBox__ph--second li img {
  width: 100%;
}
.planDayBox__ph--second li:nth-child(1) {
  z-index: 1;
  width: 66%;
  top: 0px;
}
.planDayBox__ph--second li:nth-child(2) {
  z-index: 2;
  right: 0px;
  top: 40%;
  width: 45%;
}
.planDayBox__ph--second li.sec {
  top: 15%;
}
.planDayBox__ph--one {
  position: static;
}
.planDayBox__ph--one li {
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .planDayBox__ph--one li {
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  .planConclusion__wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.planConclusion__ttl {
  margin-bottom: 20px;
}
@media screen and (min-width: 560px) {
  .planConclusion__ttl {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 960px) {
  .planConclusion__ttl {
    margin-bottom: 30px;
  }
}
.planConclusion__ttl span {
  font-size: 1.8rem;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 8px 15px;
  background: #626d33;
  color: #fff;
  letter-spacing: 1;
}
@media screen and (min-width: 560px) {
  .planConclusion__ttl span {
    font-size: 1.7rem;
    padding: 7px 18px;
  }
}
@media screen and (min-width: 960px) {
  .planConclusion__ttl span {
    font-size: 2.4rem;
    padding: 10px 20px;
  }
}
.planConclusion__table table {
  border: 1px solid #000;
  width: 100%;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 560px) {
  .planConclusion__table table {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .planConclusion__table table {
    font-size: 1.5rem;
  }
}
.planConclusion__table table th, .planConclusion__table table td {
  padding: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 560px) {
  .planConclusion__table table th, .planConclusion__table table td {
    padding: 12px;
  }
}
@media screen and (min-width: 960px) {
  .planConclusion__table table th, .planConclusion__table table td {
    padding: 15px;
  }
}
.planConclusion__table table td div {
  margin-top: 10px;
  padding-top: 10px;
  font-size: 1.3rem;
  border-top: 1px dotted #000;
  font-weight: normal;
}
@media screen and (min-width: 560px) {
  .planConclusion__table table td div {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .planConclusion__table table td div {
    display: flex;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1200px) {
  .planConclusion__table table td div {
    font-size: 1.5rem;
  }
}
.planConclusion__table table td div span {
  margin-right: 5px;
  position: relative;
  display: block;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .planConclusion__table table td div span:after {
    content: "";
    display: block;
    /*margin-right: 10px;*/
    width: 0px;
    height: 0px;
    border-left: 4px solid #000;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .planConclusion__table table td ul {
    margin-left: 11px;
    flex: 1;
  }
}
.planConclusion__table table td ul li {
  line-height: 1.4;
}
.planConclusion__table table th {
  background: #dedede;
  width: 120px;
}
@media screen and (min-width: 560px) {
  .planConclusion__table table th {
    width: 190px;
  }
}
@media screen and (min-width: 768px) {
  .planConclusion__table table th {
    width: 120px;
  }
}
@media screen and (min-width: 960px) {
  .planConclusion__table table th {
    width: 205px;
  }
}
.planConclusion__table table th.bgred {
  background: #a43030;
  color: #fff;
}
.planConclusion__oneperson {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: normal;
}
@media screen and (min-width: 560px) {
  .planConclusion__oneperson {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .planConclusion__oneperson {
    font-size: 1.4rem;
  }
}
.planConclusion__oneperson span {
  color: #c00;
  font-weight: bold;
}
.planConclusion__box {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .planConclusion__box {
    width: 47%;
  }
}
.planConclusion__content {
  margin-bottom: 15px;
}
@media screen and (min-width: 560px) {
  .planConclusion__content {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 960px) {
  .planConclusion__content {
    margin-bottom: 25px;
  }
}
.planConclusion__content__ttl {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1px;
}
@media screen and (min-width: 560px) {
  .planConclusion__content__ttl {
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .planConclusion__content__ttl {
    font-size: 2.4rem;
  }
}
.planConclusion__content__distance {
  margin-top: 10px;
  font-size: 1.3rem;
  letter-spacing: 1px;
}
@media screen and (min-width: 560px) {
  .planConclusion__content__distance {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .planConclusion__content__distance {
    font-size: 1.6rem;
  }
}

.planPoint {
  font-size: 1.4rem;
  background: #efefef;
  padding: 15px;
}
@media screen and (min-width: 560px) {
  .planPoint {
    padding: 15px 20px;
  }
}
@media screen and (min-width: 960px) {
  .planPoint {
    padding: 30px 20px;
  }
}
.planPoint span {
  font-size: 1.6rem;
  display: block;
  font-weight: 600;
}
.planPoint span::before {
  color: #eabb00;
  content: "\f0eb";
  margin-right: 8px;
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";
  font-weight: 900;
}

.planConclusion__goods__ttl {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.planConclusion__goods__txt {
  margin-bottom: 10px;
}

.planConclusion__goodsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 360px) {
  .planConclusion__goodsList::after {
    content: "";
    display: block;
    width: 31%;
  }
}
.planConclusion__goodsList li {
  margin-bottom: 20px;
  width: 48%;
}
@media screen and (min-width: 360px) {
  .planConclusion__goodsList li {
    width: 31%;
  }
}
.planConclusion__goodsList__ph {
  margin-bottom: 5px;
}
.planConclusion__goodsList__txt {
  font-size: 1.2rem;
  line-height: 1.6;
}
@media screen and (min-width: 560px) {
  .planConclusion__goodsList__txt {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .planConclusion__goodsList__txt {
    font-size: 1.4rem;
  }
}

/* =============================================================
access.scss
============================================================== */
/***************アクセス****************/
.accessPlace + .accessPlace {
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .accessPlace + .accessPlace {
    margin-top: 40px;
  }
}
@media screen and (min-width: 960px) {
  .accessPlace + .accessPlace {
    margin-top: 50px;
  }
}
.accessPlace__map iframe {
  width: 100%;
  height: 300px;
}
@media screen and (min-width: 560px) {
  .accessPlace__map iframe {
    height: 350px;
  }
}
@media screen and (min-width: 960px) {
  .accessPlace__map iframe {
    height: 450px;
  }
}

/* =============================================================
news.scss
============================================================== */
/* list
--------------------------------------*/
.newsList-item {
  border-bottom: 1px solid #cccccc;
}
.newsList-item a {
  padding: 9px;
  text-decoration: none;
  color: #333;
  display: flex;
}
@media screen and (min-width: 560px) {
  .newsList-item a {
    padding: 15px;
  }
}
@media screen and (min-width: 960px) {
  .newsList-item a {
    padding: 18px;
  }
}
.newsList-item a:hover {
  background: #eee;
}
.newsList-item_data {
  font-size: 1.4rem;
  line-height: 1.5;
  padding-right: 10px;
}
@media screen and (min-width: 560px) {
  .newsList-item_data {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .newsList-item_data {
    font-size: 1.4rem;
    padding-bottom: 0px;
  }
}
.newsList-item_data time {
  margin-right: 10px;
}
.newsList-item_data span {
  border-left: 1px solid #b5b5b5;
  display: inline-block;
  padding: 0px 5px;
  width: 120px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .newsList-item_data span {
    border-right: 1px solid #b5b5b5;
  }
}
.newsList-item_title {
  font-size: 1.3rem;
  line-height: 1.5;
  transition: text-decoration 0.1s;
  position: relative;
  padding-left: 15px;
  display: block;
  font-weight: normal;
}
@media screen and (min-width: 560px) {
  .newsList-item_title {
    padding-left: 20px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .newsList-item_title {
    flex: 1;
    max-width: 100%;
  }
}
.newsList-item_title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  position: absolute;
  left: 0px;
  top: 1px;
  width: 10px;
  height: 10px;
}

/* entry
--------------------------------------*/
.newsEntry_headding {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .newsEntry_headding {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 960px) {
  .newsEntry_headding {
    margin-bottom: 70px;
  }
}
.newsEntry_headding_data {
  padding-top: 10px;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (min-width: 560px) {
  .newsEntry_headding_data {
    font-size: 1.3rem;
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 960px) {
  .newsEntry_headding_data {
    font-size: 1.4rem;
  }
}
.newsEntry_headding_title {
  font-size: 2rem;
  line-height: 1.3;
}
@media screen and (min-width: 560px) {
  .newsEntry_headding_title {
    font-size: 2.8rem;
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 960px) {
  .newsEntry_headding_title {
    font-size: 3.4rem;
    line-height: 1.2;
  }
}

/* =============================================================
entry.scss
============================================================== */
/* entry_body
-----------------------------*/
.newsentry-date {
  margin-bottom: 10px;
  font-size: 1.4rem;
  color: #8f8f8f;
}
@media screen and (min-width: 560px) {
  .newsentry-date {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .newsentry-date {
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
}

.newsentryCat .cat {
  font-size: 1.3rem;
  padding: 5px 10px 5px;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 560px) {
  .newsentryCat .cat {
    font-size: 1.3rem;
    padding: 7px 12px 7px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 960px) {
  .newsentryCat .cat {
    font-size: 1.6rem;
    padding: 8px 15px 8px;
    margin-bottom: 10px;
  }
}
.newsentryCat__news {
  background: #c00;
}
.newsentryCat__event {
  background: rgb(255, 127, 0);
}

.entry_body {
  overflow: hidden;
}

.entry_body *:first-child {
  margin-top: 0;
}

.entry_body h2 {
  font-size: 1.8rem;
  margin-bottom: 30px;
}
@media screen and (min-width: 560px) {
  .entry_body h2 {
    font-size: 2.2rem;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .entry_body h2 {
    font-size: 2.7rem;
    margin-bottom: 60px;
  }
}

.entry_body h3 {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 768px) {
  .entry_body h3 {
    font-size: 2.1rem;
    margin-top: 25px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 960px) {
  .entry_body h3 {
    font-size: 2.4rem;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.entry_body h3:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 15%;
  border-bottom: 1px solid #626d33;
  height: 1px;
}

.entry_body h4 {
  font-size: 1.7rem;
  margin-bottom: 15px;
  line-height: 1.5;
  margin-top: 40px;
  background: #f5f5f5;
  padding: 5px;
}
@media screen and (min-width: 560px) {
  .entry_body h4 {
    font-size: 1.9rem;
    margin-top: 50px;
    margin-bottom: 20px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .entry_body h4 {
    font-size: 2.2rem;
    margin-top: 60px;
    margin-bottom: 30px;
    padding: 5px 10px;
  }
}

.entry_body h5 {
  font-size: 1.6rem;
  margin-bottom: 10px;
  line-height: 1.5;
  position: relative;
  margin-top: 30px;
  font-weight: bold;
}
@media screen and (min-width: 560px) {
  .entry_body h5 {
    font-size: 1.8rem;
    margin-top: 40px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 960px) {
  .entry_body h5 {
    font-size: 2rem;
  }
}

.entry_body h6 {
  font-size: 1.6rem;
  margin-bottom: 10px;
  line-height: 1.5;
  margin-top: 25px;
  font-weight: bold;
}
@media screen and (min-width: 560px) {
  .entry_body h6 {
    font-size: 1.8rem;
    margin-top: 35px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 960px) {
  .entry_body h6 {
    font-size: 2rem;
  }
}

/*
.entry_body.txtbox p{
  margin-bottom: 0px;
}
.entry_body.txtbox p + p{
  margin-top:0px;
}

.entry_body p strong{
}

.entry_body p + div{
  margin-top: 30px;
	@include mq-up(lg) {
    margin-top: 40px;
  }
}
.entry_body div{
  margin-bottom: 30px;
	@include mq-up(lg) {
    margin-bottom: 40px;
  }
}
*/
.entry_body div {
  margin: 20px 0;
}
@media screen and (min-width: 960px) {
  .entry_body div {
    margin: 40px 0;
  }
}

.entry_body a:not(.btn_txt) {
  /*color: #36a7bb;*/
  /*text-decoration: underline;*/
  /*transition: all 0.7s;*/
}

.entry_body a:hover:not(.btn_txt) {
  /*opacity: 0.7;*/
  /*text-decoration: none;*/
}

.entry_body table {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  width: 100%;
  table-layout: fixed;
  background: rgba(255, 255, 255, 0.3);
}
.entry_body table th {
  background: #eee;
  color: #333;
}
.entry_body table th.green_bg {
  color: #fff;
  background: #626d33;
}
.entry_body table th,
.entry_body table td {
  border-bottom: 1px dotted #d2d2d2;
  border-right: 1px solid #eee;
  padding: 5px 2px 5px;
  text-align: center;
  line-height: 2;
  vertical-align: top;
  font-size: 1.1rem;
}
@media screen and (min-width: 560px) {
  .entry_body table th,
  .entry_body table td {
    font-size: 1.5rem;
    padding: 15px;
  }
}
@media screen and (min-width: 960px) {
  .entry_body table th,
  .entry_body table td {
    font-size: 1.6rem;
    line-height: 1.8;
    line-height: 180%;
    padding: 15px 20px;
  }
}
.entry_body table th.th,
.entry_body table td.th {
  width: 30%;
}
.entry_body table th.td_left,
.entry_body table td.td_left {
  text-align: left;
  padding-left: 10px;
}
@media screen and (min-width: 560px) {
  .entry_body table th.td_left,
  .entry_body table td.td_left {
    padding-left: 15px;
  }
}
@media screen and (min-width: 960px) {
  .entry_body table th.td_left,
  .entry_body table td.td_left {
    padding-left: 20px;
  }
}

.entry_body ul,
.entry_body ol {
  width: 100%;
  margin: 30px 0;
}
@media screen and (min-width: 960px) {
  .entry_body ul,
  .entry_body ol {
    width: 100%;
    margin: 40px 0;
  }
}
.entry_body ul li,
.entry_body ol li {
  position: relative;
  font-size: 1.3rem;
  line-height: 1.8;
  line-height: 2;
  padding: 5px 0 5px 10px;
  list-style: none;
}
@media screen and (min-width: 560px) {
  .entry_body ul li,
  .entry_body ol li {
    font-size: 1.5rem;
    padding: 10px 0 10px 15px;
  }
}
@media screen and (min-width: 960px) {
  .entry_body ul li,
  .entry_body ol li {
    font-size: 1.6rem;
    line-height: 1.8;
    padding: 10px 0 10px 20px;
  }
}

.entry_body ul li::before {
  color: #000;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  position: absolute;
  top: 7px;
  left: 0;
  font-size: 88%;
}
@media screen and (min-width: 560px) {
  .entry_body ul li::before {
    top: 11px;
  }
}

.entry_body ol {
  counter-reset: number;
}

.entry_body ol li::before {
  position: absolute;
  top: 5;
  left: 0;
  counter-increment: number 1;
  content: counter(number) ".";
}

.entry_body strong,
.entry_body b,
.entry_body em {
  color: #626d33;
}

/* event
-----------------------------*/
.entry_body .event_date {
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.6;
  padding-bottom: 10px;
}
.entry_body .event_date .sat {
  color: #213e88;
}
.entry_body .event_date .sun {
  color: #c00;
}
.entry_body .event_date .attention {
  font-weight: normal;
  font-size: 1.2rem;
}
.entry_body .event_end {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  color: #c00;
}

/* holiday
-----------------------------*/
.holidayttl_area {
  font-size: 2.4rem;
  padding-bottom: 10px;
  color: #333333;
  border-bottom: 2px solid #333333;
}

.holidayttl_holdings {
  text-align: center;
  color: #626d33;
  font-size: 2.4rem;
  margin: 30px auto 15px auto;
}
.holidayttl_holdings + p {
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 2.2rem;
}
.holidayttl_holdings + p + p {
  margin-bottom: 60px;
}

.entry_body .base--ss {
  margin: 30px auto;
}
@media screen and (min-width: 960px) {
  .entry_body .base--ss {
    margin: 40px auto;
  }
}

.entry_body table caption {
  text-align: left;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
@media screen and (min-width: 560px) {
  .entry_body table caption {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .entry_body table caption {
    font-size: 2.7rem;
  }
}

.entry_body .ttlgreen {
  color: #626d33;
  font-size: 1.5rem;
  margin: 30px auto 15px auto;
}

.entry_body .map {
  width: 100%;
  height: 250px;
}
@media screen and (min-width: 560px) {
  .entry_body .map {
    height: 350px;
  }
}
@media screen and (min-width: 960px) {
  .entry_body .map {
    height: 450px;
  }
}
.entry_body .map iframe {
  width: 100%;
  height: 100%;
}
.entry_body .newsEtime {
  text-align: center;
  font-size: 1.7rem;
}
@media screen and (min-width: 560px) {
  .entry_body .newsEtime {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .entry_body .newsEtime {
    font-size: 2.5rem;
  }
}
.entry_body .newsInfocl {
  margin-top: 0px;
  max-width: 655px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .entry_body .newsInfocl {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 30px;
    padding: 0px 20px;
  }
}
.entry_body .newsInfocl a {
  color: #333;
  text-decoration: none;
}
.entry_body .newsInfocl__tel {
  font-size: 3rem;
  font-family: "oswald";
  font-weight: 800;
  padding: 0;
  margin: 0;
  margin-right: 15px;
}
@media screen and (min-width: 560px) {
  .entry_body .newsInfocl__tel {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 960px) {
  .entry_body .newsInfocl__tel {
    font-size: 4rem;
  }
}
.entry_body .newsInfocl__tel i {
  font-size: 2.5rem;
  margin-right: 5px;
}
@media screen and (min-width: 560px) {
  .entry_body .newsInfocl__tel i {
    font-size: 3rem;
  }
}
@media screen and (min-width: 960px) {
  .entry_body .newsInfocl__tel i {
    font-size: 3.5rem;
  }
}
.entry_body .newsInfocl__contact {
  font-size: 1.6rem;
  padding-left: 15px;
  margin-left: 15px;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 560px) {
  .entry_body .newsInfocl__contact {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .entry_body .newsInfocl__contact {
    font-size: 2rem;
  }
}
.entry_body .newsInfocl__contact a {
  background: #626d33;
  text-decoration: none;
  color: #fff;
  padding: 10px 20px 10px;
  display: block;
}
.entry_body .newsInfocl__contact a:hover {
  background: #000;
}

/* CPlist
-----------------------------*/
.newsCPlist {
  width: 100%;
  display: block;
  text-align: center;
}
.newsCPlist::after {
  content: "";
  display: block;
  width: 32%;
}
@media screen and (min-width: 960px) {
  .newsCPlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .newsCPlist div {
    width: 32%;
    margin: 0px;
    text-align: center;
    margin-bottom: 20px;
  }
}
.newsCPlist__kikan {
  text-align: center;
  margin-top: 5px;
  font-size: 1.2rem !important;
}
@media screen and (min-width: 560px) {
  .newsCPlist__kikan {
    margin-top: 6px;
    font-size: 1.3rem !important;
  }
}
@media screen and (min-width: 960px) {
  .newsCPlist__kikan {
    margin-top: 7px;
    font-size: 1.4rem !important;
  }
}

/*news3col
-----------------------------*/
.news3col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news3col::after {
  content: "";
  display: block;
  width: 48%;
}
@media screen and (min-width: 768px) {
  .news3col::after {
    content: "";
    display: block;
    width: 32%;
  }
}
.news3col p + p {
  margin: 0px;
}
.news3col__list {
  margin-top: 0px !important;
  margin-bottom: 20px;
  width: 48%;
}
@media screen and (min-width: 768px) {
  .news3col__list {
    width: 32%;
  }
}
.news3col__list figure {
  margin-bottom: 10px;
}
.news3col__list figcaption {
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.3;
}
@media screen and (min-width: 560px) {
  .news3col__list figcaption {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .news3col__list figcaption {
    font-size: 1.6rem;
  }
}
.news3col__list p i {
  margin-left: 5px;
}
.news3col__list__reservebtn {
  margin: 0px !important;
}
.news3col__list__reservebtn ul {
  margin-bottom: 10px;
}
.news3col__list__reservebtn li {
  padding: 0px 0px 0px 15px !important;
}
.news3col__list__reservebtn li::before {
  top: 3px !important;
}

.newsStepFlow {
  background: #efefef;
  display: flex;
  margin-top: 0px !important;
  margin-bottom: 15px !important;
}
.newsStepFlow__box {
  border: 1px solid #eee;
  padding: 10px;
}
.newsStepFlow p + p {
  margin: 0px;
}
.newsStepFlow__step {
  background: #626d33;
  padding: 8px 15px;
  border-radius: 3px;
  color: #fff;
  display: flex;
  align-items: center;
}
.newsStepFlow__txt {
  /*display: flex;
  align-items: center;
  margin-left: 10px !important;*/
  margin: 0px !important;
  padding: 8px 15px;
}

/* =============================================================
contact.css
============================================================== */
.contact {
  /*width: calc(100% + 40px);*/
  /*margin:0px -20px;*/
}
.contact .contact-coution {
  margin-top: 40px;
  text-align: center;
  line-height: 1.6;
  font-size: 1.3rem;
}
@media screen and (min-width: 560px) {
  .contact .contact-coution {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 960px) {
  .contact .contact-coution {
    font-size: 1.5rem;
  }
}

/* table
------------------------------*/
.form_tbl {
  margin-bottom: 40px;
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .form_tbl {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 960px) {
  .form_tbl {
    margin-bottom: 60px;
    margin-top: 40px;
  }
}
.form_tbl.tbl01 {
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  border-left: none;
  border-right: none;
}
.form_tbl.tbl01 th, .form_tbl.tbl01 td {
  width: 100%;
  display: block;
  border-right: none;
}
@media screen and (min-width: 560px) {
  .form_tbl.tbl01 th, .form_tbl.tbl01 td {
    display: table-cell;
    width: auto;
  }
}
.form_tbl.tbl01 th {
  padding-bottom: 10px;
  border-bottom: 1px solid #b6b6b6;
}
@media screen and (min-width: 560px) {
  .form_tbl.tbl01 th {
    width: 185px;
    padding: 15px;
  }
}
@media screen and (min-width: 960px) {
  .form_tbl.tbl01 th {
    width: 250px;
    padding: 25px;
  }
}
.form_tbl th {
  background: #eee;
  font-weight: bold;
}
.form_tbl th span:not(.material-icons) {
  font-size: 12px;
  color: #fff;
  background: #cccccc;
  padding: 3px 5px;
  border-radius: 3px;
  display: inline-block;
  line-height: 1;
  position: relative;
}
@media screen and (min-width: 560px) {
  .form_tbl th span:not(.material-icons) {
    top: -2px;
  }
}
.form_tbl th.th_required {
  background: #eee;
}
.form_tbl th.th_required span {
  background: #CF1212;
}
.form_tbl td {
  padding: 15px 15px 20px 15px;
}
@media screen and (min-width: 560px) {
  .form_tbl td {
    padding: 15px;
  }
}
@media screen and (min-width: 960px) {
  .form_tbl td {
    padding: 25px;
  }
}
.form_tbl td input + p {
  margin-top: 10px;
}
.form_tbl td p {
  font-size: 12px;
}
@media screen and (min-width: 560px) {
  .form_tbl td p {
    font-size: 13px;
  }
}

.contact_yoboform {
  padding: 0px 20px 15px 20px;
}
@media screen and (min-width: 560px) {
  .contact_yoboform {
    padding: 0 0 15px 0;
  }
}
.contact_yoboform h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E";
  font-size: 2rem;
  margin-bottom: 15px;
  border-left: 5px solid #cccccc;
  padding-left: 5px;
}
@media screen and (min-width: 560px) {
  .contact_yoboform h3 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .contact_yoboform h3 {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 960px) {
  .contact_yoboform h3 + p {
    display: none;
  }
}

.form_tbl_yobo th {
  border-bottom: 1px solid #b6b6b6;
}
.form_tbl_yobo th.tdopen {
  border-bottom: 1px solid #fff;
}
.form_tbl_yobo th p {
  position: relative;
  width: 100%;
}
.form_tbl_yobo th .material-icons {
  font-size: 200%;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 0px;
}
@media screen and (min-width: 960px) {
  .form_tbl_yobo th .material-icons {
    display: none;
  }
}

.cont_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cont_list::after {
  content: "";
  display: block;
  width: 32%;
}
.cont_list li {
  margin-bottom: 10px;
  width: 32%;
}
@media screen and (max-width: 959px) {
  .cont_list input {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .cont_list label {
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
  }
  .cont_list label input {
    margin-top: -2px;
  }
  .cont_list input:checked + label {
    background: #DBCB70;
  }
}

/* privacy check */
.contact_privacy {
  width: 100%;
  padding: 20px;
  background: #eee;
  margin-bottom: 40px;
}
@media screen and (min-width: 560px) {
  .contact_privacy {
    margin-bottom: 50px;
    padding: 20px 30px;
  }
}
@media screen and (min-width: 960px) {
  .contact_privacy {
    margin-bottom: 60px;
    padding: 30px 40px;
  }
}

/* thanks
------------------------------*/
.contact_thanks {
  margin-top: 30px;
}
@media screen and (min-width: 560px) {
  .contact_thanks {
    text-align: center;
    margin-top: 50px;
  }
}
.contact_thanks .btn01 {
  margin: 30px auto 0px;
  max-width: 520px;
}
@media screen and (min-width: 560px) {
  .contact_thanks .btn01 {
    margin-top: 45px;
  }
}
@media screen and (min-width: 960px) {
  .contact_thanks .btn01 {
    margin-top: 40px;
  }
}
.contact_thanks .btn01 a {
  padding: 15px;
}
.contact_thanks .btn01 a span {
  font-size: 1.4rem;
}
@media screen and (min-width: 560px) {
  .contact_thanks .btn01 a span {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 960px) {
  .contact_thanks .btn01 a span {
    font-size: 1.6rem;
  }
}
.contact_thanks .sp_none {
  display: none;
}
@media screen and (min-width: 560px) {
  .contact_thanks .sp_none {
    display: inline;
  }
}