@charset "UTF-8";

/*style.css*/
ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

p {
  margin-bottom: 0;
}

dt,
dd,
dl {
  margin-bottom: 0;
}

body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Verdana, Roboto, "Droid Sans", sans-serif;
  line-height: 2;
}

@media (min-width: 1025px) {
  body {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 12px;
  }
}

a:hover {
  text-decoration: none;
}

a:hover img {
  opacity: 0.8;
}

.pcdn {
  display: none;
}

.mobile {
  display: none;
}

@media (max-width: 1024px) {
  .pcdn {
    display: block;
  }

  .mobile {
    display: block;
  }
}

.spdn {
  display: block;
}

@media (max-width: 1024px) {
  .spdn {
    display: none;
  }
}

.img100 {
  max-width: 100%;
  height: auto;
}

.container {
  max-width: 1024px;
  width: 100%;
}

* {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 1024px) {
  *:not(.slick-track):not(.slick-list):not(.swiper-wrapper):not(.swiper-slide) {
    -webkit-transition: none !important;
    transition: none !important;
  }
}

@media (max-width: 1024px) {

  .page .p-3,
  .page .px-3 {
    padding: 0 !important;
  }
}

.w950 {
  max-width: 950px;
  margin-right: auto;
  margin-left: auto;
}

@-webkit-keyframes down {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@keyframes down {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@-webkit-keyframes up {
  0% {
    top: 0;
  }

  100% {
    top: -100%;
  }
}

@keyframes up {
  0% {
    top: 0;
  }

  100% {
    top: -100%;
  }
}

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

.mv-slide .swiper-button-prev,
.mv-slide .swiper-container-rtl .swiper-button-next {
  left: 90px;
}

.mv-slide .swiper-button-next,
.mv-slide .swiper-container-rtl .swiper-button-prev {
  right: 90px;
}

.wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.top-info {
  padding-top: 150px !important;
}

@media (max-width: 1024px) {
  .top-info {
    padding-top: 90px !important;
  }

  .top-info img {
    max-width: 100%;
  }
}

.mv {
  max-width: 1200px;
  margin: 20px auto;
}

.mv-slide,
.carousel-box {
  overflow: hidden;
}

.mv-slide:not(.slick-initialized) .slide-wrap,
.carousel-box:not(.slick-initialized) > * {
  display: none;
}

.mv-slide:not(.slick-initialized) .slide-wrap:first-child,
.carousel-box:not(.slick-initialized) > *:first-child {
  display: block;
}

@media (max-width: 1024px) {
  .mv {
    width: 100%;
    margin: 0 auto;
  }

  .mv .swiper-slide img {
    width: 100%;
  }
}

.mv .slick-slide img {
  width: 100%;
  height: auto;
}

.mv .slide-wrap {
  position: relative;
}

.mv .slide-wrap .mv-arrows {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  z-index: 3;
}

.mv .slide-wrap .mv-arrows .slick-prev,
.mv .slide-wrap .mv-arrows .slick-next {
  height: 68px;
  width: 68px;
}

@media (max-width: 1024px) {

  .mv .slide-wrap .mv-arrows .slick-prev,
  .mv .slide-wrap .mv-arrows .slick-next {
    width: 10%;
    height: calc(100vw * 0.1);
  }
}

.mv .slide-wrap .mv-arrows .slick-prev {
  left: 7%;
}

.mv .slide-wrap .mv-arrows .slick-next {
  right: 8%;
}

.mv .slide-wrap .mv-arrows .slick-prev:before {
  content: "";
  background: url("../images/button_arrow_keyvisual_1_left.png") no-repeat;
  background-size: 100%;
  display: block;
  width: 100%;
  height: 100%;
}

.mv .slide-wrap .mv-arrows .slick-next:before {
  content: "";
  background: url("../images/button_arrow_keyvisual_1_right.png") no-repeat;
  background-size: 100%;
  display: block;
  width: 100%;
  height: 100%;
}

.mv .slide-wrap .slide-frame {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  max-width: 1200px;
  width: 100%;
  pointer-events: none;
}

.mv .slide-wrap .slide-frame img {
  width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .mv .slide-wrap .slide-frame {
    width: 100%;
  }

  .mv .slide-wrap .slide-frame img {
    width: 100%;
  }
}

.swiper-wrapper {
  margin: 0 auto;
}

/*header*/
header {
  background: url("../images/bg_header.png") no-repeat top left #015EAD;
  background-size: 100%;
  padding: 10px 0 10px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 20;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  height: 148px;
}

@media (max-width: 1024px) {

  header .container,
  header .header-in {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  header.showUp {
    -webkit-transform: translateY(-170px);
    -ms-transform: translateY(-170px);
    transform: translateY(-170px);
  }
}

@media (max-width: 1024px) {
  header {
    height: 80px;
    padding: 0;
  }
}

header .spmenubtn {
  display: none;
}

@media (max-width: 1024px) {
  header .spmenubtn {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

header h1 {
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 300px;
  margin-bottom: 0;
}

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

@media (max-width: 1024px) {
  header h1 {
    text-align: center;
    position: relative;
  }

  header h1 a {
    line-height: 0;
  }

  header h1 img {
    max-height: 40px;
    width: auto;
    max-width: 100%;
    height: auto;
  }
}

header * {
  color: #fff;
}

header .header-in {
  width: 100%;
  max-width: 1024px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 52px;
  padding-right: 52px;
  height: 100%;
}

header .header-in .header-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  margin-bottom: 10px;
}

@media (max-width: 1024px) {
  header .header-in .header-primary {
    display: block;
    margin-bottom: 0;
  }
}

@media (max-width: 1024px) {
  header .header-in .header-primary .subnavi {
    display: none;
  }
}

header .header-in .header-primary .subnavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .header-in .header-primary .subnavi ul li a {
  padding: 0 1rem;
  border-right: 1px solid #fff;
}

header .header-in .header-primary .subnavi ul li a:hover {
  text-decoration: underline;
  color: #fff;
}

header .header-in .header-primary .subnavi ul li:last-child a {
  border-right: 0;
}

@media (max-width: 1024px) {
  header .header-in .header-primary .com-logo {
    display: none;
  }
}

header .header-gnavi {
  width: 100%;
}

@media (max-width: 1024px) {
  header .header-gnavi {
    display: none;
  }
}

header .header-gnavi .closebtn {
  display: none;
}

header .header-gnavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

header .header-gnavi ul li {
  width: calc(100% / 6);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1px;
}

header .header-gnavi ul li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  width: 100%;
  height: 100%;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

header .header-gnavi ul li a:hover {
  opacity: 1;
}

header .header-gnavi ul li a:hover img {
  opacity: 1;
}

header .header-gnavi ul li a img {
  width: 100%;
  height: 100%;
}

header .header-gnavi ul li:last-child a {
  font-size: 13px;
}

.scroll-prevent {
  /*動き固定*/
  position: fixed;
  /*奥行きを管理*/
  z-index: -1;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}

.spmenubtn img.on {
  display: none;
}

.spmenu {
  display: none;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

@media (max-width: 1024px) {
  .spmenu {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #015EAD;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .spmenu.on {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .spmenu .splogo {
    position: fixed;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .spmenu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 100px;
    height: calc(100% - 160px);
  }

  .spmenu ul li {
    text-align: right;
    margin-bottom: 0.4em;
    padding-right: 46px;
  }

  .spmenu ul li a {
    color: #fff;
    text-align: right;
    font-size: 18px;
    position: relative;
  }

  .spmenu ul li a::after {
    content: "";
    background: url("../images/arrow-morebtn.png") no-repeat right center;
    width: 18px;
    height: 18px;
    background-size: 100%;
    display: block;
    position: absolute;
    right: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.carousel-area {
  margin-top: 26px;
}

.carousel-area .slides {
  position: relative;
}

.carousel-area .slides .nav-arrows {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.carousel-area .slides .nav-arrows .slick-prev,
.carousel-area .slides .nav-arrows .slick-next {
  height: 30px;
  width: 20px;
}

@media (min-width: 1024px) {

  .carousel-area .slides .nav-arrows .slick-prev,
  .carousel-area .slides .nav-arrows .slick-next {
    height: 94px;
    width: 46px;
  }
}

.carousel-area .slides .nav-arrows .slick-prev {
  left: 0;
}

.carousel-area .slides .nav-arrows .slick-next {
  right: 0;
}

.carousel-area .slides .nav-arrows .slick-prev:before {
  content: "";
  background: url("../images/button_arrow_keyvisual_2_left.png") no-repeat;
  background-size: 100%;
  display: block;
  width: 100%;
  height: 100%;
}

.carousel-area .slides .nav-arrows .slick-next:before {
  content: "";
  background: url("../images/button_arrow_keyvisual_2_right.png") no-repeat;
  background-size: 100%;
  display: block;
  width: 100%;
  height: 100%;
}

.carousel-area .carousel-tit {
  background: #015EAD;
  padding: 6px 4px;
}

.carousel-area .carousel-tit h2 {
  color: #fff;
  border-left: 4px solid #fff;
  padding-left: .6em;
  font-size: 16px;
  margin-bottom: 0;
}

.carousel-area img {
  max-width: 100%;
  height: auto;
}

.carousel-area .slick-slide {
  padding: 0 10px;
}

.carousel-area .carousel-box {
  padding: 10px 30px;
  border: 2px solid #015EAD;
}

.more-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 40px;
}

@media (max-width: 620px) {
  .more-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

a.more {
  background: #015EAD;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 255px;
  height: 43px;
  color: #fff;
  font-weight: bold;
  margin-right: 36px;
}

@media (max-width: 620px) {
  a.more {
    width: 100%;
    margin: 0 auto 20px;
  }
}

a.more:hover {
  opacity: 0.9;
  text-decoration: none;
}

a.more::after {
  content: url("../images/arrow-morebtn.png");
  position: absolute;
  right: 10px;
  width: 23px;
  height: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.new {
  color: #f00;
}

article {
  margin-top: 20px;
  margin-bottom: 80px;
}

article section h2 {
  padding-bottom: 10px;
  border-bottom: 2px solid #015EAD;
}

article section h2 span {
  font-size: 18px;
  border-left: 6px solid #015EAD;
  padding-left: .6em;
  font-weight: bold;
}

@media (max-width: 768px) {
  article section h2 span {
    font-size: 12px;
  }
}

article section h2 span.new {
  color: #f00;
  border: 0;
}

article section h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 1em auto;
}

@media (max-width: 768px) {
  article section h3 {
    font-size: 12px;
  }
}

article section .news_list {
  margin-top: 20px;
  padding: 0 52px;
}

@media (max-width: 1024px) {
  article section .news_list {
    padding: 0;
  }
}

article section .news_list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
}

article section .news_list dl dt {
  width: 150px;
}

@media (max-width: 1024px) {
  article section .news_list dl dt {
    width: 100px;
    font-size: 10px;
  }
}

article section .news_list dl dd {
  width: calc(100% - 150px);
}

@media (max-width: 1024px) {
  article section .news_list dl dd {
    width: calc(100% - 80px);
    font-size: 10px;
  }
}

article section .news_list dl dd a {
  color: #000;
}

article section .news_list dl dd a:hover {
  text-decoration: underline;
}

.top-news-innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {
  .top-news-innerbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.top-news-innerbox .calendar-wrap {
  width: 60%;
}

@media (max-width: 1024px) {
  .top-news-innerbox .calendar-wrap {
    width: 100%;
    margin-bottom: 30px;
  }
}

.top-news-innerbox .shopinfo-wrap {
  width: 40%;
  padding-left: 20px;
}

@media (max-width: 1024px) {
  .top-news-innerbox .shopinfo-wrap {
    width: 100%;
    padding-left: 0;
  }
}

.calendar .slide-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.calendar .cal-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #015EAD;
  color: #fff;
  padding: 10px;
  font-size: 12px;
}

@media (max-width: 768px) {
  .calendar .cal-month {
    font-size: 10px;
    padding: 4px;
  }
}

.calendar .cal-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.calendar .swiper-button-next,
.calendar .swiper-button-prev {
  position: static;
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.calendar .calendar-box {
  width: 100%;
  max-width: 283px;
  padding: 0 5px;
}

@media (max-width: 768px) {
  .calendar .calendar-box {
    max-width: 100%;
  }
}

.calendar .calendar-box table {
  width: 100%;
}

.calendar .calendar-box table tr .sat {
  color: #015EAD;
}

.calendar .calendar-box table tr .sun,
.calendar .calendar-box table tr .pub {
  color: #E40018;
}

.calendar .calendar-box table tr .hol {
  background: #FDBDE0;
}

.calendar .calendar-box table tr th,
.calendar .calendar-box table tr td {
  text-align: center;
  padding: .8em;
  font-size: 12px;
  border: 1px solid #ccc;
}

@media (max-width: 768px) {

  .calendar .calendar-box table tr th,
  .calendar .calendar-box table tr td {
    font-size: 10px;
    padding: 0.1em;
  }
}

.calendar .calendar-box table tr th {
  background: #CCE9FB;
  border: 1px solid #ccc;
}

@media (max-width: 1024px) {
  .shopinfo {
    width: 100%;
  }
}

.shopinfo th {
  background: #d7eaf8;
  border: 1px solid #fff;
  font-weight: bold;
  width: 120px;
  padding: 10px;
  font-size: 12px;
}

@media (max-width: 1024px) {
  .shopinfo th {
    width: 40%;
  }
}

.shopinfo td {
  padding: 10px;
  background-color: #f4f5f5;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media (max-width: 1024px) {
  .shopinfo td {
    width: 80%;
  }
}

.shopinfo td .time {
  font-weight: bold;
  font-size: 14px;
}

.shopinfo td .small,
.shopinfo td .note {
  font-size: 10px;
  line-height: 2.3 !important;
  display: inline-block;
}

.cal-text {
  margin-top: .5em;
  font-size: 12px;
}

.cal-text span {
  margin: 0 0.4em;
}

.cal-text .hol-box {
  background: #FDBDE0;
  display: inline-block;
  width: 2em;
  height: 1em;
}

.shop-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 2px solid #000;
}

@media (max-width: 1024px) {
  .shop-news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.shop-news .shop-search {
  margin-right: 10px;
}

@media (max-width: 1024px) {
  .shop-news .shop-search img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1024px) {
  .shop-news .bn-koukukan img {
    width: 100%;
    height: auto;
  }
}

.near-shopinfo {
  margin-bottom: 20px;
}

.near-shopinfo dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5em;
  border-bottom: 1px solid #ccc;
}

.near-shopinfo dl dt {
  width: 100px;
  font-weight: bold;
  font-size: 14px;
}

@media (max-width: 1024px) {
  .near-shopinfo dl dt {
    width: 50px;
    font-size: 10px;
  }
}

.near-shopinfo dl dd {
  width: calc(100% - 100px);
  font-size: 12px;
}

@media (max-width: 1024px) {
  .near-shopinfo dl dd {
    width: calc(100% - 50px);
    font-size: 10px;
  }
}

.top-linkbn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 75px;
}

@media (max-width: 1024px) {
  .top-linkbn-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.top-linkbn-area .bn {
  width: calc(100% / 3);
  padding: 5px;
}

@media (max-width: 1024px) {
  .top-linkbn-area .bn {
    width: 100%;
  }

  .top-linkbn-area .bn img {
    width: 100%;
    height: auto;
  }
}

.top-linkbn-area .bn a:hover {
  opacity: 0.9;
}

.top-car-info-bns {
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.top-car-info-bns a {
  width: 48%;
  margin: 0 5px 20px;
}

@media (max-width: 1024px) {
  .top-car-info-bns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .top-car-info-bns a {
    margin-bottom: 20px;
    width: 100%;
  }
}

.car-info-btns {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.car-info-btns .car-btn {
  width: calc(100% / 4);
  height: auto;
  aspect-ratio: 1/1;
  padding: 10px;
}

.car-info-btns .car-btn a {
  width: 100%;
}

.car-info-btns .car-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}

@media (max-width: 1024px) {
  .car-info-btns .car-btn {
    width: calc(100% / 2);
    text-align: center;
  }

  .car-info-btns .car-btn img {
    width: 100%;
    height: auto;
  }
}

#top-original .pickup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 10px 20px;
  margin: 0 30px;
  border-bottom: 2px solid #ccc;
}

@media (max-width: 1024px) {
  #top-original .pickup {
    padding: 0;
    margin: 0 auto 20px;
  }
}

#top-original .pickup .thumb {
  width: 180px;
}

@media (max-width: 1024px) {
  #top-original .pickup .thumb {
    width: 40%;
  }

  #top-original .pickup .thumb img {
    max-width: 100%;
    height: auto;
  }
}

#top-original .pickup .text {
  width: calc(100% - 180px);
  padding-left: 1em;
}

@media (max-width: 1024px) {
  #top-original .pickup .text {
    width: calc(100% - 40%);
    font-size: 10px;
  }
}

#top-original .pickup .text .date {
  font-size: 12px;
  font-weight: normal;
  display: block;
}

@media (max-width: 1024px) {
  #top-original .pickup .text .date {
    font-size: 10px;
  }
}

#top-original .others {
  position: relative;
  margin: 30px auto;
}

@media (max-width: 1024px) {
  #top-original .others .swiper-slide {
    width: 40% !important;
    padding: 0 5px;
  }

  #top-original .others .swiper-slide img {
    width: 100%;
    height: auto;
  }
}

#top-original .others .swiper-button-prev {
  left: 0;
  width: 18px;
  height: 78px;
  background-color: #fff;
  margin-top: 0;
  top: 0;
  opacity: 1;
}

#top-original .others .swiper-button-next {
  right: 0;
  width: 18px;
  height: 78px;
  background-color: #fff;
  margin-top: 0;
  top: 0;
  opacity: 1;
}

.group-box {
  background: -webkit-gradient(linear, right top, left top, from(#E3E3E3), to(#ABABAB));
  background: linear-gradient(to left, #E3E3E3, #ABABAB);
  padding: 20px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
}

@media (max-width: 1024px) {
  .group-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.group-box a {
  margin-right: 20px;
}

@media (max-width: 1024px) {
  .group-box a {
    margin: 10px auto;
  }

  .group-box a img {
    width: 100%;
    height: auto;
  }
}

.group-box .title {
  margin-right: 26px;
}

@media (max-width: 1024px) {
  .group-box .title {
    margin: 0 0 30px;
  }
}

.totop {
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer;
}

footer {
  background: #015EAD;
  padding: 30px 0;
}

footer .footer-nav {
  margin-bottom: 37px;
}

footer .footer-nav * {
  color: #fff;
}

footer .footer-nav * ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

@media (max-width: 1024px) {
  footer .footer-nav * ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

footer .footer-nav * ul a {
  padding: 0 0.3em;
  border-right: 1px solid #fff;
}

footer .footer-nav * ul li:last-child a {
  border-right: 0;
}

footer .footer-logo {
  text-align: right;
  margin-bottom: 40px;
  color: #fff;
  font-size: 12px;
}

footer .footer-logo img {
  max-width: 400px;
  width: 100%;
}

@media (max-width: 1024px) {
  footer .footer-logo img {
    width: 70%;
  }
}

footer .copyright {
  background: #fff;
  padding: 24px 0;
}

footer .copyright p {
  text-align: right;
  color: #015EAD;
  font-size: 10px;
}

.container-in {
  padding: 0 35px;
}

@media (max-width: 768px) {
  .container-in {
    padding: 0;
  }
}

/*-------page------------------------------------------*/
.pagetitle {
  background: url("../images/bg_maintitle.png") no-repeat top left;
  height: 124px;
  background-size: cover;
  margin-top: 148px;
  position: relative;
}

.pagetitle::before {
  content: "";
  display: block;
  height: 170px;
  width: 100%;
  background: #015EAD;
  position: absolute;
  top: -170px;
}

@media (max-width: 1024px) {
  .pagetitle {
    margin-top: 80px;
  }
}

.pagetitle h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 124px;
}

.pagetitle h2 .titleicon {
  width: 20%;
  max-width: 79px;
  margin-right: 17px;
}

.pagetitle h2 .titleicon img {
  width: 100%;
  height: auto;
}

.pagetitle h2 .titletxt {
  color: #fff;
  line-height: 1;
}

.pagetitle h2 .titletxt .title-ja {
  font-size: 32px;
  font-weight: bold;
  display: block;
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .pagetitle h2 .titletxt .title-ja {
    font-size: 20px;
  }
}

.pagetitle h2 .titletxt .title-en {
  font-size: 18px;
  font-weight: normal;
}

@media (max-width: 1024px) {
  .pagetitle h2 .titletxt .title-en {
    font-size: 14px;
  }
}

/*map*/
.map-area {
  padding: 30px 0 50px;
}

#map {
  float: left;
  width: 700px;
  height: 500px;
}

#map iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 1024px) {
  #map {
    float: none;
    width: 100%;
  }
}

#map dl {
  margin: 10px 10px 5px;
  width: 170px;
}

#map dt {
  margin: 0 0 2px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}

#map dt .small {
  margin: 0 0 2px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}

#map dd {
  margin: 0;
  font-size: 12px;
  color: #333;
}

#map dd.link_shop a {
  color: #333;
  font-size: 11px;
  text-decoration: underline;
}

#map dd.link_shop a:hover {
  text-decoration: none;
}

.sidebar_shops {
  float: right;
  width: calc(100% - 700px);
  padding: 15px 10px 15px 15px;
  background: #f2f2f2;
  overflow: auto;
}

@media (max-width: 1024px) {
  .sidebar_shops {
    float: none;
    width: 100%;
  }
}

.sidebar_shops .boxs {
  height: 470px;
  overflow: auto;
}

.sidebar_shops .box_shop {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 17px 19px;
  background: #fff;
}

.sidebar_shops .last {
  margin: 0;
}

.sidebar_shops .box_shop dt {
  margin: 0 0 2px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 5px;
}

.sidebar_shops .box_shop dt .small {
  font-size: 12px;
}

.sidebar_shops .box_shop dd {
  margin: 0 0 5px 0;
  font-size: 12px;
}

.sidebar_shops .box_shop dd.btn_shop {
  margin: 0;
}

.sidebar_shops .box_shop dd.btn_shop a {
  display: block;
  width: 100%;
  height: 32px;
  background: url("../images/shop_btn_arrow.png") no-repeat left 10px center #015EAD;
  color: #fff;
  background-size: auto;
  text-align: center;
  line-height: 32px;
}

@media (max-width: 1024px) {
  .sidebar_shops .box_shop dd.btn_shop a {
    width: 100%;
  }
}

.box_shop dd .address-icon {
  background: #015EAD;
  color: #fff;
  width: 50px;
  text-align: center;
  padding: 0;
  display: block;
  font-size: 10px;
}

.shop-list-txt {
  line-height: 13px;
  padding: 5px;
  font-size: 10px;
  display: block;
}

.sidebar_shops .box_shop dd.btn_shop a:hover {
  opacity: 0.9;
}

.sidebar_shops .boxs .mCSB_scrollTools {
  width: 20px;
}

.sidebar_shops .boxs .mCSB_dragger_bar {
  width: 10px;
  background-color: #02327c;
  border-radius: 0;
}

.smf {
  display: none;
}

.page-shop-news dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3em;
  border-bottom: 1px solid #ccc;
}

.page-shop-news dl dt {
  width: 100px;
  font-size: 14px;
}

.page-shop-news dl dd {
  width: calc(100% - 100px);
  font-size: 14px;
}

.news-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #015EAD;
  margin: 20px auto;
}

.hide-items {
  display: none;
}

.page-subnavi {
  background: url("../images/bg_quickmenu.png") no-repeat top center;
  height: 436px;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1024px) {
  .page-subnavi {
    height: auto;
    background-size: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }

  .page-subnavi::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 30%;
    background: #2676B8;
    z-index: -1;
  }
}

.page-subnavi .top-linkbn-area {
  height: 230px;
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .page-subnavi .top-linkbn-area {
    height: auto;
    margin-top: 20%;
  }
}

.page-subnavi .totop {
  height: 180px;
  padding-top: 90px;
}

@media (max-width: 1024px) {
  .page-subnavi .totop {
    padding-top: 0;
    height: auto;
    margin-top: -30px;
  }
}

.car-info-bns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}

.car-info-bns a {
  width: 48%;
  margin: 0 5px 20px;
}

@media (max-width: 1024px) {
  .car-info-bns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .car-info-bns a {
    margin-bottom: 20px;
    width: 100%;
  }
}

.testride-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.testride-lists .testride-list-item {
  width: calc(100% / 4);
  padding: 20px;
  position: relative;
}

@media (max-width: 1024px) {
  .testride-lists .testride-list-item {
    width: calc(100% / 2);
  }

  .testride-lists .testride-list-item img {
    width: 100%;
    height: auto;
  }
}

.testride-lists .testride-list-item .new-icon {
  color: #fff;
  background: #e60012;
  padding: 0 10px;
  font-size: 12px;
  position: absolute;
  top: 5px;
  left: 30px;
  display: inline-block;
  border-radius: 30px;
  z-index: 1;
}

.timestamp {
  text-align: right;
  font-size: 12px;
}

.testride-note {
  margin: 50px 0 30px;
}

.testride-note li {
  font-size: 12px;
  color: #f00;
  margin-bottom: 0.6em;
}

.linkbtn-l a {
  display: block;
  background: url("../images/button_common_1.png") repeat-x;
  height: 90px;
  text-align: center;
  line-height: 90px;
  color: #fff;
  font-size: 26px;
  margin: 40px auto;
  -webkit-transition: none;
  transition: none;
}

@media (max-width: 620px) {
  .linkbtn-l a {
    font-size: 20px;
    margin: 10px auto;
  }
}

.linkbtn-l a:hover {
  background: url("../images/button_common_1_on.png") repeat-x;
  text-decoration: none;
}

@media (max-width: 620px) {
  .linkbtn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .linkbtn-wrap .linkbtn-l {
    width: 100%;
  }
}

.car-btn a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
}

.car-btn a::after {
  content: "詳細を見る";
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  left: 0;
  -webkit-animation: up .5s ease-out forwards;
  animation: up .5s ease-out forwards;
}

.car-btn a:hover:after {
  -webkit-animation: down .5s ease-in-out 0s forwards;
  animation: down .5s ease-in-out 0s forwards;
}

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

@media (max-width: 1024px) {
  .pcflex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.pcflex .testride-pic {
  width: 40%;
}

@media (max-width: 1024px) {
  .pcflex .testride-pic {
    width: 100%;
  }
}

.pcflex .testride-table-wrap {
  width: 60%;
}

.shijosha_f thead,
.testride-table-wrap table thead,
.testride-table-wrap table td.column-1 {
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .pcflex .testride-table-wrap {
    width: 100%;
    margin: 30px auto;
  }
}

.testride-pic-item {
  text-align: center;
  position: relative;
}

.testride-pic-item img {
  margin: 0 auto;
}

.testride-pic-item .new-icon {
  color: #fff;
  background: #e60012;
  padding: 0 10px;
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: 30px;
  display: inline-block;
  border-radius: 30px;
  z-index: 1;
}

.shopcat {
  text-align: left;
  margin-top: 35px;
}

@media (max-width: 1024px) {
  .shopcat {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}

.shopcat span {
  background: #ccc;
  border-radius: 4px;
  padding: 0.3em 1em;
  color: #fff;
  margin: 5px;
}

.shopcat span.cat-new {
  background: #015EAD;
}

.shopcat span.cat-used {
  background: #f00;
}

.shopcat span.cat-service {
  background: #2e8f59;
}

.shop-pics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
  margin-top: 40px;
}

@media (max-width: 1024px) {
  .shop-pics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.shop-pics .mainpic {
  width: 550px;
  position: relative;
  overflow: hidden;
  height: auto;
  padding-bottom: 40%;
}

@media (max-width: 1024px) {
  .shop-pics .mainpic {
    width: 100%;
    padding-bottom: 0;
    position: static;
  }
}

.shop-pics .mainpic img {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

@media (max-width: 1024px) {
  .shop-pics .mainpic img {
    max-width: 100%;
    position: static;
  }
}

.shop-pics .shop-info {
  width: calc(100% - 530px);
  height: 100%;
}

@media (max-width: 1024px) {
  .shop-pics .shop-info {
    width: 100%;
    height: auto;
    margin-top: 30px;
  }
}

.shop-pics .shop-info p {
  font-size: 15px;
  padding-left: 1em;
  line-height: 1.5;
}

@media (max-width: 1024px) {
  .shop-pics .shop-info p {
    font-size: 12px;
  }
}

.spthumb-item img {
  max-width: 100%;
}

.thumbnails {
  margin-top: 20px;
}

@media (min-width: 1025px) {
  .thumbnails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.thumbnails .thumb-item {
  width: calc(calc(100% / 3) - 10px);
  margin-bottom: 20px;
  padding: 10px;
}

.thumbnails .thumb-item img {
  max-width: 100%;
  height: auto;
}

.shop-bns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 40px auto;
}

.shop-bns .shop-bn {
  width: 50%;
  padding: 10px;
}

.shop-bns .shop-bn img {
  max-width: 100%;
  height: auto;
}

.shop-map #map_canvas {
  width: 100%;
  height: 420px;
}

.shop-map #map_canvas iframe {
  width: 100%;
  height: 100%;
}

.spthumbs {
  width: 90%;
  margin: 5%;
}

.spthumbs .slick-next:before {
  content: "";
  background: url("../images/spthumb-arrow-next.png") no-repeat;
  display: block;
  width: 18px;
  height: 18px;
  background-size: 100%;
}

.spthumbs .slick-prev:before {
  content: "";
  background: url("../images/spthumb-arrow-prev.png") no-repeat;
  display: block;
  width: 18px;
  height: 18px;
  background-size: 100%;
}

.shops-note {
  font-size: 12px;
  color: #f00;
}

.camp-text .camp-date {
  background: #015EAD;
  color: #fff;
  padding: 0.2em;
  font-weight: normal;
}

.newmodel-linkbn {
  margin: 50px auto;
}

.newmodel-linkbn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .newmodel-linkbn ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.newmodel-linkbn ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(calc(100% - 30px) / 4);
}

@media (max-width: 1024px) {
  .newmodel-linkbn ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}

.newmodel-linkbn ul li a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 90px;
  background: url("../images/button_common_1.png") repeat-x;
  height: 90px;
  -webkit-transition: none;
  transition: none;
}

@media (max-width: 768px) {
  .newmodel-linkbn ul li a {
    font-size: 16px;
  }
}

.newmodel-linkbn ul li a:hover {
  text-decoration: none;
  background: url("../images/button_common_1_on.png") repeat-x;
}

.used-btns {
  margin: 20px auto 50px;
}

.used-btns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .used-btns ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.used-btns ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(calc(100% - 10px) / 2);
}

@media (max-width: 1024px) {
  .used-btns ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}

.used-btns ul li a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 90px;
  background: url("../images/button_common_1.png") repeat-x;
  height: 90px;
  -webkit-transition: none;
  transition: none;
  font-size: 30px;
}

.used-btns ul li a:hover {
  text-decoration: none;
  background: url("../images/button_common_1_on.png") repeat-x;
}

.used-btns .bns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
}

.used-btns .bns .bn {
  margin: 0 auto;
  /*added*/
  width: calc(calc(100% - 20px) / 3);
}

.used-btns .bns img {
  width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .used-btns .bns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .used-btns .bns .bn {
    margin: 10px auto;
    padding-bottom: 20px;
    width: 100%;
  }
}

.search-btns .linkbtn {
  margin-bottom: 20px;
}

.search-btns .linkbtn a {
  display: block;
  font-size: 30px;
  text-align: center;
  height: 90px;
  line-height: 90px;
  width: 100%;
}

.search-btns .linkbtn a:hover {
  text-decoration: none;
}

.search-btns .linkbtn.white a {
  background: url("../images/button_common_2.png") repeat-x;
  -webkit-transition: none;
  transition: none;
  color: #2A2A2A;
}

.search-btns .linkbtn.white a:hover {
  background: url("../images/button_common_2_on.png") repeat-x;
}

.search-btns .linkbtn.blue a {
  background: url("../images/button_common_1.png") repeat-x;
  -webkit-transition: none;
  transition: none;
  color: #fff;
}

.search-btns .linkbtn.blue a:hover {
  background: url("../images/button_common_1_on.png") repeat-x;
}

/*store-map*/
.map_links {
  position: relative;
  width: 880px;
  height: 500px;
  margin: 40px auto 50px;
  background: url(../images/c2_00.jpg) no-repeat left top;
}

.map_links li a {
  position: absolute;
  display: block;
  width: 168px;
  height: 40px;
  text-indent: -9999px;
}

.map_links li#maplinks001 a {
  top: 288px;
  left: 519px;
  background: url(../images/c2_01.png) no-repeat left;
}

.map_links li#maplinks002 a {
  top: 93px;
  left: 530px;
  background: url(../images/c2_02.png) no-repeat left;
}

.map_links li#maplinks003 a {
  top: 137px;
  left: 372px;
  background: url(../images/c2_03.png) no-repeat left;
}

.map_links li#maplinks004 a {
  top: 215px;
  left: 476px;
  background: url(../images/c2_04.png) no-repeat left;
}

.map_links li#maplinks005 a {
  top: 377px;
  left: 676px;
  background: url(../images/c2_05_2.png) no-repeat left;
}

.map_links li#maplinks006 a {
  top: 332px;
  left: 603px;
  background: url(../images/c2_06.png) no-repeat left;
}

.map_links li#maplinks007 a {
  top: 251px;
  left: 135px;
  background: url(../images/c2_07.png) no-repeat left;
}

.map_links li#maplinks008 a {
  top: 68px;
  left: 223px;
  background: url(../images/c2_08.png) no-repeat left;
}

.map_links li#maplinks009 a {
  top: 244px;
  left: 676px;
  background: url(../images/c2_09.png) no-repeat left;
}

.map_links li a.opa09:hover {
  opacity: 0.9;
}

.c2_btn a {
  display: block;
  width: 300px;
  height: 50px;
  margin: 0 auto 58px;
  background: url("../images/c2_10.jpg") no-repeat left top;
  text-indent: -9999px;
  overflow: hidden;
}

.c2_btn a:hover {
  opacity: 0.6;
}

/* sp */
@media screen and (max-width: 767px) {
  .map_links {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    background: none;
  }

  .map_links li a {
    width: 100%;
    height: auto;
    position: static;
    margin-bottom: 20px;
    background: none !important;
    text-indent: 0;
  }

  .map_links li a span {
    display: none;
  }

  .c2_btnb a {
    display: block;
    width: auto;
    height: 50px;
    margin: 40px auto 30px;
  }

  .c2_btnb a:hover {
    opacity: 0.6;
  }
}

.support-bns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px auto;
}

@media (max-width: 1024px) {
  .support-bns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.support-bns .bn {
  background: #ECF1F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(calc(100% - 10px) / 2);
  padding: 20px 10px;
  margin-bottom: 10px;
}

@media (max-width: 1024px) {
  .support-bns .bn {
    width: 100%;
  }
}

.support-bns .bn:hover {
  text-decoration: none;
  opacity: 0.9;
}

.support-bns .bn a:hover {
  text-decoration: none;
  opacity: 0.9;
}

.support-bns .bn .icon {
  width: 100px;
}

@media (max-width: 620px) {
  .support-bns .bn .icon {
    width: 80px;
  }
}

.support-bns .bn .icon img {
  width: 100%;
  height: auto;
}

.support-bns .bn .txt {
  width: calc(100% - 120px);
}

@media (max-width: 620px) {
  .support-bns .bn .txt {
    width: calc(100% - 80px);
  }
}

.support-bns .bn .txt p {
  color: #000;
  font-size: 14px;
  line-height: 1.4;
}

@media (max-width: 620px) {
  .support-bns .bn .txt p {
    font-size: 10px;
  }
}

.support-bns .bn .txt .bntit {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

@media (max-width: 620px) {
  .support-bns .bn .txt .bntit {
    font-size: 16px;
  }
}

.support-bns .bn .txt .bntit img {
  margin-left: 0.6em;
}

.support-bns .bn .txt .bnbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.support-bns .bn .txt .bnbtn a {
  display: block;
  width: 48%;
  padding: 0.3em;
  background-color: #0093DE;
  color: #fff;
  text-align: center;
}

.support-bns .bn .txt .bnbtn a img {
  margin-left: 0.6em;
}

.support-bns .bn .txt .bncatch {
  background: #000;
  border-radius: 5px;
  font-size: 17px;
  color: #fff;
  padding: 0.3em;
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width: 620px) {
  .support-bns .bn .txt .bncatch {
    font-size: 12px;
  }
}

.d-flex .linkbtn-l {
  width: 100%;
  padding: 10px;
}

.dial {
  font-size: 20px;
  font-weight: bold;
}

/*-------------------maintenance-------------------------------*/
* html #main_content {
  padding: 15px 70px 0px;
}

#main_content {
  padding-bottom: 1px;
}

p.head_text {
  line-height: 1.5;
  font-size: 14px;
  margin-bottom: 44px;
}

.section {
  margin-bottom: 76px;
  padding-bottom: 55px;
  background-color: #eee;
}

.section h3 {
  height: 50px;
  margin-bottom: 40px;
  padding-left: 25px;
  background: #000;
  line-height: 50px;
  letter-spacing: .05em;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.section h3 span {
  margin-left: 1em;
  font-size: 12px;
  font-weight: normal;
}

.maintenance01,
.maintenance02 {
  position: relative;
  width: 600px;
  margin: 0 auto 55px;
}

.maintenance02 {
  margin-bottom: 0;
}

.maintenance01_list li {
  position: absolute;
  cursor: pointer;
}

.maintenance01_list li a:hover {
  opacity: 1;
}

.maintenance01_list li.list1 {
  top: 90px;
  left: 80px;
}

.maintenance01_list li.list2 {
  top: 65px;
  left: 255px;
}

.maintenance01_list li.list3 {
  top: 255px;
  left: 180px;
}

.maintenance01_list li.list4 {
  top: 340px;
  left: 185px;
}

.maintenance01_list li.list5 {
  top: 260px;
  left: 320px;
}

.maintenance01_list li.list6 {
  top: 315px;
  left: 425px;
}

.tooltips li .text {
  position: absolute;
  display: none;
  z-index: 10;
}

.maintenance01_list li.list1 .text {
  top: -5px;
  left: -225px;
}

.maintenance01_list li.list2 .text {
  top: -38px;
  left: 35px;
}

.maintenance01_list li.list3 .text {
  top: -42px;
  left: -231px;
}

.maintenance01_list li.list4 .text {
  top: -35px;
  left: -240px;
}

.maintenance01_list li.list5 .text {
  top: -165px;
  left: 20px;
}

.maintenance01_list li.list6 .text {
  top: -139px;
  left: -11px;
}

.maintenance02_list li {
  position: absolute;
  cursor: pointer;
}

.maintenance02_list li.list1 {
  /*変更*/
  top: 75px;
  left: 365px;
}

.maintenance02_list li.list2 {
  /*変更*/
  top: 175px;
  left: 175px;
}

.maintenance02_list li.list3 {
  top: 275px;
  left: 425px;
}

.maintenance02_list li.list1 .text {
  top: -10px;
  left: 38px;
}

.maintenance02_list li.list2 .text {
  top: -35px;
  left: -240px;
}

.maintenance02_list li.list3 .text {
  top: -20px;
  left: 40px;
}

/*.maintenance02_text li{	position:absolute;	display:none;}
.maintenance02_text li.text1{	top:60px;	left:400px;}
.maintenance02_text li.text2{	top:30px;	left:15px;}
.maintenance02_text li.text3{	top:254px;	left:462px;}
*/
/* common */
.clear {
  clear: both;
}

a.alpha img {
  -moz-opacity: 1;
  opacity: 1;
}

a.alpha:hover img {
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

ul.bottom_banner_list li {
  float: left;
  margin-right: 22px;
  margin-bottom: 22px;
}

ul.bottom_banner_list li.end {
  margin-right: 0;
}

.pagetop_wrap {
  background: #fff;
  width: 1120px;
  margin: 0 auto;
  padding: 0 0 20px 0;
}

.pagetop_wrap .inner {
  width: 980px;
  margin: 0 auto;
}

a.pagetop {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: right;
}

@media screen and (max-width: 1024px) {
  #main_content {
    padding: 80px 0 0;
  }

  * html #main_content {
    padding: 15px 0 0;
  }

  p.head_text {
    font-size: 1.25em;
    line-height: 1.75em;
  }

  .section {
    margin-bottom: 40px;
    padding: 1.4em;
    background-color: #eee;
  }

  .section h3 {
    font-size: 1.4em;
    margin: -1.0em -1.0em 15px;
    padding: 0.5em 0 0.5em 0.7em;
    height: auto;
    text-align: center;
    line-height: 3em;
    background: #000;
    color: #fff;
  }

  .maintenance01_sp p,
  .maintenance02_sp p {
    font-size: 1.1em;
    margin-bottom: 5px;
  }

  .maintenance02_sp {
    margin-top: 30px;
  }

  .maintenance01_sp ul,
  .maintenance02_sp ul {
    margin: 30px 0 0;
    border-bottom: 1px solid #c9c9c9;
  }

  .maintenance01_sp li,
  .maintenance02_sp li {
    padding: 10px 0;
    border-top: 1px solid #c9c9c9;
    font-size: 1.2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1em;
  }

  .maintenance01_sp li a:hover,
  .maintenance02_sp li a:hover {
    text-decoration: none;
  }

  .maintenance01_sp li.arrow,
  .maintenance02_sp li.arrow {
    background-image: url([../images/maintenance/e3_icon01_sp.gif);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .maintenance01_sp p.list_title,
  .maintenance02_sp p.list_title {
    color: #0067b4;
    font-size: 1.1em;
    font-weight: bold;
  }

  .maintenance01_sp .ai img,
  .maintenance02_sp .ai img {
    width: 1.1em;
    margin-right: 5px;
    padding-bottom: 4px;
    vertical-align: middle;
  }

  p.maintenance01_head {
    font-size: 1.1em;
  }

  .maintenance01_sp img,
  .maintenance02_sp img {
    max-width: 100%;
    height: auto;
  }
}

/*------------------------------------------------------------------*/
.support-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1024px) {
  .support-point {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
  }
}

.support-point div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
  width: 100%;
}

@media (max-width: 1024px) {
  .support-point div {
    margin-bottom: 10px;
  }
}

.support-point p {
  background: url("../images/button_common_1.png") repeat-x;
  color: #fff;
  font-size: 30px;
  text-align: center;
  width: 100%;
  height: 90px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.support-point p span {
  font-size: 12px;
  display: block;
}

#original-news .top-image {
  text-align: center;
}

#original-news dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.2em 1em;
}

#original-news dl dt {
  width: 150px;
}

#original-news dl dd {
  width: calc(100% - 150px);
}

#original-news dl dd a {
  color: #000;
}

#original-news dl dd a:hover {
  text-decoration: underline;
}

.original-contents {
  margin-top: 70px;
}

.original-contents .original-contents-list ul {
  padding: 1em;
}

.original-contents .original-contents-list li {
  background: #ECF1F2;
  padding: 10px;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .original-contents .original-contents-list li {
    display: block;
  }
}

.original-contents .original-contents-list li .list-thumb {
  width: 320px;
}

@media (max-width: 1024px) {
  .original-contents .original-contents-list li .list-thumb {
    width: 100%;
  }
}

.original-contents .original-contents-list li .list-thumb img {
  width: 100%;
  height: auto;
}

.original-contents .original-contents-list li .list-txt {
  width: calc(100% - 330px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .original-contents .original-contents-list li .list-txt {
    width: 100%;
  }
}

.original-contents .original-contents-list li .list-txt .title {
  color: #015EAD;
  font-size: 25px;
  font-weight: bold;
}

.original-contents .original-contents-list li .list-txt .list-more {
  width: 100%;
  padding: 0.4em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background: #015EAD;
}

.original-contents .original-contents-list li .list-txt .list-more a {
  display: block;
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
}

.original-contents .original-contents-list li .list-txt .list-more::after {
  content: url("../images/arrow-morebtn.png");
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

.page-news-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px;
}

@media (max-width: 1024px) {
  .page-news-box {
    padding: 0;
  }
}

.page-news-box .thumb {
  width: 230px;
}

@media (max-width: 1024px) {
  .page-news-box .thumb {
    width: 48%;
    margin-bottom: 20px;
  }
}

.page-news-box .thumb img {
  max-width: 100%;
  height: auto;
}

.page-news-box .txt {
  width: calc(100% - 230px);
}

@media (max-width: 1024px) {
  .page-news-box .txt {
    width: 50%;
  }
}

.page-news-box .txt .date {
  font-size: 14px;
}

@media (max-width: 1024px) {
  .page-news-box .txt .date {
    font-size: 10px;
  }
}

.page-news-box .txt .tit {
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 1024px) {
  .page-news-box .txt .tit {
    font-size: 14px;
  }
}

.page-news-lists {
  margin-top: 70px;
}

.page-news-lists .news-detail-content img {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}

.page-news-lists .news-detail-content iframe,
.page-news-lists .news-detail-content video,
.page-news-lists .news-detail-content table {
  max-width: 100% !important;
}

.news-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .news-list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.news-list-wrap .news-item {
  margin-bottom: 30px;
  width: calc(calc(100% - 60px) / 4);
  padding: 0 15px;
}

@media (max-width: 1024px) {
  .news-list-wrap .news-item {
    width: 100%;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
  }
}

.news-list-wrap .news-item .thumb {
  height: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
  min-height: 1px;
  padding-bottom: 66%;
}

@media (max-width: 1024px) {
  .news-list-wrap .news-item .thumb {
    width: 48%;
    padding-bottom: 36%;
  }
}

.news-list-wrap .news-item .thumb img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
  .news-list-wrap .news-item .txt {
    width: 50%;
  }
}

.news-list-wrap .news-item .txt p {
  line-height: 1.4;
  font-size: 14px;
}

.news-list-wrap .news-item .txt p a {
  color: #000;
}

.camp-catch-area {
  margin: 30px auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 950px;
}

@media (max-width: 1024px) {
  .camp-catch-area {
    display: block;
  }
}

.camp-catch-area .catch {
  border-right: 1px solid #015EAD;
  border-left: 1px solid #015EAD;
  width: 295px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.camp-catch-area .catch p {
  font-size: 20px;
  font-weight: bold;
  color: #015EAD;
}

@media (max-width: 1024px) {
  .camp-catch-area .catch {
    width: 100%;
  }
}

.camp-catch-area .text {
  width: calc(100% - 295px);
}

@media (max-width: 1024px) {
  .camp-catch-area .text {
    width: 100%;
  }
}

.camp-catch-area .text p {
  font-size: 20px;
  font-weight: bold;
  padding-left: 1em;
}

.blue-box {
  background: #015EAD;
  margin: 0 auto 80px;
  max-width: 950px;
}

.blue-box p {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 1em;
}

.camp-table {
  margin: 0 auto 80px;
  max-width: 950px;
}

.camp-table th {
  font-weight: bold;
  font-size: 18px;
  vertical-align: middle;
  width: 170px;
  padding: 1em;
  text-align: left;
}

@media (max-width: 768px) {
  .camp-table th {
    font-size: 10px;
    width: 15%;
  }
}

.camp-table td {
  text-align: left;
  padding: 1em;
}

@media (max-width: 768px) {
  .camp-table td {
    font-size: 10px;
  }
}

.camp-table td dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.camp-table td .red {
  color: #DB0000;
}

.game {
  width: 100%;
  margin-bottom: 30px;
}

.game th {
  background: #000;
  color: #fff;
  padding: 0.4em;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #707070;
}

@media (max-width: 768px) {
  .game th {
    font-size: 10px;
    width: 15%;
  }
}

.game td {
  text-align: center;
  vertical-align: middle;
  padding: 1em;
  font-size: 18px;
  border: 1px solid #707070;
}

@media (max-width: 768px) {
  .game td {
    font-size: 10px;
    width: auto;
  }
}

.game td span {
  padding: 0 1em;
}

.game td .red {
  color: #DB0000;
}

.game td .or {
  color: #F57A00;
}

.btn-blue a {
  background: url("../images/button_common_1.png") repeat-x;
  max-width: 470px;
  margin: 30px auto 20px;
  color: #fff;
  line-height: 90px;
  height: 90px;
  font-size: 30px;
  display: block;
  -webkit-transition: none;
  transition: none;
  text-align: center;
}

.btn-blue a:hover {
  background: url("../images/button_common_1_on.png") repeat-x;
}

.btn-red a {
  background: url("../images/btn-red.png") repeat-x;
  max-width: 470px;
  margin: 30px auto 20px;
  color: #fff;
  line-height: 90px;
  height: 90px;
  font-size: 30px;
  display: block;
  -webkit-transition: none;
  transition: none;
  text-align: center;
}

.btn-red a:hover {
  background: url("../images/btn-red-on.png") repeat-x;
}

h3 img {
  margin-right: 1em;
}

.new {
  color: #DB0000;
}

.hatsutaka {
  margin-bottom: 40px;
}

.hatsutaka p {
  margin-bottom: 30px;
}

.hatsutaka .hatsutaka-news ul {
  padding: 1em;
}

.hatsutaka .hatsutaka-news ul li {
  padding: 0.6em;
  border-bottom: 1px solid #000;
}

.sakitama-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .sakitama-map {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.sakitama-map .map {
  width: 400px;
}

@media (max-width: 1024px) {
  .sakitama-map .map {
    width: 100%;
  }

  .sakitama-map .map img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}

.sakitama-map .txt {
  width: calc(100% - 400px);
  margin-left: 1em;
}

@media (max-width: 1024px) {
  .sakitama-map .txt {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
}

.hatsutaka-pics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .hatsutaka-pics {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.hatsutaka-pics .pic {
  padding: 10px;
  width: calc(100% / 4);
}

@media (max-width: 1024px) {
  .hatsutaka-pics .pic {
    width: calc(100% / 2);
    margin-bottom: 20px;
  }
}

@media (max-width: 620px) {
  .hatsutaka-pics .pic {
    width: 100%;
    margin-bottom: 20px;
  }
}

.hatsutaka-pics .pic img {
  width: 100%;
  height: auto;
}

.w14 {
  width: 14%;
}

.w10 {
  width: 10%;
}

.w70 {
  width: 70%;
}

.hatsutaka table th,
.hatsutaka table td {
  font-size: 14px;
}

.hatsutaka table td {
  text-align: left;
}

.tenji-pics,
.gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tenji-pics .pic,
.gallery .pic {
  padding: 10px;
  width: calc(100% / 4);
}

@media (max-width: 1024px) {

  .tenji-pics .pic,
  .gallery .pic {
    width: calc(100% / 2);
  }
}

@media (max-width: 620px) {

  .tenji-pics .pic,
  .gallery .pic {
    width: 100%;
  }
}

.tenji-pics .pic img,
.gallery .pic img {
  width: 100%;
  height: auto;
}

.tenji-pics .pic p,
.gallery .pic p {
  text-align: center;
}

.game th a {
  color: #fff;
}

.box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 950px;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .box01 {
    display: block;
  }
}

.box01 .text {
  width: 55%;
}

@media (max-width: 1024px) {
  .box01 .text {
    width: 100%;
  }
}

.box01 .txt {
  width: calc(100% - 450px);
}

.box01 .pic {
  width: 450px;
  padding: 0 1em;
}

@media (max-width: 1024px) {
  .box01 .pic {
    width: 100%;
    padding: 0;
  }
}

.box01.bg {
  background: #F0F0F0;
}

.box01 .map {
  float: none;
  width: 500px;
  height: 300px;
}

.box01 .map iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 1024px) {
  .box01 .map {
    width: 100%;
  }
}

@media (max-width: 768x) {
  .box01 .map {
    width: 100%;
    height: 180px;
  }
}

.box01.airlines-map .txt {
  width: calc(100% - 500px);
}

@media (max-width: 1024px) {
  .box01.airlines-map .txt {
    padding: 20px;
    width: 100%;
  }
}

.imgbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 950px;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .imgbox {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.imgbox .pic {
  padding: 10px;
  width: calc(100% / 4);
}

@media (max-width: 1024px) {
  .imgbox .pic {
    width: calc(100% / 2);
  }
}

.imgbox .pic img {
  width: 100%;
  height: auto;
}

.imgbox .pic p {
  text-align: center;
}

.imgbox .map iframe {
  width: 100%;
  height: 100%;
}

.air {
  margin-bottom: 40px;
}

.air .original-contents-list ul {
  padding: 1em;
}

.air .original-contents-list li {
  background: #ECF1F2;
  padding: 10px;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .air .original-contents-list li {
    display: block;
  }
}

.air .original-contents-list li .list-thumb {
  width: 320px;
}

@media (max-width: 1024px) {
  .air .original-contents-list li .list-thumb {
    width: 100%;
  }
}

.air .original-contents-list li .list-thumb img {
  width: 100%;
  height: auto;
}

.air .original-contents-list li .list-txt {
  width: calc(100% - 330px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .air .original-contents-list li .list-txt {
    width: 100%;
  }
}

.air .original-contents-list li .list-txt .title {
  color: #015EAD;
  font-size: 25px;
  font-weight: bold;
}

.air .original-contents-list li .list-txt .list-more {
  width: 100%;
  padding: 0.4em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background: #015EAD;
}

.air .original-contents-list li .list-txt .list-more a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

.air .original-contents-list li .list-txt .list-more::after {
  content: url("../images/arrow-morebtn.png");
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

.mysubaru-caution {
  margin-bottom: 80px;
}

.mysubaru-caution .icon img {
  width: 100%;
  height: auto;
}

.mysubaru-caution p.or {
  font-size: 27px;
  color: #F96F06;
}

@media (max-width: 768px) {
  .mysubaru-caution p.or {
    font-size: 18px;
  }
}

.f24 {
  font-size: 24px;
}

@media (max-width: 768px) {
  .f24 {
    font-size: 18px;
  }
}

.app-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
}

.app-icons a {
  margin: 10px;
  max-width: 300px;
  padding: 10px;
}

.app-icons a img {
  width: 100%;
}

.app-icons a img.ios {
  height: 73px;
  width: auto;
}

.mysubaru h3.text-center {
  font-size: 30px;
}

.mysubaru h3.text-center+p {
  text-align: center;
}

.mysubaru .text-center img {
  margin: 0 auto;
}

.box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px auto;
}

@media (max-width: 1024px) {
  .box02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.box02 .pic {
  width: 384px;
  margin-right: 1em;
}

@media (max-width: 1024px) {
  .box02 .pic {
    width: 100%;
  }

  .box02 .pic img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}

.box02 .txt {
  width: calc(100% - 390px);
}

@media (max-width: 1024px) {
  .box02 .txt {
    width: 100%;
  }
}

.box02 .txt p {
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .box02 .txt p {
    margin-bottom: 2em;
  }
}

.com-table {
  width: 100%;
}

.com-table tbody {
  width: 100%;
}

.com-table th {
  width: 140px;
  padding: 1em;
  vertical-align: top;
  font-weight: bold;
}

.com-table td {
  padding: 1em;
}

.com-table td table th {
  width: 170px;
  padding-left: 0;
}

.com-table td table th:nth-of-type(1) {
  padding-top: 0;
}

.com-table td table td {
  padding-left: 0;
}

.com-table td table td:nth-of-type(1) {
  padding-top: 0;
}

.com-table td table.group-table th {
  width: 250px;
}

@media (max-width: 768px) {

  .com-table td table tr,
  .com-table td table tbody,
  .com-table td table th,
  .com-table td table td {
    display: block;
    width: 100%;
  }
}

/*-------------group-----------------------------------------------------*/
#groupCont .groupHeader {
  background: url(../images/i1_logo.gif) no-repeat left center;
  padding-left: 150px;
  line-height: 1.8;
}

#groupCont #groupList {
  width: 1020px;
  margin: 0 -80px 0 0;
  overflow: hidden;
  _zoom: 1;
  font-size: 0;
}

#groupCont #groupList li {
  width: 430px;
  margin: 0 80px 50px 0;
  float: left;
}

/** html #groupCont #groupList li{	height:530px;}
  */
#groupCont #groupList li h3 {
  margin-bottom: 10px;
  height: 50px;
}

#groupCont #groupList li dt {
  font-size: 14px;
  margin: 20px 0;
}

#groupCont #groupList li dd {
  font-size: 13px;
}

#groupCont #groupList li .groupLink {
  font-size: 11px;
  text-align: right;
  margin-top: 30px;
}

/* sp */
@media screen and (max-width: 1024px) {
  #groupCont .groupHeader {
    margin-bottom: 20px;
    background: url(../images/I1_01_sp.gif) no-repeat center 20px;
    padding: 120px 0 0;
    line-height: 1.8;
    background-size: 110px 75px;
  }

  #groupCont #groupList {
    width: 100%;
    margin: 0;
  }

  #groupCont #groupList .groupPhoto img {
    width: 75%;
  }

  #groupCont #groupList li {
    width: 100%;
    margin: 0 0 20px;
    float: none;
    border-top: 1px solid #dddddd;
  }

  #groupCont #groupList li.last {
    margin: 0;
  }

  #groupCont #groupList li h3 {
    height: auto;
    margin: 20px 0;
  }

  #groupCont #groupList li dt {
    margin: 25px 0 10px;
    font-size: 16px;
    font-weight: bold;
  }

  #groupCont #groupList li dt a {
    color: #0067b4;
    text-decoration: underline;
  }

  #groupCont #groupList li dd {
    font-size: 14px;
    line-height: 1.8;
  }

  #groupCont #groupList li div.adjust {
    margin-bottom: 12px;
  }
}

.groupLink a {
  background: #0093DE;
  color: #fff;
  padding: 1em 2em;
  position: relative;
}

.groupLink a::after {
  content: url("../images/icon-arrow-w.png");
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

/*----------------siteinfo--------------------------------------------------*/
#siteInfo .personHeader {
  margin-bottom: 40px;
}

#siteInfo p {
  line-height: 1.8;
}

#siteInfo #siteList li {
  margin-left: 2em;
  margin-bottom: 40px;
}

#siteInfo #siteList li dl dt {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 18px;
}

#siteInfo #siteList li dl dd {
  font-size: 13px;
  line-height: 1.8;
}

#siteInfo #siteList li dl dl {
  margin-left: 1em;
}

#siteInfo #siteList li dl dl dt {
  font-weight: normal;
  margin-bottom: 0;
}

#siteInfo #siteList li dl dd li {
  margin: 0;
}

#siteInfo #siteList li li .viewList li {
  list-style: disc;
  margin-left: 2.5em;
}

a.pagetop {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: right;
}

a.siteLink {
  color: #177dca;
  text-decoration: underline;
}

a.alpha img {
  opacity: 1;
}

a.alpha:hover img {
  opacity: 0.6;
}

@media screen and (max-width: 1024px) {
  #siteInfo {
    padding: 1em 0 0;
  }

  #siteInfo .personHeader {
    font-size: 1.1em;
    margin-bottom: 3em;
  }

  #siteInfo #siteList li {
    margin-left: 0;
    margin-bottom: 1.75em;
  }

  #siteInfo #siteList li dl dt {
    font-size: 1.1em;
    margin-bottom: 18px;
  }

  #siteInfo #siteList li dl dl li {
    padding-left: 1em;
    text-indent: -1em;
  }

  #siteInfo #siteList li li .viewList li {
    margin-left: 1.5em;
    padding-left: 0;
    text-indent: 0;
  }
}

/*------------sitemap------------------------------------------------------*/
#sitemapCont #sitemap {
  width: 970px;
  margin: 0 -30px 0 0;
  overflow: hidden;
  _zoom: 1;
  font-size: 0;
}

#sitemapCont #sitemap li {
  width: 455px;
  margin-right: 30px;
  float: left;
  font-size: 14px;
}

* html #sitemapCont #sitemap li {
  margin-right: 5px;
}

#sitemapCont #sitemap li h3 {
  background: #7d7d7d;
  padding: 10px;
  color: #FFF;
  margin-bottom: 25px;
}

#sitemapCont #sitemap li ul {
  margin: 0 0 50px 1em;
}

#sitemapCont #sitemap li ul li {
  line-height: 1.8;
}

#sitemapCont #sitemap li ul li a {
  color: #177dca;
}

a.pagetop {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: right;
}

a.alpha img {
  opacity: 1;
}

a.alpha:hover img {
  opacity: 0.6;
}

@media screen and (max-width: 1024px) {
  #sitemapCont {
    padding: 1em 0 0;
  }

  #sitemapCont #sitemap {
    width: 100%;
    margin: 0 0 -20px;
  }

  #sitemapCont #sitemap li {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  * html #sitemapCont #sitemap li {
    margin-right: 0;
  }

  #sitemapCont #sitemap li h3 {
    padding: 0.4em 0.5em;
    margin-bottom: 1.5em;
    font-weight: bold;
  }

  #sitemapCont #sitemap li ul {
    margin: 0 0 1.5em 1em;
  }

  #sitemapCont #sitemap li ul li a {
    line-height: 2.5em;
  }
}

/*---------------cookie---------------------------------------------------*/
#siteInfo .personHeader {
  margin-bottom: 40px;
}

#siteInfo p {
  line-height: 1.8;
}

#siteInfo #siteList li {
  margin-left: 2em;
  margin-bottom: 40px;
}

#siteInfo #siteList li dl dt {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 18px;
}

#siteInfo #siteList li dl dd {
  font-size: 13px;
  line-height: 1.8;
}

#siteInfo #siteList li dl dl {
  margin-left: 1em;
}

#siteInfo #siteList li dl dl dt {
  font-weight: normal;
  margin-bottom: 0;
}

#siteInfo #siteList li dl dd li {
  margin: 0;
}

#siteInfo #siteList li li .viewList li {
  list-style: disc;
  margin-left: 2.5em;
}

a.pagetop {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: right;
}

a.siteLink {
  color: #177dca;
  text-decoration: underline;
}

a.alpha img {
  opacity: 1;
}

a.alpha:hover img {
  opacity: 0.6;
}

@media screen and (max-width: 1024px) {
  #siteInfo {
    padding: 1em 0 0;
  }

  #siteInfo .personHeader {
    font-size: 1.1em;
    margin-bottom: 3em;
  }

  #siteInfo #siteList li {
    margin-left: 0;
    margin-bottom: 1.75em;
  }

  #siteInfo #siteList li dl dt {
    font-size: 1.1em;
    margin-bottom: 18px;
  }

  #siteInfo #siteList li dl dl li {
    padding-left: 1em;
    text-indent: -1em;
  }

  #siteInfo #siteList li li .viewList li {
    margin-left: 1.5em;
    padding-left: 0;
    text-indent: 0;
  }
}

/*-----------------link-------------------------------------------------*/
#linkCont .list h3 {
  background-color: #7d7d7d;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  margin-bottom: 35px;
}

#linkCont .list01 h3 {
  border-left: 10px solid #2ea6ff;
}

#linkCont .list02 h3 {
  border-left: 10px solid #41b703;
}

#linkCont .list03 h3 {
  border-left: 10px solid #ff942f;
}

#linkCont .list04 h3 {
  border-left: 10px solid #ec70ac;
}

#linkCont .innerList {
  width: 966px;
  margin: 0 -26px 0 0;
}

#linkCont .innerList li {
  width: 440px;
  margin-right: 26px;
  margin-bottom: 40px;
  float: left;
  border-left: 1px solid #a0a0a0;
  padding: 0 0 0 15px;
}

#linkCont .innerList li a {
  color: #000;
}

#linkCont .innerList li a:hover {
  opacity: 0.8 !important;
}

#linkCont .innerList li span.innerList_dt {
  font-size: 14px;
  display: block;
  margin-bottom: 15px;
}

#linkCont .innerList li span.innerList_dd {
  font-size: 13px;
  display: block;
}

a.pagetop {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: right;
}

a.alpha img {
  opacity: 1;
}

a.alpha:hover img {
  opacity: 0.6;
}

*:first-child+html ul.innerList {
  padding-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  #linkCont {
    padding-top: 1em;
  }

  #linkCont .list {
    padding-bottom: 15px;
  }

  #linkCont .list h3 {
    padding: 0.5em;
  }

  #linkCont .list01 h3 {
    border-left: 0.5em solid #2ea6ff;
  }

  #linkCont .list02 h3 {
    border-left: 0.5em solid #41b703;
  }

  #linkCont .list03 h3 {
    border-left: 0.5em solid #ff942f;
  }

  #linkCont .list04 h3 {
    border-left: 0.5em solid #ec70ac;
  }

  #linkCont .innerList {
    width: 100%;
    margin: 0;
    padding-bottom: 0;
  }

  #linkCont .innerList li {
    width: 100%;
    margin-bottom: 30px;
    float: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #linkCont .innerList li a:hover {
    text-decoration: none;
  }

  #linkCont .innerList li span.innerList_dt {
    font-size: 1.1em;
    margin-bottom: 15px;
  }

  #linkCont .innerList li span.innerList_dta {
    padding-bottom: 1px;
    border-bottom: 1px solid #0067b4;
    color: #0067b4;
    font-weight: bold;
  }

  #linkCont .innerList li span.innerList_dd {
    font-size: 1.1em;
  }

  #linkCont .last li {
    margin-bottom: 0;
  }
}

/*--------------privacy----------------------------------------------------*/
#personInfo .personHeader {
  line-height: 1.8;
  margin-bottom: 40px;
}

#personInfo .signature {
  line-height: 1.8;
  text-align: right;
  margin-bottom: 50px;
}

#personInfo #personList li {
  list-style-type: decimal;
  margin-left: 2em;
  margin-bottom: 40px;
}

#personInfo #personList li dt {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 18px;
}

#personInfo #personList li dd {
  font-size: 13px;
  line-height: 1.8;
}

#personInfo #personList li dd.none {
  display: none;
}

#personInfo #personList li dd p {
  font-size: 13px;
  line-height: 1.8;
  margin-top: 30px;
}

#personInfo #personList .circleNumber {
  position: relative;
  margin: 0;
  padding: 0;
}

#personInfo #personList .circleNumber li {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em;
}

#personInfo #personList .circleNumber li span {
  position: absolute;
  left: 0;
  margin: 0;
}

/*IE6*/
*html #personInfo #personList .circleNumber span {
  left: -1.25em;
}

#personInfo #personList .listRoma li {
  list-style-type: upper-roman;
  margin: 0 0 0 2em;
  padding-left: 0;
}

a.pagetop {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: right;
}

a.alpha img {
  opacity: 1;
}

a.alpha:hover img {
  opacity: 0.6;
}

*:first-child+html #main_content {
  margin-bottom: 0;
  padding-bottom: 0;
}

*:first-child+html a.pagetop {
  margin: 0;
}

*:first-child+html #personInfo #personList li dl {
  margin-top: -1.6em;
}

@media screen and (max-width: 1024px) {
  #personInfo {
    padding-top: 0.75em;
  }

  #personInfo .personHeader {
    font-size: 1.1em;
  }

  #personInfo #personList li {
    margin: 0 0 2em 1.5em;
  }

  #personInfo #personList li dt {
    line-height: 1.75em;
  }

  #personInfo #personList li dd p {
    margin-top: 1.75em;
  }

  #personInfo #personList .listRoma1 li {
    margin: 0;
  }

  #personInfo .signature {
    margin-bottom: 0;
    padding-top: 1em;
    font-size: 1.1em;
  }

  .line .h2_cover {
    line-height: 1.5em;
  }

  .line {
    margin-top: 2.75em;
  }
}

/*----------------entry--------------------------------------------------*/
.main_section {
  margin-bottom: 25px;
}

.h4_title {
  font-size: 15px;
}

dl.bosyu {
  width: 100%;
  margin-bottom: 32px;
  font-size: 13px;
}

dl.bosyu dt {
  float: left;
  background-color: #eee;
  border-top: 1px solid #fff;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 24px;
  text-align: center;
}

dl.bosyu dd {
  margin-left: 110px;
  border-top: 1px solid #ccc;
  padding-top: 3px;
  padding-bottom: 3px;
}

dl.bosyu dd.lastcell {
  border-bottom: 1px solid #ccc;
}

dl.bosyu dt.l2 {
  letter-spacing: 2em;
}

dl.bosyu dt.l3 {
  letter-spacing: 0.5em;
  padding-right: 1.5em;
}

dl.bosyu dt.l4 {
  padding-right: 2em;
}

.fresh_entry {
  margin-top: -6px;
  margin-bottom: 60px;
  padding-right: 24px;
}

.fresh_entry .entry_info {
  float: left;
  width: 640px;
  font-size: 13px;
}

.fresh_entry .entry_info p {
  line-height: 1.45em;
}

.fresh_entry .entry_img {
  float: right;
}

.fresh_entry .entry_img a.entry {
  display: block;
  background: url(../a4_01_off.png) no-repeat top left;
  width: 200px;
  height: 40px;
  text-indent: -9999px;
}

.fresh_entry .entry_img a.entry:hover {
  background: url(../a4_01_on.png) no-repeat top left;
}

.career_info {
  font-size: 13px;
  margin-bottom: 38px;
}

.career_info .madoguchi {
  margin-top: 24px;
  padding: 24px 24px 43px 24px;
  background-color: #eee;
}

.career_info .madoguchi .mado_l {
  float: left;
}

.career_info .madoguchi .mado_l .text {
  font-weight: bold;
  margin-bottom: 32px;
}

.career_info .madoguchi .contact {
  display: table-cell;
  padding: 0;
  float: left;
  margin-right: 30px;
}

.career_info .madoguchi .contact li {
  display: inline;
  vertical-align: middle;
}

.career_info .madoguchi .mado_l .mail {
  float: left;
  font-size: 14px;
}

.career_info .madoguchi .mado_l .mail a {
  text-decoration: underline;
}

.career_info .madoguchi .mado_r {
  float: right;
  position: relative;
}

.career_info .madoguchi .mado_r p {
  margin-bottom: 12px;
  font-weight: bold;
}

.career_info .madoguchi .mado_r a {
  position: absolute;
  right: 0;
}

.career_info .madoguchi .mado_r a.form {
  display: block;
  background: url(../a4_02_off.png) no-repeat top left;
  width: 200px;
  height: 40px;
  text-indent: -9999px;
}

.career_info .madoguchi .mado_r a.form:hover {
  background: url(../a4_02_on.png) no-repeat top left;
}

.footbanner {
  margin: 0px;
}

.footbanner .banner1,
.footbanner .banner2 {
  display: block;
  width: 435px;
}

.footbanner .banner1 img,
.footbanner .banner2 img {
  width: 435px;
}

.footbanner .banner1 {
  float: left;
  padding-left: 25px;
}

.footbanner .banner2 {
  float: right;
  padding-right: 25px;
}

.top_links .site_top {
  float: right;
  margin-left: 30px;
}

.top_links .site_top a {
  color: #015EAD;
}

.top_links .site_top a span {
  padding: 0 0.4em;
}

.top_links .site_top a {
  display: block;
  width: 121px;
}

.top_links .page_top a {
  width: 128px;
}

*+html .top_links .page_top {
  float: none;
}

.sptable {
  margin-bottom: 23px;
}

.sptable tr td,
.sptable tr th {
  font-size: 1.2em;
}

.sptable tr th {
  background: #eeeeee;
  width: 25%;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  margin-right: 3% solid #ffff00;
}

.sptable tr td {
  margin-left: 100px;
  border-bottom: 1px solid #cccccc;
  border-left: 5% solid #ffffff;
  padding: 10px 3px;
}

.sptable tr .spacetd {
  border-bottom: 0;
  width: 3px;
}

.sptable tr .tpbd {
  border-top: 1px solid #cccccc;
}

@media screen and (max-width: 1024px) {
  .fresh_entry .entry_info {
    float: none;
    width: auto;
  }

  .footbanner .banner1,
  .footbanner .banner2 {
    float: none;
    width: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  }

  .footbanner .banner1 {
    padding-bottom: 20px;
  }

  .footbanner .banner1 img,
  .footbanner .banner2 img {
    width: auto;
  }

  .footbanner .banner1 img {
    margin: 0;
  }
}

.top_links .page_top {
  float: right;
  margin-right: 40px;
}

.top_links .page_top a {
  display: block;
  width: 128px;
}

.top_links .site_top a {
  width: 121px;
}

@media screen and (max-width: 1024px) {
  #newmadoguchi {
    background: #eeeeee;
    padding: 20px;
    margin-top: 30px;
  }

  #newmadoguchi a img {
    height: 20px;
  }

  #newmadoguchi .nm01 {
    text-indent: -1em;
    padding-left: 1em;
    font-weight: bold;
    line-height: 1.5em;
  }

  #newmadoguchi .nm02 {
    border-top: 1px solid #cccccc;
    margin-top: 20px;
    padding-top: 10px;
  }

  #newmadoguchi .nm02 a,
  #newmadoguchi .nm03 a {
    color: #177cca;
    text-decoration: underline;
  }

  #newmadoguchi .nm02 a {
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 45px;
    background: url(../images/a4_13.gif) no-repeat center left;
  }

  #newmadoguchi .nm03 {
    margin-bottom: 5px;
  }

  #newmadoguchi .nm04 {
    font-weight: bold;
    line-height: 2.5em;
  }

  #newmadoguchi .nm04 a {
    text-indent: 0;
    display: block;
    font-size: 15px;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    background: -moz-linear-gradient(top, #1298ff 0%, #103aa3 61%, #054b91);
    background: -webkit-gradient(linear, left top, left bottom, from(#1298ff), color-stop(0.61, #103aa3), to(#054b91));
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 0px 0px rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 0px 0px rgba(255, 255, 255, 0);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3);
  }
}

#newmadoguchi .nm04 a:active {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .sptable {
    margin-bottom: 23px;
  }

  .sptable tr td,
  .sptable tr th {
    font-size: 1.2em;
  }

  .sptable tr th {
    background: #eeeeee;
    width: 25%;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ffffff;
    margin-right: 3% solid #ffff00;
  }

  .sptable tr td {
    margin-left: 100px;
    border-bottom: 1px solid #cccccc;
    border-left: 5% solid #ffffff;
    padding: 10px 3px;
  }

  .sptable tr .spacetd {
    border-bottom: 0;
    width: 3px;
  }

  .sptable tr .tpbd {
    border-top: 1px solid #cccccc;
  }

  .sec940 .tab-index {
    margin: 40px 0;
  }

  .sec940 .tab-index ul {
    display: block;
    margin: 20px auto 20px auto;
  }

  .sec940 .tab-index .r10 a {
    margin-right: 3%;
  }

  .sec940 .tab-index a {
    display: block;
    width: 42%;
    font-size: 17px;
    float: left;
    background-color: #cccccc;
    color: #ffffff;
    border-radius: 5px;
    padding: 4px 2% 2px 2%;
  }

  .sec940 .tab-index .active a {
    background: #0067b4;
    color: #fff;
    text-decoration: none;
  }

  .sec940 .tab-contents {
    display: none;
  }

  .sec940 .tab-contents.active {
    display: block;
  }

  .h4_title {
    font-size: 1.4em;
    margin: 0 0 10px 0;
  }

  .main_section {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 1024px) {
  .fresh_entry {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
  }

  .fresh_entry .entry_info {
    float: none;
    width: 0px;
    font-size: 13px;
  }

  .fresh_entry .entry_info p {
    line-height: 1.45em;
  }

  .fresh_entry .entry_img {
    float: none;
  }

  .fresh_entry .entry_img a.entry {
    display: block;
    background: url(../images/a4_12.jpg) no-repeat top left;
    width: 200px;
    height: 40px;
    text-indent: -9999px;
  }

  .fresh_entry .entry_img a.entry:hover {
    background: url(../images/a4_01_on.png) no-repeat top left;
  }
}

/*---------------message---------------------------------------------------*/
.main_section {
  margin-bottom: 25px;
}

.sec738 {
  width: 738px;
  margin: 20px auto 50px auto;
}

.sec738 img {
  margin-bottom: 30px;
}

.sec738 .p1 {
  margin-bottom: 60px;
}

.posleft {
  float: left;
}

.posright {
  float: right;
  width: 500px;
}

.outline_title {
  background: url(../images/a5_04.jpg) repeat-x left top;
  padding: 5px 30px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0;
}

.outline_cont {
  background: #eeeeee;
  margin-bottom: 60px;
}

.outline_cont ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.outline_cont ul li {
  float: left;
  margin-right: 40px;
  margin-bottom: 30px;
}

.outline_cont ul li img {
  width: 243px;
  margin: 0 0 10px 0;
}

.outline_cont ul li span {
  width: 243px;
  display: block;
  line-height: 2em;
}

#shainkenshu {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#shainkenshu p {
  width: 300px;
  padding-right: 1em;
  font-size: 14px;
  line-height: 1.6;
}

.footbanner .banner1,
.footbanner .banner2 {
  display: block;
  width: 435px;
}

.footbanner .banner1 img,
.footbanner .banner2 img {
  width: 435px;
}

.footbanner .banner1 {
  float: left;
}

.footbanner .banner2 {
  float: right;
}

.top_links .page_top {
  float: right;
  margin-right: 40px;
}

.top_links .page_top a {
  display: block;
  width: 128px;
}

.top_links .site_top a {
  float: right;
  width: 121px;
  display: block;
}

*+html .top_links .page_top {
  float: none;
}

@media screen and (max-width: 1024px) {
  .main_section {
    margin-bottom: -25px;
  }

  .sec738 {
    width: 100%;
    margin: 0 0 30px;
  }

  .sec940 p {
    font-size: 1.3em;
    line-height: 2em;
  }

  .h3_title_01_skyblue {
    margin-bottom: 20px;
    padding: 5px 10px;
  }

  .h3_title_01_navy {
    margin-bottom: 20px;
    padding: 5px 10px;
  }

  .sec738 img {
    width: 100%;
    margin-bottom: 20px;
  }

  .sec738 .p1 {
    margin-bottom: 20px;
  }

  .posright {
    float: none;
    width: 100%;
  }

  p.outline_title {
    font-size: 1.2em;
    line-height: 1.2em;
  }

  .outline_title {
    padding: 8px 0.8em;
    height: auto;
    font-weight: normal;
  }

  .outline_cont {
    margin-bottom: 30px;
  }

  .outline_cont ul {
    margin: 0;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .outline_cont ul li {
    font-size: 1.15em;
    line-height: 2em;
    width: 100%;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
  }

  .outline_cont ul li:nth-child(3) {
    margin-bottom: 0;
    border: none;
  }

  .outline_cont ul li .sp3 img {
    width: 50%;
  }

  .outline_cont ul li img {
    width: 100%;
  }

  .outline_cont ul li span {
    width: 100%;
    padding-bottom: 1em;
  }

  #shainkenshu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #shainkenshu p {
    float: none;
    width: 100%;
    font-size: 1.15em;
  }

  #shainkenshu img {
    float: none;
    width: 90%;
    margin: 10px auto 15px;
    text-align: center;
  }

  .footbanner {
    padding-top: 15px;
  }

  .footbanner .banner1,
  .footbanner .banner2 {
    float: none;
    width: 100%;
    margin-bottom: 25px;
  }

  .footbanner .banner1 img,
  .footbanner .banner2 img {
    width: 100%;
  }
}

/*------------------------------------------------------------------*/
.single-post section::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.blog-post {
  font-size: 12px;
}

.blog-post::after {
  content: "";
  clear: both;
}

.blog-post p {
  clear: both;
}

.blog-post p::after {
  content: "";
  clear: both;
}

.blog-post p a {
  float: left;
  padding: 10px;
}

@media (max-width: 1024px) {
  .blog-post p a {
    float: none;
  }
}

.blog-post p a+br {
  clear: both;
}

.blog-post img {
  max-width: 100%;
  height: auto;
  margin: 10px auto;
}

.slick-slider div {
  -webkit-transition: none;
  transition: none;
}

/*peony original cssオリジナル*/

/*pc*/

.main_rec h3 {
  color: #134709 !important;
  width: 100%;
}

.flex_rec {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /*折り返し*/
  justify-content: space-between;
  /*両端揃え*/
}

.banner_rec {
  width: 100%;
  height: auto;
  position: relative;
  background-color: rgb(255, 244, 230);
  border-radius: 16px 16px 0 0;
}

.banner_rec h3 {
  margin-left: 1em;
}

.rec {
  display: flex;
  flex-direction: column;
  border: 3px solid rgb(255, 244, 230);
  box-sizing: border-box;
  border-radius: 16px;
}

.rec:nth-child(n+2) {
  margin-top: 30px;
}

.rec:nth-child(1) {
  width: 100%;
}

.rec:nth-child(n+2) {
  width: 49%;
}

.list_rec_wrap {
  width: 90%;
  margin: 0 auto;
  padding: 1em 0;
}

.list_rec {
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list_rec_s {
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list_rec::after {
  content: "";
  width: 30%;
}

.list_rec li {
  width: 30% !important;
  margin-bottom: 0.5em;
}

.list_rec_s li {
  width: 45% !important;
  margin-bottom: 0.5em;
}

/*sp*/

@media screen and (max-width:780px) {
  .rec {
    width: 100%;
  }

  .rec:nth-child(n+2) {
    width: 100%;
  }

  .rec:not(:nth-child(3n+3)) {
    margin-right: 0;
  }

  .rec:nth-child(n+2) {
    margin-top: 30px;
  }

  .list_rec li {
    width: 45% !important;
    margin-bottom: 1em;
  }

  .list_rec_s li {
    width: 45% !important;
    margin-bottom: 1em;
  }
}

@media screen and (max-width:480px) {
  .list_rec li {
    width: 100% !important;
    margin-bottom: 1em;
  }

  .list_rec_s li {
    width: 100% !important;
    margin-bottom: 1em;
  }
}

#ucar-info .container {
  max-width: 80%;
  padding: 4rem 0;
}

#ucar-info .container h2 {
  text-align: center;
  line-height: 2;
  padding-bottom: 4rem;
}

#ucar-info .container img {
  display: block;
  width: 80%;
  margin: 4rem auto;
}

#ucar-info .container p {
  text-align: center;
  font-size: 20px;
}

@media screen and (max-width:767px) {
  #ucar-info .container {
    max-width: 90%;
    padding: 2.4rem 0;
  }

  #ucar-info .container h2 {
    text-align: center;
    line-height: 2;
    font-size: 1.1rem;
    padding-bottom: 4rem;
  }

  #ucar-info .container img {
    display: block;
    width: 100%;
    margin: 2.4rem auto;
  }

  #ucar-info .container p {
    text-align: center;
    font-size: 16px;
  }
}

#ucar-info .container .sugdas-btn {
  width: 50%;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 4px solid #f1c40f;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: flex;
  align-self: center;
  line-height: 1;
  margin: 2rem auto 4rem;
  padding: 1.5rem 1rem;
  text-decoration: none;
  text-align: center;
  font-family: "Montserrat", sans-serif;
}

#ucar-info .container .sugdas-btn:hover a,
#ucar-info .container .sugdas-btn:focus {
  color: #fff;
  outline: 0;
}

.fourth {
  border-color: #f1c40f;
  color: #fff;
  background-image: linear-gradient(45deg, #f1c40f 50%, transparent 50%);
  background-position: 100%;
  background-size: 300%;
  transition: background 600ms ease-in-out;
}

.fourth:hover {
  background-position: 0;
}

@media screen and (max-width:767px) {
  #ucar-info .container .sugdas-btn {
    width: 90%;
    padding: 1rem 0.5rem;
    margin: 1.6rem auto;
  }
}

#ucar-info .container .sugdas-btn a {
  display: block;
  text-align: center;
  font-size: 2rem;
  width: 100%;
  padding: 2rem 1rem;
  color: #181818;
  font-weight: 600;
}

@media screen and (max-width:767px) {
  #ucar-info .container .sugdas-btn a {
    font-size: 1.35rem;
    padding: 0;
  }
}


/*peony original cssオリジナルここまで*/