@charset "UTF-8";
/*
Theme Name: 錬金堂 v1
Description: 錬金堂のテーマ
Theme URI: https://renkindo.com
Author: Steki, Inc
Author URI: https://steki-inc.jp/
Version: 1.0
License: GPL
License URI: https://www.gnu.org/copyleft/gpl.html
*/
/* ==============================================
 Common
=============================================== */
*,
*:before,
*:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html.nav-open,
body.nav-open {
  overflow: hidden;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  margin: 0;
  width: 100%;
}

body {
  background: #e6e9eb url("images/body_bg.jpg") repeat 0 0;
  color: #002549;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
  .mv .sp {
    display: block;
    position: relative;
    width: 100%;
  }
  .mv .pc {
    display: none;
  }
}
.sp {
  display: none;
}
a {
  cursor: pointer;
  color: #002549;
  outline: medium none;
  text-decoration: none;
  transition: all 0.17s ease-out 0s;
}

a:visited {
  outline: medium none;
}

a:focus {
  outline: medium none;
}

a:active,
a:hover {
  outline: medium none;
}

a:hover {
  color: rgba(0, 37, 73, 0.7);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: bold;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

address {
  font-style: italic;
  margin: 0 0 24px;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
  vertical-align: baseline;
}

dfn {
  font-style: italic;
}

mark {
  background: none repeat scroll 0 0 #ffff00;
  color: #000000;
}

p {
  line-height: 1.8;
  margin: 0 0 18px;
  max-height: 100%;
}

code,
kbd,
pre,
samp {
  -moz-hyphens: none;
  font-family: monospace, serif;
  font-size: 14px;
}

pre {
  background: none repeat scroll 0 0 #f5f5f5;
  color: #666666;
  font-family: monospace;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

blockquote,
q {
  -moz-hyphens: none;
  quotes: none;
}

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

blockquote {
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  margin: 24px 40px;
}

blockquote blockquote {
  margin-right: 0;
}

blockquote cite,
blockquote small {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
}

blockquote em,
blockquote i {
  font-style: normal;
  font-weight: 300;
}

blockquote strong,
blockquote b {
  font-weight: 400;
}

small {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: baseline;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl {
  margin: 0;
}

dt {
  font-weight: bold;
  font-weight: 600;
  margin: 0;
}

dd {
  margin: 0;
}

menu,
ol,
ul {
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

li {
  margin: 0;
}

th {
  font-weight: bold;
  font-weight: 600;
}

li,
dt,
dd,
th,
td {
  line-height: 1.7;
}

img {
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
}

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

@media (min-width: 1025px) {
  a img {
    transition: all 0.17s ease-out 0s;
  }

  a:hover img {
    opacity: 0.8;
  }
}
input,
textarea,
button,
select {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #002549;
}

input[type="text"]:focus,
textarea:focus {
  outline: 0;
}

select::-moz-focus-inner,
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
  outline: 0;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #002549;
}

/* ==============================================
 Font
=============================================== */
/* Font style
----------------------------------------------- */
.ff-serif {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,
    メイリオ, Meiryo, serif;
}

.ff-en {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

/* Font size
----------------------------------------------- */
.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

p.fs-11 {
  line-height: 1.7;
}

p.fs-12 {
  line-height: 1.7;
}

.fs-small {
  font-size: 13px;
  line-height: 1.8;
}

.fw-bold {
  font-weight: bold;
}

/* Font color
----------------------------------------------- */
.fc-red {
  color: #eb1d38;
}

.fc-orange {
  color: #f6624b;
}

.fc-blue {
  color: #d2a816;
}

.attention {
  color: #eb1d38;
}

/* Text Align
----------------------------------------------- */
.ta-center {
  text-align: center;
}

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

.ta-right {
  text-align: right;
}

/* ==============================================
 Layout
=============================================== */
/* Common
----------------------------------------------- */
/* Float
----------------------------------------------- */
.fl-left {
  float: left;
}

.fl-right {
  float: right;
}

.alignleft {
  float: left;
}

.alignright {
  float: left;
}

.aligncenter {
  text-align: center;
}

img.alignleft {
  margin-right: 40px;
  margin-bottom: 20px;
}

img.alignright {
  margin-left: 40px;
  margin-bottom: 20px;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

/* Table
----------------------------------------------- */
.table {
  width: 100%;
  max-width: 100%;
}

.table-type1 {
  border-top: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  margin-bottom: 40px;
  width: 100%;
}

.table-type1 th {
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  text-align: left;
  font-weight: normal;
  padding: 12px 15px;
  vertical-align: middle;
}

.table-type1 th.ta-center {
  text-align: center;
}

.table-type1 td {
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 12px 15px;
  vertical-align: middle;
}

.table-type1 td a {
  color: #d2a816;
  text-decoration: underline;
}

.table-type1 td a:hover {
  text-decoration: none;
}

.table-layout1 th,
.table-layout1 td {
  width: 50%;
}

.table-layout2 th,
.table-layout2 td {
  width: 33.333%;
}

.table-type2 {
  border-top: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  margin-bottom: 25px;
  width: 100%;
}
@media (max-width: 767px) {
  .table-type2 {
    margin-bottom: 15px;
  }
}

.table-type2 th {
  background-color: #f5f5f5;
  border-bottom: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  font-size: 13px;
  text-align: center;
  padding: 8px 10px;
  vertical-align: middle;
}

.table-type2 td {
  background-color: #fff;
  border-bottom: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  font-size: 13px;
  padding: 8px 10px;
  vertical-align: top;
}

/* Micro Clearfix
----------------------------------------------- */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
}

/* padding
----------------------------------------------- */
.pt-0 {
  padding-top: 0px !important;
}

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

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

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

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

.pb-25 {
  padding-top: 25px !important;
}

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

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

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

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

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

.pb-25 {
  padding-bottom: 25px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

/* margin
----------------------------------------------- */
.mt-0 {
  margin-top: 0px !important;
}

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

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

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

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

.mb-25 {
  margin-top: 25px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

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

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

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

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

.mb-25 {
  margin-bottom: 25px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

/* width
----------------------------------------------- */
._minw40 {
  min-width: 40px;
}

._minw100 {
  min-width: 100px;
}

._minw140 {
  min-width: 140px;
}

._minw200 {
  min-width: 200px;
}

._maxw240 {
  max-width: 240px;
}

._maxw580 {
  max-width: 580px;
}

._maxw880 {
  max-width: 880px;
}

._maxw1040 {
  max-width: 1040px;
}

._maxw1180 {
  max-width: 1180px;
}

._maxw1200 {
  max-width: 1200px;
}

._w40 {
  width: 40px;
}

._w60 {
  width: 60px;
}

._w100 {
  width: 100px;
}

._w150 {
  width: 150px;
}

._w200 {
  width: 200px;
}

._w5p {
  width: 5%;
}

._w10p {
  width: 10%;
}

._w15p {
  width: 15%;
}

._w20p {
  width: 20%;
}

._w25p {
  width: 25%;
}

._w30p {
  width: 30%;
}

._w35p {
  width: 35%;
}

._w40p {
  width: 40%;
}

._w45p {
  width: 45%;
}

._w50p {
  width: 50%;
}

._w55p {
  width: 55%;
}

._w60p {
  width: 60%;
}

/* ==============================================
 layout
=============================================== */
.wrapper {
  overflow: hidden;
  padding-top: 120px;
}
@media (max-width: 1024px) {
  .wrapper {
    padding-top: 100px;
  }
}

.single-shop .wrapper {
  padding-top: 80px;
}
@media (max-width: 1024px) {
  .single-shop .wrapper {
    padding-top: 60px;
  }
}

.section {
  padding-top: 80px;
  padding-bottom: 100px;
}
@media (max-width: 1024px) {
  .section {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .section {
    padding-top: 35px;
    padding-bottom: 40px;
  }
}

.container {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}
@media (max-width: 1279px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .container {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 30px;
  }
}

.inner {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 1110px;
}
.inner2 {
  margin: 10px auto;
  max-width: 1110px;
  display: flex;
  background: #ffffff;
}
@media (max-width: 767px) {
  .inner2 {
    margin-bottom: 20px;
    margin-right: auto;
    width: 100%;
    position: relative;
    padding-top: 5px;
    flex-direction: column;
  }
}
.inner2 .left {
  margin-right: 100px;
}
@media (max-width: 767px) {
  .inner2 .left {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .inner2 .left .img {
    text-align: center;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .inner2 .left .img img {
    width: 100%;
  }
}
.inner2 .left h3 {
  position: relative;
  padding: 18px;
  text-align: center;
}
.inner2 .right {
  width: 40%;
  margin: 8% auto 0;
}
@media (max-width: 767px) {
  .inner2 .right {
    width: auto;
    margin: 2% 3%;
  }
}
.inner2 .right .txt .large {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .inner2 .right .txt .large {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .inner2 .right .txt .large + p {
    font-size: 12px;
  }
}
.inner2 .right .txt .link {
  text-align: right;
}
@media (max-width: 767px) {
  .inner2::after {
    content: "";
    background: url(images/bg01.jpg) repeat 0 0;
    height: 5px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}

.primary {
  float: left;
  width: 74%;
}
@media (max-width: 1024px) {
  .primary {
    float: none;
    margin-bottom: 50px;
    width: auto;
  }
}

.aside {
  float: right;
  width: 22%;
}
@media (max-width: 1024px) {
  .aside {
    float: none;
    width: auto;
  }
}

.flex {
  display: flex;
  width: 100%;
}

.flex-wrap {
  flex-wrap: wrap;
}

/* ==============================================
 fadein
=============================================== */
/* keyframes
----------------------------------------------- */
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes delayFadeInLeft {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes delayFadeInLeft {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes delayFadeInRight {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes delayFadeInRight {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes delayFadeInTop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes delayFadeInTop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes delayFadeInBottom {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes delayFadeInBottom {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadein {
  opacity: 0;
  transition: all 600ms cubic-bezier(0.065, 0.11, 0.44, 1) 200ms;
}

.fadein-left {
  transform: translate(-20px, 0);
}

.fadein-right {
  transform: translate(20px, 0);
}

.fadein-top {
  transform: translate(0, -20px);
}

.fadein-bottom {
  transform: translate(0, 20px);
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

@media (min-width: 1025px) {
  .hover-zoom {
    display: block;
    overflow: hidden;
  }

  .hover-zoom img {
    transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  }

  .hover-zoom:hover img {
    transform: scale(1.1);
  }
}
/* ==============================================
 parts
=============================================== */
/* button
----------------------------------------------- */
.btn-area {
  clear: both;
  text-align: center;
  margin: 20px auto;
}

.btn-area-right {
  text-align: right;
}

.btn-group {
  display: inline-block;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
}

.btn {
  font-weight: bold;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  max-width: 100%;
  border-radius: 8px;
}
.btn:hover {
  text-decoration: none;
}

a.btn,
button.btn {
  cursor: pointer;
}

.btn-primary {
  background: #002549 url("images/arrow01.svg") no-repeat right 20px top 50%/17px
    14px;
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 20px;
  width: 400px;
}
.btn-primary:hover {
  color: #fff;
  opacity: 0.8;
}
@media (max-width: 1024px) {
  .btn-primary {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .btn-primary {
    padding: 15px;
    width: 310px;
  }
}

.btn-back-arrow {
  background: #002549 url("images/arrow04.svg") no-repeat left 20px top 50%/17px
    14px;
}

/* ==============================================
 pager
=============================================== */
.page-control {
  background-color: #edeff0;
  padding: 10px 14px 6px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.post-archive-next {
  display: none;
  margin-top: 30px;
  text-align: center;
}
.post-archive-next a {
  border: 1px solid #c5c5c5;
  display: block;
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .post-archive-next {
    display: block;
  }
}

.pager .wp-pagenavi {
  margin-right: auto;
}
.pager .wp-pagenavi span {
  display: inline-block;
  padding: 4px 10px 3px;
  line-height: 1.4;
  margin-right: 4px;
  margin-bottom: 5px;
  border-radius: 4px;
}
.pager .wp-pagenavi .extend {
  border: none;
  margin-left: auto;
  margin-right: auto;
}
.pager .wp-pagenavi a {
  border: 1px solid #c5c5c5;
  background-color: #fff;
  display: inline-block;
  line-height: 1.4;
  padding: 4px 10px 3px;
  margin-right: 4px;
  margin-bottom: 5px;
  border-radius: 4px;
}
.pager .wp-pagenavi a:hover {
  border: 1px solid #002549;
  color: #002549;
}
.pager .wp-pagenavi .current {
  color: #fff;
  background-color: #002549;
  font-weight: bold;
}
@media (max-width: 767px) {
  .pager .wp-pagenavi .nextpostslink,
  .pager .wp-pagenavi .previouspostslink {
    display: none;
  }
}

.pager .wp-pagenavi .pager .wp-pagenavi .extend,
.pager .wp-pagenavi .pages {
  background: none;
  border: none;
}

@media (max-width: 767px) {
  .pager-top {
    display: none;
  }
}
.page-control {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .page-control {
    margin-bottom: 30px;
  }
}

.page-orderby {
  margin-left: auto;
}
@media (max-width: 767px) {
  .page-orderby {
    font-size: 13px;
  }
}
.page-orderby dt {
  float: left;
}
.page-orderby dd {
  float: left;
}
.page-orderby dd::after {
  content: "・";
}
.page-orderby dd:last-child::after {
  content: none;
}
.page-orderby dd span {
  font-weight: bold;
}

/* ==============================================
 site title
=============================================== */
.site-title {
  background: #002549;
  color: #fff;
  font-size: 13px;
  text-align: center;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  padding: 0 10px;
  position: relative;
}
@media (max-width: 767px) {
  .site-title {
    font-size: 11px;
  }
}

/* ==============================================
 header
=============================================== */
.site-header {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.site-header .container {
  height: 80px;
}
@media (max-width: 1024px) {
  .site-header .container {
    height: 60px;
    padding-right: 0;
  }
}
.site-header .flex {
  align-items: center;
}
.site-header .header-logo {
  margin-right: auto;
  height: 80px;
  line-height: 80px;
}
@media (max-width: 1024px) {
  .site-header .header-logo {
    height: 60px;
    line-height: 60px;
  }
  .site-header .header-logo img {
    width: 140px;
  }
}
.site-header .header-sp-menu {
  margin-left: auto;
}
.site-header .header-sp-menu li {
  float: left;
  height: 60px;
  text-align: center;
  width: 60px;
}
.site-header .header-sp-menu li a {
  display: block;
  height: 60px;
  font-weight: bold;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}
.site-header .header-sp-menu li.sp-item {
  margin-right: 1px;
  /* width: 150px; */
  width: 140px;
  width: calc(100vw - 60px - 167.5px - 1px);
  max-width: 40vw;
}
.site-header .header-sp-menu li.sp-item a {
  background: #f6624b url("images/icon_mail.svg") no-repeat 50% 10px/24px 24px;
  padding: 42px 0 0;
}
.site-header .header-sp-menu li.sp-tel {
  margin-right: 1px;
}
.site-header .header-sp-menu li.sp-tel a {
  background: #f6624b url("images/icon_sp_phone.svg") no-repeat 50% 10px/24px
    24px;
  padding: 42px 0 0;
}
.site-header .header-sp-menu li.sp-menu a {
  background-color: #074179;
  padding: 13px 0 0;
}
.site-header .header-sp-menu li.sp-menu a .hamburger {
  margin: 0 auto;
  height: 20px;
  margin-bottom: 9px;
  position: relative;
  width: 24px;
}
.site-header .header-sp-menu li.sp-menu a .hamburger span {
  background-color: #fff;
  position: absolute;
  height: 2px;
  left: 0;
  width: 100%;
  transition: all 0.17s ease-out 0s;
}
.site-header .header-sp-menu li.sp-menu a .hamburger span:nth-child(1) {
  top: 0;
}
.site-header .header-sp-menu li.sp-menu a .hamburger span:nth-child(2) {
  top: 9px;
}
.site-header .header-sp-menu li.sp-menu a .hamburger span:nth-child(3) {
  bottom: 0;
}

.nav-open .site-header .header-sp-menu .sp-menu a .hamburger span:nth-child(1) {
  transform: rotate(45deg);
  top: 9px;
}
.nav-open .site-header .header-sp-menu .sp-menu a .hamburger span:nth-child(2) {
  opacity: 0;
}
.nav-open .site-header .header-sp-menu .sp-menu a .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  top: 9px;
  bottom: auto;
}

/* ==============================================
 navigation
=============================================== */
.site-navigation {
  margin-left: auto;
  align-items: center;
  display: flex;
}
@media (max-width: 1024px) {
  .site-navigation {
    background-color: #f2f4f5;
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    padding: 20px 12px;
    overflow: auto;
    height: calc(100vh - 60px);
    width: 100%;
    z-index: 1000;
  }
}
.site-navigation ul {
  align-items: center;
  display: flex;
}
.site-navigation ul li a {
  font-size: 15px;
  font-weight: bold;
}
@media (max-width: 1300px) {
  .site-navigation ul li a {
    font-size: 11px;
  }
}
.site-navigation ul li a:hover {
  text-decoration: none;
}
.site-navigation .nav-main {
  border-left: 1px solid #c5c5c5;
  margin-right: 40px;
}
@media (max-width: 1439px) {
  .site-navigation .nav-main {
    margin-right: 30px;
  }
}
@media (max-width: 1279px) {
  .site-navigation .nav-main {
    margin-right: 20px;
  }
}
.site-navigation .nav-main li {
  text-align: center;
  border-right: 1px solid #c5c5c5;
}

.site-navigation .nav-main li.nav-kaitori2 a {
  background-color: #f6624b;
  color: #fff;
  background-image: url(images/icon_mail.svg);
  background-size: 37px 24px;
  background-position: 50% 13px;
  font-size: 16px;
}
.site-navigation .nav-main li a {
  background-repeat: no-repeat;
  display: block;
  font-size: 17px;
  height: 80px;
  padding: 45px 26px 0;
}
@media (max-width: 1279px) {
  .site-navigation .nav-main li a {
    padding: 45px 16px 0;
  }
}
.site-navigation .nav-main li.nav-kaitori a {
  background-image: url("images/icon_yen.svg");
  background-size: 37px 24px;
  background-position: 50% 13px;
  font-size: 16px;
}
.site-navigation .nav-main li.nav-buy a {
  background-image: url("images/icon_bag.svg");
  background-size: 24px 28px;
  background-position: 50% 10px;
}
@media (max-width: 1024px) {
  .site-navigation .nav-main {
    margin-bottom: 15px;
    border-left: none;
    margin-right: auto;
  }
  .site-navigation .nav-main li {
    border-right: none;
    width: 49%;
  }
  .site-navigation .nav-main li a {
    background-color: #fff;
    font-size: 14px;
    border-radius: 6px;
    -ms-box-shadow: 0 3px 0 #d3d4d5;
    box-shadow: 0 3px 0 #d3d4d5;
  }
  .site-navigation .nav-main li.nav-kaitori {
    margin-right: 2%;
  }
}
.site-navigation .nav-sub li {
  margin-right: 40px;
}
@media (max-width: 1439px) {
  .site-navigation .nav-sub li {
    margin-right: 25px;
  }
}
@media (max-width: 1279px) {
  .site-navigation .nav-sub li {
    margin-right: 20px;
  }
}
.site-navigation .nav-sub li:last-child {
  margin-right: auto;
}
@media (max-width: 1024px) {
  .site-navigation .nav-sub {
    flex-wrap: wrap;
  }
  .site-navigation .nav-sub li {
    margin-right: 2%;
    margin-bottom: 5px;
    width: 49%;
  }
  .site-navigation .nav-sub li:nth-child(even) {
    margin-right: auto;
  }
  .site-navigation .nav-sub li a {
    background-color: #fff;
    font-size: 13px;
    display: block;
    text-align: center;
    padding: 12px 0;
    border-radius: 6px;
  }
}

/* ==============================================
 page title
=============================================== */
.page-title {
  position: relative;
}
.page-title .container {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("images/page_title_bg.jpg");
  color: #fff;
  text-align: center;
  padding: 80px 12px;
}
@media (max-width: 767px) {
  .page-title .container {
    padding: 40px 12px;
  }
}
.page-title h2 {
  font-size: 40px;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .page-title h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .page-title h2 {
    font-size: 21px;
  }
}
.page-title .sub-title {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin: 8px auto 0;
}
@media (max-width: 1024px) {
  .page-title .sub-title {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .page-title .sub-title {
    font-size: 11px;
    margin-top: 4px;
  }
}
.page-title .page-title-contact {
  position: absolute;
  left: 50%;
  margin-left: 350px;
  bottom: -60px;
}
@media (max-width: 1024px) {
  .page-title .page-title-contact {
    left: auto;
    margin-left: auto;
    right: 10px;
  }
}
.page-title .page-title-contact .contact-label {
  background-size: 200px 203px;
  height: 203px;
  padding-top: 35px;
  width: 200px;
}
.page-title .page-title-contact .contact-label .tit {
  margin-bottom: 8px;
}
.page-title .page-title-contact .contact-label .tit img {
  width: 110px;
}
.page-title .page-title-contact .contact-label .tel {
  font-size: 26px;
  margin-bottom: 8px;
}
.page-title .page-title-contact .contact-label .time img {
  width: 120px;
}

/* ==============================================
 breadcrumbs
=============================================== */
.breadcrumbs {
  background-color: #e1e4e6;
  padding: 10px 12px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .breadcrumbs {
    font-size: 11px;
    padding: 8px 12px;
  }
}
.breadcrumbs .inner {
  /* overflow: hidden;
  text-overflow: ellipsis; */
}
.breadcrumbs .inner > span {
  display: inline-block;
  margin: 0 0 0 30px;
  position: relative;
}
@media (max-width: 767px) {
  .breadcrumbs .inner > span {
    margin-left: 28px;
  }
}
.breadcrumbs .inner > span::after {
  content: "";
  position: absolute;
  left: -19px;
  top: 0.72em;
  width: 6px;
  height: 6px;
  border-top: 2px solid #002549;
  border-right: 2px solid #002549;
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .breadcrumbs .inner > span::after {
    left: -17px;
  }
}
.breadcrumbs .inner > span:first-child {
  margin-left: 0;
}
.breadcrumbs .inner > span:first-child::after {
  content: none;
}

/* 店舗詳細ページのパンくず（１単語の中での改行防止）*/
/* .shop-singular-page div.inner span a span,
.shop-singular-page span.post.post-shop.current-item {
  white-space: nowrap;
} */
/* 買取事例の詳細ページのパンくず（一列になるように） */
/* .case-singular-page .breadcrumbs .inner {
  white-space: nowrap;
} */
/* sideber
----------------------------------------------- */
/* layout type
----------------------------------------------- */
/* indent
----------------------------------------------- */
.indent-1 {
  text-indent: -1em;
  padding-left: 1em;
}

/* list type
----------------------------------------------- */
/* ==============================================
 contents
=============================================== */
.no-result {
  background-color: #fff;
  padding: 20px;
  text-align: center;
}

.contents-txt-bg {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 0;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .contents-txt-bg {
    font-size: 16px;
    margin-top: 35px;
  }
}
.contents-txt-bg .txt-bg {
  display: inline-block;
  padding: 0 40px;
  position: relative;
}
@media (max-width: 767px) {
  .contents-txt-bg .txt-bg {
    padding: 0 18px;
  }
}
.contents-txt-bg .txt-bg::before,
.contents-txt-bg .txt-bg::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 36px 53px;
  height: 53px;
  content: "";
  position: absolute;
  bottom: 0;
  width: 36px;
}
@media (max-width: 767px) {
  .contents-txt-bg .txt-bg::before,
  .contents-txt-bg .txt-bg::after {
    background-size: 18px 27px;
    height: 27px;
    width: 18px;
  }
}
.contents-txt-bg .txt-bg::before {
  left: 0;
  background-image: url("images/txt_bg01.svg");
}
.contents-txt-bg .txt-bg::after {
  right: 0;
  background-image: url("images/txt_bg02.svg");
}

/* contents shop
----------------------------------------------- */
.contents-shop .heading-2 {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .contents-shop .heading-2 {
    margin-bottom: 30px;
  }
}

/* contents items
----------------------------------------------- */
.contents-items {
  background: url("images/item_bg.jpg") repeat 0 0;
}
.contents-items h2 {
  background: url("images/item_tit_bg.svg") no-repeat 50% 0/124px 42px;
  text-align: center;
  font-size: 26px;
  padding: 60px 0 0;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .contents-items h2 {
    background-size: 82px 51px;
    font-size: 23px;
    margin-bottom: 15px;
    padding-top: 50px;
  }
}
.contents-items .box {
  background: #fff;
  position: relative;
}
.contents-items .box::before {
  content: "";
  background: #fff;
  background: #fff;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.contents-items .box::after {
  content: "";
  background: #a8adb0;
  height: 100%;
  position: absolute;
  left: 8px;
  top: 8px;
  width: 100%;
}
@media (max-width: 767px) {
  .contents-items .box::after {
    left: 4px;
    top: 4px;
  }
}
.contents-items .box p {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 0;
  padding: 30px 50px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .contents-items .box p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .contents-items .box p {
    font-size: 14px;
    line-height: 1.7;
    padding: 20px 25px 16px;
  }
}
.contents-items p.large {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
  margin: 30px 0 0;
  line-height: 1.6;
}
@media (max-width: 1024px) {
  .contents-items p.large {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .contents-items p.large {
    font-size: 16px;
  }
}
.contents-items img {
  position: absolute;
  z-index: 1;
}
.contents-items img.item-illust01 {
  left: 48px;
  top: 20px;
}
@media (max-width: 1024px) {
  .contents-items img.item-illust01 {
    top: 50px;
    width: 40px;
  }
}
@media (max-width: 767px) {
  .contents-items img.item-illust01 {
    left: 10px;
    top: -20px;
  }
}
.contents-items img.item-illust02 {
  left: -90px;
  top: 150px;
}
@media (max-width: 1024px) {
  .contents-items img.item-illust02 {
    left: -15px;
    width: 50px;
  }
}
@media (max-width: 767px) {
  .contents-items img.item-illust02 {
    top: 80px;
    left: -20px;
  }
}
.contents-items img.item-illust03 {
  left: 65px;
  bottom: 5px;
}
@media (max-width: 1024px) {
  .contents-items img.item-illust03 {
    width: 30px;
  }
}
@media (max-width: 767px) {
  .contents-items img.item-illust03 {
    left: 0;
  }
}
.contents-items img.item-illust04 {
  right: 48px;
  top: 10px;
}
@media (max-width: 1024px) {
  .contents-items img.item-illust04 {
    top: 40px;
    width: 40px;
  }
}
@media (max-width: 767px) {
  .contents-items img.item-illust04 {
    top: -20px;
    right: 20px;
  }
}
.contents-items img.item-illust05 {
  right: -82px;
  top: 140px;
}
@media (max-width: 1024px) {
  .contents-items img.item-illust05 {
    top: 160px;
    right: -20px;
    width: 36px;
  }
}
@media (max-width: 767px) {
  .contents-items img.item-illust05 {
    top: 80px;
  }
}
.contents-items img.item-illust06 {
  right: 55px;
  bottom: 12px;
}
@media (max-width: 1024px) {
  .contents-items img.item-illust06 {
    right: 20px;
    width: 30px;
  }
}
@media (max-width: 767px) {
  .contents-items img.item-illust06 {
    right: 0px;
  }
}

/* contents message
----------------------------------------------- */
.contents-message {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .contents-message {
    padding-bottom: 40px;
  }
}
.contents-message .contents-message-main {
  background: url("images/cont_massage_bg.jpg") no-repeat 50% 50% / cover;
  text-align: center;
  color: #fff;
  padding-top: 120px;
  padding-bottom: 180px;
}
@media (max-width: 767px) {
  .contents-message .contents-message-main {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.contents-message .contents-message-main h2 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .contents-message .contents-message-main h2 img {
    width: 275px;
  }
}
.contents-message .contents-message-main p {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .contents-message .contents-message-main p {
    font-size: 14px;
  }
}
.contents-message .contents-message-list {
  position: relative;
  margin-top: -110px;
}
@media (max-width: 767px) {
  .contents-message .contents-message-list {
    margin-top: -60px;
  }
}

/* contents case
----------------------------------------------- */
.contents-case {
  background: #fff url("images/case_bg.png") repeat-x 0 0;
}
.contents-case .heading-2 + p {
  font-size: 18px;
}
@media (max-width: 767px) {
  .contents-case .heading-2 + p {
    font-size: 14px;
  }
}

/* contents contact
----------------------------------------------- */
.contents-contact {
  background: #fac904;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fac904 0%, #fae426 50%, #fac904 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fac904", endColorstr="#fac904",GradientType=1 );
  /* IE6-9 */
}
@media (max-width: 767px) {
  .contents-contact .container {
    padding: 0;
  }
}
.contents-contact .inner {
  padding: 45px 0 45px 240px;
}
@media (max-width: 1024px) {
  .contents-contact .inner {
    padding-left: 200px;
  }
}
@media (max-width: 767px) {
  .contents-contact .inner {
    padding: 10px 0 20px;
  }
}
.contents-contact .inner > img {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .contents-contact .inner > img {
    left: -15px;
    bottom: 0;
    max-width: 200px;
    width: 42vw;
  }
}
@media (max-width: 1024px) {
  .contents-contact .flex {
    display: block;
  }
}
.contents-contact .txt {
  border-right: 2px solid #002549;
  padding: 10px 0;
  margin-bottom: 0;
  width: 310px;
}
@media (max-width: 1024px) {
  .contents-contact .txt {
    border-right: none;
    text-align: center;
    width: 100%;
  }
  .contents-contact .txt img {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .contents-contact .txt {
    border-bottom: 1px solid #002549;
    padding-left: 28%;
    padding-bottom: 5px;
    margin-bottom: 6px;
    padding-top: 0;
  }
  .contents-contact .txt img {
    width: 201px;
  }
}
@media (max-width: 340px) {
  .contents-contact .txt img {
    width: 180px;
  }
}
.contents-contact .tel {
  margin-left: auto;
  text-align: center;
  position: relative;
  z-index: 1;
  width: 520px;
}
@media (max-width: 1024px) {
  .contents-contact .tel {
    width: 100%;
  }
}
.contents-contact .tel .tel-phone {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .contents-contact .tel .tel-phone {
    padding-left: 28%;
    margin-bottom: 0;
    line-height: 1.2;
  }
}
.contents-contact .tel .tel-phone .phone-number {
  background: url("images/icon_phone.svg") no-repeat 0 60%/46px 46px;
  line-height: 1;
  font-size: 70px;
  padding-left: 60px;
}
@media (max-width: 1024px) {
  .contents-contact .tel .tel-phone .phone-number {
    font-size: 64px;
  }
}
@media (max-width: 767px) {
  .contents-contact .tel .tel-phone .phone-number {
    background-size: 23px 23px;
    font-size: 9.4vw;
    padding-left: 30px;
  }
}
@media (max-width: 340px) {
  .contents-contact .tel .tel-phone .phone-number {
    background-size: 20px 20px;
    padding-left: 28px;
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .contents-contact .tel .tel-time {
    padding-left: 28%;
    margin-bottom: 12px;
  }
  .contents-contact .tel .tel-time img {
    width: 86%;
  }
}
.contents-contact .tel .tel-btn {
  position: relative;
  padding: 0 12px;
  z-index: 1;
}

/* ==============================================
 top
=============================================== */
.heading-2 {
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .heading-2 {
    margin-bottom: 8px;
  }
}
.heading-2 .en {
  background: url("images/heading_en_bg.svg") no-repeat 0 0/122px 42px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  font-size: 22px;
  letter-spacing: 0.04em;
  width: 122px;
}
@media (max-width: 767px) {
  .heading-2 .en {
    background-size: 80px 23px;
    font-size: 14px;
    height: 23px;
    padding-left: 3px;
    line-height: 23px;
    width: 80px;
  }
}
.heading-2 .ja {
  display: block;
  font-size: 42px;
  letter-spacing: 0.02em;
  margin-top: 12px;
}
@media (max-width: 1024px) {
  .heading-2 .ja {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .heading-2 .ja {
    margin-top: 5px;
    font-size: 25px;
    line-height: 1.4;
  }
}
.heading-2 + p {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.6;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .heading-2 + p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .heading-2 + p {
    line-height: 1.6;
    margin-bottom: 20px;
  }
}

.heading-3 {
  background: url("images/h3_bg.svg") no-repeat 50% 0/113px 25px;
  font-size: 32px;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 40px;
  padding-top: 35px;
}
@media (max-width: 767px) {
  .heading-3 {
    background-size: 90px 23px;
    font-size: 22px;
    padding-top: 30px;
    margin-bottom: 20px;
  }
}

/* main visual
----------------------------------------------- */
.mv.top {
  margin-top: -80px;
}

.mv {
  background-color: #e6e9eb;
}

.mv .common-wrapper {
  position: relative;
  max-width: 1200px;
  width: 96%;
  margin: auto;
}

.mv .pc {
  position: relative;
  /* padding-top: 115px; */
  background: url("images/mv.jpg") no-repeat center;
  background-size: cover;
  box-shadow: 0px 4px 5px -1px #cccccc inset;
  overflow: hidden;
  font-size: 50px;
}
.mv .mv-inner {
  position: relative;
  top: -45px;
  width: 100%;
  margin: 0 auto -90px;
  z-index: 2;
}
@media (max-width: 767px) {
  .mv .mv-inner {
    left: auto;
    top: auto;
    height: auto;
    margin-left: auto;
    width: auto;
  }
}
.mv .mv-center {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  height: 100%;
  width: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  .mv .mv-center {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    margin-left: -10vw;
    margin-right: -10vw;
  }
  .mv .mv-center img {
    width: 100%;
  }
}
.mv .mv-items {
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -450px;
  z-index: 2;
}
@media (max-width: 767px) {
  .mv .mv-items {
    bottom: -5px;
    left: auto;
    margin-left: 0;
    width: 100%;
  }
}
.mv .mv-contact {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: 310px;
  z-index: 3;
}
@media (max-width: 1024px) {
  .mv .mv-contact {
    bottom: -20px;
    margin-left: 190px;
  }
  .mv .mv-contact .contact-label {
    background-size: 200px 203px;
    height: 203px;
    padding-top: 35px;
    width: 200px;
  }
  .mv .mv-contact .contact-label .tit {
    margin-bottom: 8px;
  }
  .mv .mv-contact .contact-label .tit img {
    width: 110px;
  }
  .mv .mv-contact .contact-label .tel {
    font-size: 26px;
    margin-bottom: 8px;
  }
  .mv .mv-contact .contact-label .time img {
    width: 120px;
  }
}
.mv .mv-slider .slick-slide img {
  height: 600px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .mv .mv-slider .slick-slide {
    height: 100%;
  }
  .mv .mv-slider .slick-slide img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.contact-label {
  background: url("images/contact_label_bg.svg") no-repeat 0 0/250px 253px;
  height: 253px;
  text-align: center;
  padding-top: 40px;
  width: 250px;
}
.contact-label .tit {
  margin-bottom: 10px;
}
.contact-label .tel {
  font-size: 33px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 10px;
}

/* top first
----------------------------------------------- */
.top-first {
  padding-top: 0;
}
.top-first h2 {
  background-color: #074179;
  text-align: center;
  padding: 20px 12px 15px;
}
@media (max-width: 767px) {
  .top-first h2 {
    padding: 8px 12px 8px;
  }
}
.top-first .content {
  background: url("images/trouble_bg.jpg") repeat 0 0;
  padding: 80px 0;
  position: relative;
}
@media (max-width: 767px) {
  .top-first .content {
    padding: 30px 0;
  }
}
.top-first .content::before {
  content: "";
  border-style: solid;
  border-width: 50px 100px 0 100px;
  border-color: #074179 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: -1px;
}
@media (max-width: 767px) {
  .top-first .content::before {
    border-width: 18px 30px 0 30px;
    margin-left: -30px;
  }
}
.top-first ul {
  margin-bottom: 20px;
  padding: 0 13%;
}
@media (max-width: 767px) {
  .top-first ul {
    padding: 0;
    margin-bottom: 10px;
  }
}
.top-first ul li {
  margin-bottom: 40px;
  margin-right: 5%;
  width: 30%;
}
@media (max-width: 767px) {
  .top-first ul li {
    margin-right: 2%;
    margin-bottom: 20px;
    width: 32%;
  }
}
.top-first ul li:nth-child(3n) {
  margin-right: auto;
}
.top-first .ta-center {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .top-first .ta-center {
    margin-bottom: 0;
  }
  .top-first .ta-center img {
    width: 320px;
  }
}

/* top catch
----------------------------------------------- */
.top-catch {
  background: url("images/top_cacth_bg_pc.jpg") no-repeat 50% 50% / cover;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .top-catch {
    background-image: url("images/top_cacth_bg_sp.jpg");
  }
}
.top-catch .inner {
  padding: 36px 0 36px;
}
@media (max-width: 1024px) {
  .top-catch .inner {
    padding: 34px 0 0;
  }
}
@media (max-width: 767px) {
  .top-catch .inner {
    padding: 24px 0 0;
  }
}
.top-catch .img01,
.top-catch .img02 {
  bottom: 0;
  position: absolute;
}
.top-catch .img01 {
  left: -140px;
}
.top-catch .img02 {
  right: -43px;
}
.top-catch .img03 {
  margin-top: -10px;
  position: relative;
}
@media (max-width: 767px) {
  .top-catch .catch-logo img {
    width: 290px;
  }
}

/* top items
----------------------------------------------- */
.top-items {
  background: url("images/top_items_bg.jpg") no-repeat 50% 50% / cover;
}
.top-items h2 {
  position: relative;
  z-index: 1;
}
.top-items ul {
  position: relative;
  z-index: 1;
}
.top-items .img01,
.top-items .img02 {
  position: absolute;
}
.top-items .img01 {
  left: -230px;
  top: -130px;
}
@media (max-width: 1024px) {
  .top-items .img01 {
    left: -60px;
    width: 225px;
  }
}
@media (max-width: 767px) {
  .top-items .img01 {
    top: -60px;
    left: -30px;
    width: 110px;
  }
}
.top-items .img02 {
  top: -95px;
  right: -280px;
}
@media (max-width: 1024px) {
  .top-items .img02 {
    right: -80px;
    width: 280px;
  }
}
@media (max-width: 767px) {
  .top-items .img02 {
    top: -50px;
    right: -36px;
    width: 150px;
  }
}
.top-items ul {
  display: flex;
  flex-wrap: wrap;
}
.top-items ul li {
  margin-right: 1%;
  margin-bottom: 10px;
  width: 13.428%;
}
.top-items ul li:nth-child(7n) {
  margin-right: auto;
}
@media (max-width: 767px) {
  .top-items ul li {
    margin-bottom: 5px;
    margin-right: 2%;
    width: 32%;
  }
  .top-items ul li:nth-child(7n) {
    margin-right: 2%;
  }
  .top-items ul li:nth-child(3n) {
    margin-right: auto;
  }
}
.top-items ul li img {
  width: 100%;
}
.top-items ul li a {
  background: #fff;
  font-size: 13px;
  display: block;
  padding: 5px 5px 0;
}
@media (max-width: 1024px) {
  .top-items ul li a {
    font-size: 10px;
  }
}
.top-items ul li .post-title {
  height: 3.5em;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* top trouble
----------------------------------------------- */
.top-trouble {
  padding-top: 0;
}
.top-trouble .heading {
  background: url("images/top_trouble_bg.jpg") no-repeat 50% 50% / cover;
  padding-top: 75px;
  padding-bottom: 140px;
  text-align: center;
}
@media (max-width: 767px) {
  .top-trouble .heading {
    padding: 50px 0 70px;
  }
  .top-trouble .heading img {
    width: 300px;
  }
}
.top-trouble .content {
  margin-top: -75px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .top-trouble .content {
    margin-top: -40px;
  }
  .mvnumber {
    background-color: #f4ca18;
    margin-top: -25px;
  }
  .teltap {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
}
.top-trouble .content ul {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .top-trouble .content ul {
    display: block;
    margin-bottom: 40px;
  }
}
.top-trouble .content ul li {
  background-color: #fff;
  margin-right: 3%;
  width: 31.333%;
}
@media (max-width: 767px) {
  .top-trouble .content ul li {
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 310px;
    width: auto;
  }
}
.top-trouble .content ul li:nth-child(3n) {
  margin-right: auto;
}
.top-trouble .content ul li h3 {
  color: #fff;
  background: #002549;
  text-align: center;
  padding: 8px 0 12px;
}
@media (max-width: 767px) {
  .top-trouble .content ul li h3 img {
    height: 21px;
    width: auto;
  }
}
.top-trouble .content ul li p {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.7;
  text-align: center;
  padding: 20px;
  margin: 0;
}
@media (max-width: 1024px) {
  .top-trouble .content ul li p {
    font-size: 14px;
    padding: 12px;
  }
}
.top-trouble .mes {
  background: url("images/top_trouble_mes_bg.svg") no-repeat 50% 100%/1110px
    440px;
  margin-top: 40px;
  padding-top: 46px;
  position: relative;
}
@media (max-width: 767px) {
  .top-trouble .mes {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 0;
    padding-top: 26px;
  }
}
.top-trouble .mes > img {
  position: absolute;
  left: 70px;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 1024px) {
  .top-trouble .mes > img {
    left: 30px;
    width: 200px;
  }
}
@media (max-width: 767px) {
  .top-trouble .mes > img {
    bottom: auto;
    top: 30px;
    left: -5px;
    width: 110px;
  }
}
.top-trouble .mes h3 {
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .top-trouble .mes h3 {
    margin-bottom: 16px;
  }
}
.top-trouble .mes .mes-content {
  padding-left: 360px;
  padding-right: 60px;
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .top-trouble .mes .mes-content {
    padding-right: 30px;
    padding-left: 260px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .top-trouble .mes .mes-content {
    padding-right: 0;
    padding-left: 0;
  }
}
.top-trouble .mes p {
  font-size: 18px;
  letter-spacing: 0.04em;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .top-trouble .mes p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .top-trouble .mes p {
    font-size: 12px;
    line-height: 1.7;
    padding-right: 10px;
    padding-left: 130px;
    margin-bottom: 20px;
  }
}
.top-trouble .mes .btn {
  background: #fff url("images/arrow02.svg") no-repeat right 20px top 50%/17px
    14px;
  font-size: 20px;
  display: block;
  padding: 18px;
  letter-spacing: 0.04em;
  -ms-box-shadow: 0 5px 0 #a8adb0;
  box-shadow: 0 5px 0 #a8adb0;
  border-radius: 40px;
}
@media (max-width: 1024px) {
  .top-trouble .mes .btn {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .top-trouble .mes .btn {
    margin: 0 auto;
    padding: 12px;
    max-width: 310px;
    width: auto;
  }
}

/* top message
----------------------------------------------- */
.top-message {
  background: url("images/top_message_bg.jpg") no-repeat 50% 50% / cover;
}
.top-message .inner {
  background: #fbf4dc url("images/top_message_crowd.png") no-repeat 50% 50px;
  border: 3px solid #002549;
  padding: 60px 50px 0;
  text-align: center;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .top-message .inner {
    padding: 25px 20px 0;
  }
}
.top-message h2 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .top-message h2 {
    margin-bottom: 15px;
  }
  .top-message h2 img {
    width: 280px;
  }
}
.top-message p {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.02em;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .top-message p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

/* top about
----------------------------------------------- */
.top-about {
  padding-top: 0;
}
.top-about .heading {
  padding-top: 65px;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}
@media (max-width: 1024px) {
  .top-about .heading {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .top-about .heading {
    padding-top: 35px;
  }
}
.top-about .heading::after {
  content: "";
  background: url("images/bg01.jpg") repeat 0 0;
  height: 140px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .top-about .heading::after {
    background-size: 50px 50px;
    height: 70px;
  }
}
.top-about .heading h2 {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .top-about .heading img {
    width: 260px;
  }
}
.top-about ul {
  padding: 0 3%;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .top-about ul {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .top-about ul {
    display: block;
  }
}
.top-about ul li {
  text-align: center;
  width: 33.333%;
}
@media (max-width: 767px) {
  .top-about ul li {
    width: 100%;
  }
  .top-about ul li img {
    width: 210px;
  }
}
.top-about ul li p {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-top: 5px;
}
@media (max-width: 1024px) {
  .top-about ul li p {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .top-about ul li p {
    font-size: 14px;
  }
}
.top-about .btn-area {
  position: relative;
  z-index: 1;
}
.top-about .img01,
.top-about .img02 {
  position: absolute;
}
.top-about .img01 {
  left: -160px;
  bottom: 86px;
}
@media (max-width: 1024px) {
  .top-about .img01 {
    left: -20px;
    bottom: -20px;
    width: 100px;
  }
}
@media (max-width: 767px) {
  .top-about .img01 {
    bottom: 60%;
  }
}
.top-about .img02 {
  right: -135px;
  bottom: 90px;
}
@media (max-width: 1024px) {
  .top-about .img02 {
    right: -20px;
    bottom: -20px;
    width: 80px;
  }
}
@media (max-width: 767px) {
  .top-about .img02 {
    bottom: 30%;
  }
}

/* top menu
----------------------------------------------- */
.top-menu {
  overflow: hidden;
}
@media (max-width: 767px) {
  .top-menu {
    background-color: #d2dae3;
  }
}
.top-menu .container {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .top-menu .container {
    padding: 0;
  }
}
.top-menu .container::after {
  background-color: #d2dae3;
  content: "";
  height: 100%;
  top: 60px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media (max-width: 767px) {
  .top-menu .container::after {
    content: none;
  }
}
.top-menu .inner {
  z-index: 1;
}
.top-menu .flex {
  justify-content: space-between;
}
@media (max-width: 767px) {
  .top-menu .flex {
    display: block;
  }
}
.top-menu .block {
  text-align: center;
  width: 48%;
}
@media (max-width: 767px) {
  .top-menu .block {
    padding-bottom: 30px;
    width: 100%;
  }
}
.top-menu .block > img {
  width: 100%;
}
.top-menu .block .box {
  background-color: #fff;
  padding: 7px;
  margin: -150px 40px 0;
  position: relative;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .top-menu .block .box {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.top-menu .block .box-inner {
  border-width: 2px;
  border-style: solid;
  padding: 20px 20px 30px;
  border-radius: 6px;
}
.top-menu .block h3 {
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .top-menu .block h3 img {
    width: 125px;
  }
}
.top-menu .block p {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
}
@media (max-width: 1024px) {
  .top-menu .block p {
    font-size: 14px;
  }
}
.top-menu .block .btn {
  background: #fff url("images/arrow02.svg") no-repeat right 20px top 50%/17px
    14px;
  border: 2px solid #002549;
  font-size: 20px;
  display: block;
  padding: 12px;
  margin: 0 auto;
  letter-spacing: 0.04em;
  width: 340px;
  -ms-box-shadow: 0 3px 0 #a8adb0;
  box-shadow: 0 3px 0 #a8adb0;
  border-radius: 30px;
}
@media (max-width: 1024px) {
  .top-menu .block .btn {
    font-size: 16px;
  }
}

/* top information
----------------------------------------------- */
.top-information .information-list {
  margin: 40px auto 60px;
}
@media (max-width: 767px) {
  .top-information .information-list {
    margin: 20px auto 30px;
  }
}

/* top customer
----------------------------------------------- */
.top-customer {
  background-color: #074179;
  color: #fff;
}
@media (max-width: 767px) {
  .top-customer .flex {
    display: block;
  }
}
.top-customer .img {
  padding-top: 20px;
  margin-right: auto;
  width: 55%;
}
@media (max-width: 767px) {
  .top-customer .img {
    text-align: center;
    width: 100%;
  }
  .top-customer .img img {
    width: 320px;
  }
}
.top-customer .txt {
  padding: 50px 0 60px;
  margin-left: auto;
  width: 45%;
}
@media (max-width: 767px) {
  .top-customer .txt {
    padding: 20px 0 30px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .top-customer .txt .large {
    padding: 0 20px;
  }
  .top-customer .txt .large img {
    width: 70vw;
  }
}
.top-customer .txt p {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 26px;
}
@media (max-width: 1024px) {
  .top-customer .txt p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .top-customer .txt p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 16px;
  }
}
.top-customer .txt .btn {
  color: #074179;
  background: #fff url("images/arrow03.svg") no-repeat right 20px top 50%/17px
    14px;
  border: 2px solid #002549;
  font-size: 20px;
  display: block;
  padding: 18px;
  margin: 0;
  letter-spacing: 0.04em;
  width: 400px;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .top-customer .txt .btn {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .top-customer .txt .btn {
    margin: auto;
    width: 310px;
  }
}

/* top shop
----------------------------------------------- */
.top-shop .heading-2 + p {
  font-size: 18px;
  margin-bottom: 50px;
}
.top-shop .heading-2 + p strong {
  font-size: 24px;
}
@media (max-width: 767px) {
  .top-shop .heading-2 + p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .top-shop .heading-2 + p strong {
    font-size: 18px;
  }
}

/* ==============================================
 seizen-seiri
=============================================== */
.seizenseiri .seizen-first .heading {
  background-color: #a5c959;
  text-align: center;
  padding: 20px;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-first .heading {
    padding: 12px;
  }
  .seizenseiri .seizen-first .heading img {
    width: 280px;
  }
}
.seizenseiri .seizen-first .content {
  background-color: #fff;
  padding: 80px 0;
  position: relative;
}
@media (max-width: 1024px) {
  .seizenseiri .seizen-first .content {
    padding: 30px 0 50px;
  }
}
.seizenseiri .seizen-first .content::before {
  content: "";
  border-style: solid;
  border-width: 50px 100px 0 100px;
  border-color: #a5c959 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: -1px;
}
@media (max-width: 1024px) {
  .seizenseiri .seizen-first .content::before {
    border-width: 18px 30px 0 30px;
    margin-left: -30px;
  }
}
.seizenseiri .seizen-first .content .seizen-about {
  display: flex;
  align-items: flex-start;
  margin: 80px auto 0px auto;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-first .content .seizen-about {
    display: block;
    margin: 30px auto 0px auto;
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .seizenseiri .seizen-first .content .seizen-about .about-img {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .seizenseiri .seizen-first .content .seizen-about .about-img {
    width: 100%;
  }
}
.seizenseiri .seizen-first .content .seizen-about .seizen-about-txtarea {
  margin-left: 40px;
}
@media (max-width: 1024px) {
  .seizenseiri .seizen-first .content .seizen-about .seizen-about-txtarea {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .seizenseiri .seizen-first .content .seizen-about .seizen-about-txtarea {
    margin: 0 auto;
  }
  .seizenseiri .seizen-first .content .seizen-about .seizen-about-txtarea img {
    margin-top: 20px;
  }
}
.seizenseiri
  .seizen-first
  .content
  .seizen-about
  .seizen-about-txtarea
  .seizen-about-txt {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .seizenseiri
    .seizen-first
    .content
    .seizen-about
    .seizen-about-txtarea
    .seizen-about-txt {
    margin-bottom: 0;
    text-align: left;
  }
}
.seizenseiri .seizen-trouble .trouble-line {
  background-color: #154279;
  text-align: center;
  padding: 30px;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-trouble .trouble-line {
    padding: 12px;
  }
  .seizenseiri .seizen-trouble .trouble-line img {
    width: 280px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .seizenseiri .seizen-trouble .trouble-line img {
    width: 100%;
  }
}
.seizenseiri .seizen-trouble .content {
  background: url("images/trouble_bg.jpg") repeat 0 0;
  padding: 80px 0;
  position: relative;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-trouble .content {
    padding: 30px 0 50px;
  }
  .sp {
    display: block;
  }
}
@media (max-width: 767px) {
  .seizenseiri .seizen-trouble .content .flex {
    display: block;
  }
  .seizenseiri .seizen-trouble .content .flex img {
    margin-bottom: 20px;
  }
}
.seizenseiri .seizen-trouble .content p {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  margin-bottom: 0px;
}
@media (max-width: 1024px) {
  .seizenseiri .seizen-trouble .content p {
    font-size: 1.7rem;
  }
}
@media (max-width: 767px) {
  .seizenseiri .seizen-trouble .content p {
    font-size: 1.5rem;
  }
}
.seizenseiri .seizen-trouble .content .seizen-omakase {
  padding: 60px 0 60px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-trouble .content .seizen-omakase {
    padding: 0;
  }
}
.seizenseiri .seizen-trouble .content .seizen-omakase img {
  margin: 60px auto 0px auto;
}
@media (max-width: 1024px) {
  .seizenseiri .seizen-trouble .content .seizen-omakase img {
    margin: 30px auto 0px auto;
  }
}
@media (max-width: 767px) {
  .seizenseiri .seizen-trouble .content .seizen-omakase img {
    margin: 0 auto;
  }
}
.seizenseiri .seizen-solution {
  background: url("images/solution_bg.png") no-repeat center center;
  background-size: cover;
  padding: 80px 0px 140px 0px;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-solution {
    padding: 30px 0px 50px 0px;
  }
}
.seizenseiri .seizen-solution .inner {
  text-align: center;
}
.seizenseiri .seizen-solution .inner img {
  margin: 60px auto 0px auto;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-solution .inner img {
    margin: 20px auto 0px auto;
  }
}
.seizenseiri .seizen-merit {
  margin: 80px auto 80px auto;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-merit {
    margin: 30px auto 50px auto;
  }
}
.seizenseiri .seizen-merit h2 {
  background: url("images/h3_bg.svg") no-repeat 50% 0/113px 25px;
  font-size: 40px;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 40px;
  padding-top: 35px;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-merit h2 {
    background-size: 90px 23px;
    font-size: 26px;
    padding-top: 30px;
    margin-bottom: 20px;
  }
}
.seizenseiri .seizen-merit h3 {
  margin: 30px 0px 10px 0px;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-merit h3 {
    width: 17vw;
  }
}
.seizenseiri .seizen-merit .merit-box {
  display: flex;
  align-items: flex-start;
  background-color: #fff;
  border-top: solid #154279 8px;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-merit .merit-box {
    display: block;
    padding: 20px;
    text-align: center;
  }
}
.seizenseiri .seizen-merit .merit-box img {
  margin: 50px 0px 50px 50px;
}
@media (max-width: 1024px) {
  .seizenseiri .seizen-merit .merit-box img {
    width: 40%;
    margin: 30px 0px 30px 30px;
  }
}
@media (max-width: 767px) {
  .seizenseiri .seizen-merit .merit-box img {
    margin: 0 0 20px 0;
    width: 100%;
    text-align: center;
  }
}
.seizenseiri .seizen-merit .merit-box .merit-txtarea {
  margin: 50px 50px 0px 50px;
}
@media (max-width: 1024px) {
  .seizenseiri .seizen-merit .merit-box .merit-txtarea {
    margin: 30px 30px 0px 30px;
  }
}
@media (max-width: 767px) {
  .seizenseiri .seizen-merit .merit-box .merit-txtarea {
    margin: 0;
  }
}
.seizenseiri .seizen-merit .merit-box .merit-txtarea h4 {
  display: inline-block;
  font-size: 24px;
  background: linear-gradient(transparent 60%, #fdf27f 0%);
}
@media (max-width: 1024px) {
  .seizenseiri .seizen-merit .merit-box .merit-txtarea h4 {
    font-size: 1.7rem;
  }
}
@media (max-width: 767px) {
  .seizenseiri .seizen-merit .merit-box .merit-txtarea h4 {
    font-size: 1.4rem;
  }
}
.seizenseiri .seizen-merit .merit-box .merit-txtarea p {
  margin-top: 30px;
  text-align: left;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-merit .merit-box .merit-txtarea p {
    margin: 20px 0 0 0;
  }
}
.seizenseiri .seizen-timing {
  background: url("images/trouble_bg.jpg") repeat 0 0;
  position: relative;
  border: solid #a5c959;
  border-width: 20px 0 20px 0;
}
.seizenseiri .seizen-timing img {
  text-align: center;
}
.seizenseiri .seizen-timing h2 {
  margin: 40px auto;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-timing h2 {
    margin: 20px auto 20px auto;
  }
}
.seizenseiri .seizen-timing p {
  width: 60%;
  margin-bottom: -200px;
  margin-left: 100px;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-timing p {
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .seizenseiri .seizen-timing {
    padding: 0;
  }
}
.seizenseiri .seizen-timing::after {
  content: "";
  border: solid 8px #154279;
  border-width: 8px 0 8px 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.seizenseiri .kaitori-step {
  background-color: #fff;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .seizenseiri .kaitori-step {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step {
    text-align: left;
  }
}
.seizenseiri .kaitori-step .inner {
  width: 800px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .seizenseiri .kaitori-step .inner {
    width: 100%;
    margin: 0 auto;
  }
}
.seizenseiri .kaitori-step h2 {
  padding-top: 80px;
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step h2 {
    padding-top: 50px;
  }
}
.seizenseiri .kaitori-step p {
  font-size: 14px;
  color: #636466;
  letter-spacing: 0.04em;
  margin: 0 0 18px;
  line-height: 1.8;
  max-height: 100%;
}
.seizenseiri .kaitori-step .mes {
  margin-bottom: 40px;
}
.seizenseiri .kaitori-step .ff-en {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}
.seizenseiri .kaitori-step .large {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
  padding: 60px 0 20px 0;
  line-height: 1.6;
}
@media (max-width: 1024px) {
  .seizenseiri .kaitori-step .large {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step .large {
    font-size: 16px;
    padding: 30px 0 12px 0;
  }
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step {
    display: block;
  }
}
.seizenseiri .kaitori-step li {
  text-align: center;
  position: relative;
  width: 18%;
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step li {
    padding-bottom: 5px;
    max-width: 280px;
    margin: 0 auto 35px;
    width: 100%;
  }
  .seizenseiri .kaitori-step li:last-child {
    margin-bottom: 0;
  }
}
.seizenseiri .kaitori-step li::after {
  background: url("images/arrow06.svg") no-repeat 0 0/36px 29px;
  content: "";
  top: 75px;
  position: absolute;
  right: -20px;
  height: 29px;
  width: 36px;
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step li::after {
    background: url("images/arrow07.svg") no-repeat 0 0/24px 30px;
    top: auto;
    bottom: -20px;
    right: 50%;
    margin-right: -12px;
    height: 30px;
    width: 24px;
  }
}
.seizenseiri .kaitori-step li:last-child::after {
  content: none;
}
.seizenseiri .kaitori-step li .step {
  background-color: #fae426;
  padding: 3px;
  letter-spacing: 0.04em;
  margin: 0 auto 14px;
  width: 80%;
  border-radius: 5px;
}
.seizenseiri .kaitori-step li .img {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  width: 100%;
}
.seizenseiri .kaitori-step li h5 {
  font-size: 16px;
  margin-bottom: 5px;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step li h5 {
    display: block;
    height: auto;
    margin-bottom: 10px;
  }
}
.seizenseiri .kaitori-step li p {
  color: #636466;
  font-size: 14px;
  line-height: 1.7;
  text-align: left;
}
.seizenseiri .kaitori-step .trip-step {
  max-width: 740px;
  margin: 0 auto 60px;
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step .trip-step {
    margin-bottom: 20px;
  }
}
.seizenseiri .kaitori-step .trip-step .fukidashi {
  padding-top: 40px;
  position: relative;
  width: 35%;
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step .trip-step .fukidashi {
    float: none;
    text-align: center;
    padding-top: 0;
    margin-bottom: 30px;
    width: auto;
  }
}
.seizenseiri .kaitori-step .trip-step .fukidashi::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 55%;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #074179;
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step .trip-step .fukidashi::after {
    border-width: 10px 10px 0 10px;
    border-color: #074179 transparent transparent transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
  }
}
.seizenseiri .kaitori-step .trip-step .kaitori-step {
  width: 58%;
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step .trip-step .kaitori-step {
    float: none;
    width: auto;
  }
}
.seizenseiri .kaitori-step .trip-step .kaitori-step li {
  width: 46%;
}
@media (max-width: 767px) {
  .seizenseiri .kaitori-step .trip-step .kaitori-step li {
    width: 100%;
  }
}
.seizenseiri .seizen-recommend {
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .seizenseiri .seizen-recommend {
    padding-bottom: 50px;
  }
}
.seizenseiri .ihin-kaitori {
  text-align: center;
  margin: 160px auto;
}
@media (max-width: 767px) {
  .seizenseiri .ihin-kaitori {
    margin: 60px auto;
  }
}

/* ==============================================
 kaitori
=============================================== */
.kaitori-first .heading {
  background-color: #d2a816;
  text-align: center;
  padding: 20px;
}
@media (max-width: 767px) {
  .kaitori-first .heading {
    padding: 12px;
  }
  .kaitori-first .heading img {
    width: 280px;
  }
}
.kaitori-first .content {
  background: url("images/trouble_bg.jpg") repeat 0 0;
  padding: 80px 0;
  position: relative;
}
@media (max-width: 767px) {
  .kaitori-first .content {
    padding: 30px 0 50px;
  }
}
.kaitori-first .content::before {
  content: "";
  border-style: solid;
  border-width: 50px 100px 0 100px;
  border-color: #d2a816 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: -1px;
}
@media (max-width: 767px) {
  .kaitori-first .content::before {
    border-width: 18px 30px 0 30px;
    margin-left: -30px;
  }
}
.kaitori-first ul {
  margin-bottom: 20px;
  padding: 0 13%;
}
@media (max-width: 767px) {
  .kaitori-first ul {
    padding: 0;
    margin-bottom: 10px;
  }
}
.kaitori-first ul li {
  margin-bottom: 40px;
  margin-right: 5%;
  width: 30%;
}
@media (max-width: 767px) {
  .kaitori-first ul li {
    margin-right: 2%;
    margin-bottom: 20px;
    width: 32%;
  }
}
.kaitori-first ul li:nth-child(3n) {
  margin-right: auto;
}
.kaitori-first .item-text {
  background: #fff;
  max-width: 820px;
  margin: 0 auto;
  position: relative;
}
.kaitori-first .item-text::before {
  content: "";
  background: #fff;
  background: #fff;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.kaitori-first .item-text::after {
  content: "";
  background: #dcc8b6;
  height: 100%;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 100%;
}
@media (max-width: 767px) {
  .kaitori-first .item-text::after {
    left: 4px;
    top: 4px;
  }
}
.kaitori-first .item-text p {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 0;
  padding: 30px 50px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .kaitori-first .item-text p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .kaitori-first .item-text p {
    font-size: 14px;
    line-height: 1.7;
    padding: 20px 25px 22px;
  }
}
.kaitori-first .message {
  background: url("images/top_cacth_bg_pc.jpg") no-repeat 50% 50% / cover;
  padding: 70px 0 70px;
}
@media (max-width: 767px) {
  .kaitori-first .message {
    padding: 40px 0;
  }
}
.kaitori-first .message .inner::after {
  content: "";
  background: url("images/item_tit_bg.svg") no-repeat 50% 0/160px 54px;
  height: 54px;
  top: -100px;
  left: 50%;
  position: absolute;
  margin-left: -80px;
  width: 160px;
}
@media (max-width: 767px) {
  .kaitori-first .message .inner::after {
    background-size: 140px 35px;
    top: -60px;
    margin-left: -70px;
    height: 35px;
    width: 140px;
  }
}
.kaitori-first .message .txt-img {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .kaitori-first .message .txt-img {
    margin-bottom: 16px;
  }
}
.kaitori-first .message .txt-img + p {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .kaitori-first .message .txt-img + p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .kaitori-first .message .txt-img + p {
    font-size: 14px;
  }
}
.kaitori-first .message .img01 {
  left: 0;
  top: -90px;
  position: absolute;
  z-index: 1;
}
@media (max-width: 1024px) {
  .kaitori-first .message .img01 {
    left: -50px;
    width: 110px;
  }
}
@media (max-width: 767px) {
  .kaitori-first .message .img01 {
    top: -110px;
    left: -20px;
    width: 70px;
  }
}
.kaitori-first .message .img02 {
  right: 0;
  top: -210px;
  position: absolute;
  z-index: 1;
}
@media (max-width: 1024px) {
  .kaitori-first .message .img02 {
    right: -50px;
    width: 80px;
  }
}
@media (max-width: 767px) {
  .kaitori-first .message .img02 {
    top: -140px;
    right: -20px;
    width: 50px;
  }
}

@media (max-width: 767px) {
  .kaitori-means .heading-2 + p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .kaitori-means ul {
    display: block;
  }
}
.kaitori-means ul li {
  background-color: #fff;
  margin-right: 2%;
  position: relative;
  padding-top: 5px;
  width: 32%;
}
@media (max-width: 767px) {
  .kaitori-means ul li {
    margin-bottom: 20px;
    margin-right: auto;
    width: 100%;
  }
}
.kaitori-means ul li::after {
  content: "";
  background: url("images/bg01.jpg") repeat 0 0;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.kaitori-means ul li:nth-child(3n) {
  margin-right: auto;
}
.kaitori-means ul li h3 {
  position: relative;
  padding: 18px;
  text-align: center;
}
@media (max-width: 1024px) {
  .kaitori-means ul li h3 {
    padding: 15px 0;
  }
  .kaitori-means ul li h3 img {
    height: 18px;
    width: auto;
  }
}
.kaitori-means ul li .img {
  text-align: center;
}
.kaitori-means ul li .img img {
  width: 100%;
}
.kaitori-means ul li .txt {
  padding: 15px 24px;
}
.kaitori-means ul li .txt p {
  margin-bottom: 5px;
  letter-spacing: 0.04em;
}
.kaitori-means ul li .txt .large {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .kaitori-means ul li .txt .large {
    font-size: 16px;
  }
}
.kaitori-means ul li .txt .large + p {
  color: #636466;
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .kaitori-means ul li .txt .large + p {
    font-size: 12px;
  }
}
.kaitori-means ul li .txt .link {
  text-align: right;
}
.kaitori-means ul li .txt .link a {
  background: url("images/arrow05.svg") no-repeat 100% 50%/10px 8px;
  font-size: 14px;
  padding-right: 14px;
}

.kaitori-contents {
  background-color: #fff;
}
.kaitori-contents .heading {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 300px;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .kaitori-contents .heading {
    background-position: 50% 100%;
    background-size: cover;
    height: 200px;
    margin-bottom: 30px;
  }
}
.kaitori-contents .heading h3 {
  position: absolute;
  bottom: 10px;
  left: 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .kaitori-contents .heading h3 {
    bottom: 10px;
  }
  .kaitori-contents .heading h3 img {
    height: 24px;
    width: auto;
  }
}
.kaitori-contents h4 {
  background: url("images/h3_bg.svg") no-repeat 50% 0/113px 25px;
  font-size: 32px;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 40px;
  padding-top: 35px;
}
@media (max-width: 767px) {
  .kaitori-contents h4 {
    background-size: 90px 23px;
    font-size: 26px;
    padding-top: 30px;
    margin-bottom: 20px;
  }
}
.kaitori-contents .kaitori-step {
  justify-content: space-between;
}
@media (max-width: 767px) {
  .kaitori-contents .kaitori-step {
    display: block;
  }
}
.kaitori-contents .kaitori-step li {
  text-align: center;
  position: relative;
  width: 18%;
}
@media (max-width: 767px) {
  .kaitori-contents .kaitori-step li {
    padding-bottom: 5px;
    max-width: 280px;
    margin: 0 auto 35px;
    width: 100%;
  }
  .kaitori-contents .kaitori-step li:last-child {
    margin-bottom: 0;
  }
}
.kaitori-contents .kaitori-step li::after {
  background: url("images/arrow06.svg") no-repeat 0 0/36px 29px;
  content: "";
  top: 75px;
  position: absolute;
  right: -20px;
  height: 29px;
  width: 36px;
}
@media (max-width: 767px) {
  .kaitori-contents .kaitori-step li::after {
    background: url("images/arrow07.svg") no-repeat 0 0/24px 30px;
    top: auto;
    bottom: -20px;
    right: 50%;
    margin-right: -12px;
    height: 30px;
    width: 24px;
  }
}
.kaitori-contents .kaitori-step li:last-child::after {
  content: none;
}
.kaitori-contents .kaitori-step li .step {
  background-color: #fae426;
  padding: 3px;
  letter-spacing: 0.04em;
  margin: 0 auto 14px;
  width: 80%;
  border-radius: 5px;
}
.kaitori-contents .kaitori-step li .img {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  width: 100%;
}
.kaitori-contents .kaitori-step li h5 {
  font-size: 16px;
  margin-bottom: 5px;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .kaitori-contents .kaitori-step li h5 {
    display: block;
    height: auto;
    margin-bottom: 10px;
  }
}
.kaitori-contents .kaitori-step li p {
  color: #636466;
  font-size: 14px;
  line-height: 1.7;
  text-align: left;
}

.kaitori-shop {
  position: relative;
}
.kaitori-shop::after {
  content: "";
  background: url("images/body_bg.jpg") repeat 0 0;
  height: 320px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.kaitori-shop .heading {
  background-image: url("images/kaitori_shop_main_pc.jpg");
}
@media (max-width: 767px) {
  .kaitori-shop .heading {
    background-image: url("images/kaitori_shop_main_sp.jpg");
  }
}
.kaitori-shop .container {
  z-index: 1;
}
.kaitori-shop .mes {
  background: #fff;
  border: 1px solid #002549;
  padding: 6px;
  margin-top: 70px;
}
@media (max-width: 767px) {
  .kaitori-shop .mes {
    margin-top: 20px;
  }
}
.kaitori-shop .mes .box {
  position: relative;
  border: 1px solid #002549;
  padding: 55px 60px 40px;
}
@media (max-width: 1024px) {
  .kaitori-shop .mes .box {
    padding: 50px 30px 40px;
  }
}
@media (max-width: 767px) {
  .kaitori-shop .mes .box {
    padding: 20px 20px;
  }
}
.kaitori-shop .mes .box .tit {
  font-weight: bold;
  letter-spacing: 0.04em;
  position: absolute;
  top: -24px;
  text-align: center;
  left: 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .kaitori-shop .mes .box .tit {
    top: -46px;
  }
}
@media (max-width: 767px) {
  .kaitori-shop .mes .box .tit {
    position: static;
    text-align: left;
  }
}
.kaitori-shop .mes .box .tit .txt-bg {
  background-color: #fff;
  display: inline-block;
  font-size: 18px;
  line-height: 1.6;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .kaitori-shop .mes .box .tit .txt-bg {
    font-size: 14px;
    padding: 0;
  }
}
.kaitori-shop .mes .kaitori-attention {
  background-color: #f3f3f3;
  padding: 30px 35px;
  width: 65%;
}
@media (max-width: 767px) {
  .kaitori-shop .mes .kaitori-attention {
    float: none;
    padding: 20px;
    margin-bottom: 20px;
    width: auto;
  }
}
.kaitori-shop .mes .kaitori-attention h5 {
  background: url("images/kaitori_shop_attention.png") no-repeat 0 50%;
  font-size: 18px;
  letter-spacing: 0.02em;
  padding: 3px 0 3px 40px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .kaitori-shop .mes .kaitori-attention h5 {
    font-size: 16px;
    background-size: 22px 20px;
    padding-left: 30px;
  }
}
.kaitori-shop .mes .kaitori-attention p {
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .kaitori-shop .mes .kaitori-attention p {
    font-size: 12px;
  }
}
.kaitori-shop .mes .kaitori-attention dl dd {
  font-size: 14px;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .kaitori-shop .mes .kaitori-attention dl dd {
    font-size: 12px;
  }
}
.kaitori-shop .mes .map {
  width: 28%;
}
@media (max-width: 767px) {
  .kaitori-shop .mes .map {
    float: none;
    text-align: center;
    width: auto;
  }
  .kaitori-shop .mes .map img {
    width: 160px;
  }
}
.kaitori-shop .mes .map .btn {
  background: rgb(7 65 121) url(images/arrow01.svg) no-repeat right 20px top 50%/15px
    13px;
  border: 2px solid #002549;
  font-size: 16px;
  display: block;
  padding: 6px;
  margin: 0 auto;
  letter-spacing: 0.04em;
  width: 100%;
  -ms-box-shadow: 0 2px 0 #a8adb0;
  box-shadow: 0 2px 0 #a8adb0;
  border-radius: 30px;
}
@media (max-width: 1024px) {
  .kaitori-shop .mes .map .btn {
    font-size: 16px;
  }
}

.kaitori-trip {
  position: relative;
}
.kaitori-trip .container {
  z-index: 1;
}
.kaitori-trip::after {
  content: "";
  background: url("images/body_bg.jpg") repeat 0 0;
  height: 280px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.kaitori-trip .heading {
  background-image: url("images/kaitori_trip_main_pc.jpg");
}
@media (max-width: 767px) {
  .kaitori-trip .heading {
    background-image: url("images/kaitori_trip_main_sp.jpg");
  }
}
.kaitori-trip .mes {
  max-width: 800px;
  margin: 0 auto 80px;
}
@media (max-width: 767px) {
  .kaitori-trip .mes {
    margin-bottom: 40px;
  }
}
.kaitori-trip .mes p {
  color: #636466;
  font-size: 14px;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .kaitori-trip .mes p {
    font-size: 12px;
  }
}
.kaitori-trip .mes p.large {
  color: #002549;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .kaitori-trip .mes p.large {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.kaitori-trip .trip-step {
  max-width: 740px;
  margin: 0 auto 60px;
}
@media (max-width: 767px) {
  .kaitori-trip .trip-step {
    margin-bottom: 20px;
  }
}
.kaitori-trip .trip-step .fukidashi {
  padding-top: 40px;
  position: relative;
  width: 35%;
}
@media (max-width: 767px) {
  .kaitori-trip .trip-step .fukidashi {
    float: none;
    text-align: center;
    padding-top: 0;
    margin-bottom: 30px;
    width: auto;
  }
}
.kaitori-trip .trip-step .fukidashi::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 55%;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #074179;
}
@media (max-width: 767px) {
  .kaitori-trip .trip-step .fukidashi::after {
    border-width: 10px 10px 0 10px;
    border-color: #074179 transparent transparent transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
  }
}
.kaitori-trip .trip-step .kaitori-step {
  width: 58%;
}
@media (max-width: 767px) {
  .kaitori-trip .trip-step .kaitori-step {
    float: none;
    width: auto;
  }
}
.kaitori-trip .trip-step .kaitori-step li {
  width: 46%;
}
@media (max-width: 767px) {
  .kaitori-trip .trip-step .kaitori-step li {
    width: 100%;
  }
}
.kaitori-trip .kaitori-recommend {
  background: #fff;
  border: 1px solid #002549;
  padding: 6px;
  margin-top: 70px;
}
@media (max-width: 767px) {
  .kaitori-trip .kaitori-recommend {
    margin-top: 40px;
  }
}
.kaitori-trip .kaitori-recommend .box {
  position: relative;
  border: 1px solid #002549;
  padding: 55px 60px 40px;
}
@media (max-width: 1024px) {
  .kaitori-trip .kaitori-recommend .box {
    padding: 55px 30px 30px;
  }
}
@media (max-width: 767px) {
  .kaitori-trip .kaitori-recommend .box {
    padding: 35px 20px 10px;
  }
}
.kaitori-trip .kaitori-recommend .box h5 {
  background: url("images/kaitori_recommend_bg.jpg") no-repeat 50% 0;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  height: 80px;
  letter-spacing: 0.02em;
  position: absolute;
  top: -34px;
  text-align: center;
  left: 0;
  padding: 13px 0 0;
  width: 100%;
}
@media (max-width: 767px) {
  .kaitori-trip .kaitori-recommend .box h5 {
    background-size: 300px 53px;
    font-size: 18px;
    height: 40px;
    top: -26px;
    padding-top: 7px;
  }
}
.kaitori-trip .kaitori-recommend .box dl {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .kaitori-trip .kaitori-recommend .box dl {
    display: block;
  }
}
.kaitori-trip .kaitori-recommend .box dl dd {
  background: #eef0f0 url("images/kaitori_trip_check.png") no-repeat 15px 50%/25px
    18px;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
  margin-right: 2%;
  padding: 10px 10px 10px 50px;
  width: 49%;
  border-radius: 6px;
}
@media (max-width: 1024px) {
  .kaitori-trip .kaitori-recommend .box dl dd {
    background-position: 15px 17px;
    font-size: 18px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .kaitori-trip .kaitori-recommend .box dl dd {
    background-size: 20px 15px;
    background-position: 10px 14px;
    font-size: 14px;
    margin-right: auto;
    padding-left: 40px;
    width: 100%;
  }
}
.kaitori-trip .kaitori-recommend .box dl dd:nth-child(even) {
  margin-right: auto;
}

.kaitori-event {
  position: relative;
}
@media (max-width: 767px) {
  .kaitori-event {
    padding-bottom: 30px;
  }
}
.kaitori-event::after {
  content: "";
  background: url("images/body_bg.jpg") repeat 0 0;
  height: 90px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .kaitori-event::after {
    content: none;
  }
}
.kaitori-event .container {
  z-index: 1;
}
.kaitori-event .heading {
  background-image: url("images/kaitori_event_main_pc.jpg");
}
@media (max-width: 767px) {
  .kaitori-event .heading {
    background-image: url("images/kaitori_event_main_sp.jpg");
  }
}
.kaitori-event .cf {
  max-width: 950px;
  margin: auto;
}
.kaitori-event .img {
  width: 47%;
}
@media (max-width: 767px) {
  .kaitori-event .img {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
  }
}
.kaitori-event .txt {
  padding-top: 40px;
  width: 50%;
}
@media (max-width: 1024px) {
  .kaitori-event .txt {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .kaitori-event .txt {
    float: none;
    width: 100%;
  }
}
.kaitori-event .txt p {
  color: #636466;
  font-size: 14px;
  letter-spacing: 0.04em;
}
.kaitori-event .txt p.large {
  color: #002549;
  line-height: 1.6;
  font-weight: bold;
  font-size: 24px;
}
@media (max-width: 1024px) {
  .kaitori-event .txt p.large {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .kaitori-event .txt p.large {
    margin-bottom: 10px;
  }
}

/* ==============================================
 buy
=============================================== */
.buy-first .heading {
  background-color: #57bb99;
  text-align: center;
  padding: 30px;
}
@media (max-width: 767px) {
  .buy-first .heading {
    padding: 12px;
  }
  .buy-first .heading img {
    width: 280px;
  }
}
.buy-first .content {
  background: url("images/trouble_bg.jpg") repeat 0 0;
  padding: 80px 0 60px;
  position: relative;
}
@media (max-width: 767px) {
  .buy-first .content {
    padding: 30px 0 50px;
  }
}
.buy-first .content::before {
  content: "";
  border-style: solid;
  border-width: 50px 100px 0 100px;
  border-color: #57bb99 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: -1px;
}
@media (max-width: 767px) {
  .buy-first .content::before {
    border-width: 18px 30px 0 30px;
    margin-left: -30px;
  }
}
.buy-first .content ul li {
  background-color: #fff;
  padding: 5px;
  text-align: center;
  margin-right: 1%;
  margin-bottom: 10px;
  width: 13.428%;
}
.buy-first .content ul li:nth-child(7n) {
  margin-right: auto;
}
.buy-first .content ul li:last-child {
  background: none;
  font-size: 24px;
  font-weight: bold;
  padding-top: 40px;
}
@media (max-width: 1024px) {
  .buy-first .content ul li:last-child {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .buy-first .content ul li {
    margin-bottom: 5px;
    margin-right: 2%;
    width: 32%;
  }
  .buy-first .content ul li:nth-child(7n) {
    margin-right: 2%;
  }
  .buy-first .content ul li:nth-child(3n) {
    margin-right: auto;
  }
}
.buy-first .content ul li img {
  width: 100%;
}
.buy-first .content ul li p {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.5;
  padding: 6px 0 0;
}
@media (max-width: 1024px) {
  .buy-first .content ul li p {
    font-size: 12px;
  }
}
.buy-first .message {
  background: url("images/top_cacth_bg_pc.jpg") no-repeat 50% 50% / cover;
  padding: 70px 0 70px;
}
@media (max-width: 767px) {
  .buy-first .message {
    padding: 40px 0;
  }
}
.buy-first .message .inner::after {
  content: "";
  background: url("images/item_tit_bg.svg") no-repeat 50% 0/160px 54px;
  height: 54px;
  top: -100px;
  left: 50%;
  position: absolute;
  margin-left: -80px;
  width: 160px;
}
@media (max-width: 767px) {
  .buy-first .message .inner::after {
    background-size: 140px 35px;
    top: -60px;
    margin-left: -70px;
    height: 35px;
    width: 140px;
  }
}
.buy-first .message .txt-img {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .buy-first .message .txt-img {
    margin-bottom: 16px;
  }
}
.buy-first .message .txt-img + p {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .buy-first .message .txt-img + p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .buy-first .message .txt-img + p {
    font-size: 14px;
  }
}
.buy-first .message .img01 {
  left: 0;
  top: -90px;
  position: absolute;
  z-index: 1;
}
@media (max-width: 1024px) {
  .buy-first .message .img01 {
    left: -50px;
    top: -120px;
    width: 110px;
  }
}
@media (max-width: 767px) {
  .buy-first .message .img01 {
    top: -80px;
    left: -20px;
    width: 70px;
  }
}
.buy-first .message .img02 {
  right: 0;
  top: -110px;
  position: absolute;
  z-index: 1;
}
@media (max-width: 1024px) {
  .buy-first .message .img02 {
    right: -50px;
    top: -140px;
    width: 80px;
  }
}
@media (max-width: 767px) {
  .buy-first .message .img02 {
    top: -80px;
    right: -20px;
    width: 50px;
  }
}

.buy-messege {
  background: url("images/buy_message_bg.jpg") no-repeat 50% 0 / cover;
  position: relative;
  padding: 100px 0;
}
@media (max-width: 1024px) {
  .buy-messege {
    padding: 80px 5% 60px;
  }
}
@media (max-width: 767px) {
  .buy-messege {
    padding: 50px 5% 40px;
  }
}
.buy-messege::after {
  background: url("images/bg01.jpg") repeat 0 0;
  content: "";
  height: 20px;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}
@media (max-width: 767px) {
  .buy-messege::after {
    height: 10px;
  }
}
.buy-messege .txt-img {
  text-align: center;
  margin-bottom: 40px;
}
.buy-messege .flex {
  max-width: 1020px;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .buy-messege .flex {
    display: block;
  }
}
.buy-messege .flex .box {
  background: #fff;
  padding: 6px;
  width: 45%;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .buy-messege .flex .box {
    margin-bottom: 30px;
    width: 100%;
  }
}
.buy-messege .flex .box .box-inner {
  border: 2px solid #57bb99;
  padding: 40px 30px 10px;
  min-height: 300px;
  border-radius: 6px;
}
@media (max-width: 1024px) {
  .buy-messege .flex .box .box-inner {
    min-height: inherit;
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .buy-messege .flex .box .box-inner {
    padding: 20px;
  }
}
.buy-messege .flex .box h4 {
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .buy-messege .flex .box h4 {
    margin-bottom: 14px;
  }
  .buy-messege .flex .box h4 img {
    height: 60px;
    width: auto;
  }
}
.buy-messege .flex .box p {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 0;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .buy-messege .flex .box p {
    font-size: 14px;
  }
}

/* ==============================================
 customer
=============================================== */
.customer-first .heading {
  background-color: #074179;
  text-align: center;
  padding: 30px;
}
@media (max-width: 767px) {
  .customer-first .heading {
    padding: 14px 0;
  }
}
.customer-first .content {
  background: url("images/trouble_bg.jpg") repeat 0 0;
  padding: 80px 0 60px;
  position: relative;
}
@media (max-width: 767px) {
  .customer-first .content {
    padding: 30px 0 50px;
  }
}
.customer-first .content::before {
  content: "";
  border-style: solid;
  border-width: 50px 100px 0 100px;
  border-color: #074179 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: -1px;
}
@media (max-width: 767px) {
  .customer-first .content::before {
    border-width: 18px 30px 0 30px;
    margin-left: -30px;
  }
}
.customer-first .content ul li {
  margin-right: 4%;
  margin-bottom: 40px;
  width: 22%;
}
.customer-first .content ul li:nth-child(4n) {
  margin-right: auto;
}
@media (max-width: 767px) {
  .customer-first .content ul li {
    text-align: center;
    margin-right: 4%;
    margin-bottom: 20px;
    width: 48%;
  }
  .customer-first .content ul li:nth-child(even) {
    margin-right: auto;
  }
}
.customer-first .content ul + p {
  color: #074179;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  max-width: 740px;
  letter-spacing: 0.02em;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .customer-first .content ul + p {
    font-size: 16px;
    text-align: left;
  }
}

.customer-point {
  background: url("images/bg02.jpg") repeat 0 0;
}
.customer-point h3 {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .customer-point h3 {
    margin-bottom: 20px;
  }
}
.customer-point h3 .tit-bg {
  display: inline-block;
  padding: 0 45px 10px;
  position: relative;
}
@media (max-width: 767px) {
  .customer-point h3 .tit-bg {
    padding: 0 20px 5px;
  }
}
.customer-point h3 .tit-bg::before,
.customer-point h3 .tit-bg::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  height: 47px;
  position: absolute;
  bottom: 0;
  width: 29px;
}
@media (max-width: 767px) {
  .customer-point h3 .tit-bg::before,
  .customer-point h3 .tit-bg::after {
    background-size: 20px 33px;
    height: 33px;
    width: 20px;
  }
}
.customer-point h3 .tit-bg::before {
  background-image: url("images/customer_tit_bg01.png");
  left: 0;
}
.customer-point h3 .tit-bg::after {
  background-image: url("images/customer_tit_bg02.png");
  right: 0;
}
.customer-point .block {
  background-color: #fff;
  margin-bottom: 28px;
  padding: 10px;
  position: relative;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .customer-point .block {
    padding: 6px;
    margin-bottom: 20px;
  }
}
.customer-point .block .items-img {
  position: absolute;
  z-index: 1;
}
.customer-point .block .items-img.items-img01 {
  top: -100px;
  right: -160px;
}
@media (max-width: 1024px) {
  .customer-point .block .items-img.items-img01 {
    right: -80px;
    width: 220px;
  }
}
@media (max-width: 767px) {
  .customer-point .block .items-img.items-img01 {
    top: -20px;
    right: -20px;
    width: 80px;
  }
}
.customer-point .block .items-img.items-img02 {
  top: -120px;
  left: -180px;
}
@media (max-width: 1024px) {
  .customer-point .block .items-img.items-img02 {
    left: -100px;
    width: 240px;
  }
}
@media (max-width: 767px) {
  .customer-point .block .items-img.items-img02 {
    top: -20px;
    left: -20px;
    width: 80px;
  }
}
.customer-point .block .items-img.items-img03 {
  top: -40px;
  right: -150px;
}
@media (max-width: 1024px) {
  .customer-point .block .items-img.items-img03 {
    right: -60px;
    width: 200px;
  }
}
@media (max-width: 767px) {
  .customer-point .block .items-img.items-img03 {
    top: -20px;
    right: -20px;
    width: 80px;
  }
}
.customer-point .block.block01 h4,
.customer-point .block.block02 h4,
.customer-point .block.block03 h4 {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .customer-point .block.block01 .img img,
  .customer-point .block.block02 .img img,
  .customer-point .block.block03 .img img {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .customer-point .block.block02 h4 img {
    max-height: none;
    width: 180px;
  }
}
.customer-point .block.block03 .flex .txt {
  width: 60%;
}
@media (max-width: 767px) {
  .customer-point .block.block03 .flex .txt {
    width: auto;
  }
}
.customer-point .block.block03 .flex .img {
  width: 37%;
}
@media (max-width: 767px) {
  .customer-point .block.block03 .flex .img {
    width: auto;
  }
}
.customer-point .block .block-inner {
  border: 1px solid #d2a816;
  padding: 50px 60px;
  border-radius: 5px;
}
@media (max-width: 1024px) {
  .customer-point .block .block-inner {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .customer-point .block .block-inner {
    padding: 20px 15px;
  }
}
.customer-point .block .num {
  text-align: center;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .customer-point .block .num {
    margin-bottom: 10px;
  }
  .customer-point .block .num img {
    width: 180px;
  }
}
.customer-point .block h4 {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .customer-point .block h4 {
    margin-bottom: 20px;
  }
  .customer-point .block h4 img {
    max-height: 45px;
    width: auto;
  }
}
.customer-point .block .flex {
  align-items: center;
}
@media (max-width: 767px) {
  .customer-point .block .flex {
    display: block;
  }
}
.customer-point .block .flex.flex-reverse {
  flex-direction: row-reverse;
}
.customer-point .block .flex.flex-reverse .img {
  margin-right: auto;
}
.customer-point .block .flex.flex-reverse .txt {
  margin-right: 3%;
}
@media (max-width: 767px) {
  .customer-point .block .flex.flex-reverse .txt {
    margin-right: auto;
  }
}
.customer-point .block .flex .img {
  margin-right: 3%;
  text-align: center;
  width: 47%;
}
@media (max-width: 767px) {
  .customer-point .block .flex .img {
    margin-right: auto;
    margin-bottom: 15px;
    width: auto;
  }
}
.customer-point .block .flex .txt {
  width: 50%;
}
@media (max-width: 767px) {
  .customer-point .block .flex .txt {
    width: auto;
  }
}
.customer-point .block .flex .txt p {
  color: #636466;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .customer-point .block .flex .txt p {
    line-height: 1.7;
  }
}
.customer-point .block .btn-area {
  margin-top: 30px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .customer-point .block .btn-area {
    margin-top: 20px;
  }
  .customer-point .block .btn-area .btn {
    padding: 15px;
  }
}

/* ==============================================
 case
=============================================== */
.page-title .page-title-case {
  background-image: url("images/page_title_case.jpg");
}

.case-list {
  display: flex;
  flex-wrap: wrap;
}
.case-list.case-list--white li {
  background-color: #fff;
}
.case-list li {
  background-color: #f2f4f5;
  margin-bottom: 30px;
  margin-right: 2%;
  width: 23.5%;
}
@media (max-width: 767px) {
  .case-list li {
    margin-bottom: 15px;
    width: 49%;
  }
}
.case-list li:nth-child(4n) {
  margin-right: auto;
}
@media (max-width: 767px) {
  .case-list li:nth-child(even) {
    margin-right: auto;
  }
}
.case-list li .post-thumbnail img {
  width: 100%;
}
.case-list li .post-thumbnail a {
  display: block;
  position: relative;
}
.case-list li .shop-name {
  position: absolute;
  left: 15px;
  top: 10px;
}
@media (max-width: 1024px) {
  .case-list li .shop-name {
    left: 10px;
    top: 6px;
  }
}
.case-list li .shop-name span {
  background-color: #fae426;
  font-size: 14px;
  padding: 6px 10px;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .case-list li .shop-name span {
    font-size: 12px;
    padding: 4px 6px;
  }
}
.case-list li .content {
  letter-spacing: 0.02em;
  padding: 15px;
  position: relative;
}
@media (max-width: 1024px) {
  .case-list li .content {
    padding: 5px 10px 10px;
  }
}
.case-list li .service-type {
  position: absolute;
  right: 15px;
  top: -15px;
}
@media (max-width: 1024px) {
  .case-list li .service-type {
    right: 10px;
    top: -12px;
  }
}
@media (max-width: 1024px) {
  .case-list li .post-date {
    font-size: 12px;
  }
}
.case-list li .post-title {
  font-size: 15px;
  line-height: 1.7;
  min-height: 6em;
  margin-bottom: 5px;
}
@media (max-width: 1024px) {
  .case-list li .post-title {
    font-size: 12px;
    line-height: 1.45;
  }
}
.case-list li .btn {
  background: #fff;
  border: 1px solid #002549;
  display: block;
  font-size: 14px;
  color: #002549;
  font-weight: normal;
  padding: 5px;
  width: 100%;
  border-radius: 20px;
}
@media (max-width: 1024px) {
  .case-list li .btn {
    font-size: 10px;
  }
}

.case-sort {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .case-sort {
    padding-bottom: 30px;
  }
}
.case-sort h3 {
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.04em;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .case-sort h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
.case-sort h3::before {
  content: "";
  height: 2px;
  background-color: #002549;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 100%;
}
.case-sort h3 .tit-bg {
  background: url("images/body_bg.jpg") repeat 0 0;
  display: inline-block;
  padding: 0 16px;
  position: relative;
  z-index: 1;
}
.case-sort h3 .tit-bg span {
  background: url("images/icon_search.svg") no-repeat 0 50%/24px 24px;
  padding: 5px 0 5px 32px;
}
@media (max-width: 767px) {
  .case-sort h3 .tit-bg span {
    background-size: 20px 20px;
    padding-left: 28px;
  }
}
.case-sort .sort-open-btn {
  display: none;
}
@media (max-width: 767px) {
  .case-sort .sort-open-btn {
    display: block;
    background-color: #c4c8cb;
    color: #fff;
    margin: 10px auto 0;
    position: relative;
    height: 40px;
    width: 220px;
    border-radius: 20px;
  }
  .case-sort .sort-open-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 9px;
    width: 14px;
    height: 14px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
  }
  .case-sort .sort-open-btn.is-open::after {
    top: 16px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-135deg);
  }
  .case-sort .form-wrap {
    display: none;
  }
}
.case-sort .form-group .form-block {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .case-sort .form-group .form-block {
    margin-bottom: 15px;
  }
}
.case-sort .form-group .form-block .form-label {
  background-position: 0 50%;
  background-repeat: no-repeat;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 5px;
}
.case-sort .form-group .form-block .form-label--type {
  background-image: url("images/icon_circle.svg");
  background-size: 14px 14px;
}
.case-sort .form-group .form-block .form-label--shop {
  background-image: url("images/icon_shop.svg");
  background-size: 15px 14px;
}
.case-sort .form-group .form-block .form-label--item {
  background-image: url("images/icon_item.svg");
  background-size: 13px 13px;
}
.case-sort .form-group .form-field .checkbox-group label {
  font-size: 16px;
  background-position: 10px 50%;
  background-size: 20px;
  padding: 8px 12px 8px 38px;
  margin: 0 8px 8px 0;
}
@media (max-width: 767px) {
  .case-sort .form-group .form-field .checkbox-group label {
    margin-bottom: 2px;
    font-size: 14px;
    margin-right: auto;
  }
}
.case-sort .form-group .form-field--type .checkbox-group label {
  letter-spacing: 0.4em;
  text-align: center;
  margin-right: 2%;
  padding-left: 28px;
  width: 32%;
}
.case-sort .form-group .form-field--type .checkbox-group label:last-child {
  margin-right: auto;
}
@media (max-width: 767px) {
  .case-sort .form-group .form-field--type .checkbox-group label {
    display: inline-block;
    letter-spacing: 0;
    margin-right: auto;
    text-align: left;
    padding-left: 38px;
    width: 100%;
    border-radius: 6px;
  }
  .case-sort .form-group .form-field--type .checkbox-group label:last-child {
    margin-right: auto;
  }
}
.case-sort .form-btns {
  text-align: center;
  margin-top: 20px;
}
.case-sort .form-btns .btn-submit {
  background-color: #fff;
  border: 2px solid #002549;
  font-size: 16px;
  padding: 10px;
  margin-bottom: 15px;
  width: 280px;
  max-width: 100%;
  -ms-box-shadow: 0 3px 0 #c2c8cc;
  box-shadow: 0 3px 0 #c2c8cc;
  border-radius: 6px;
}
.case-sort .form-btns .btn-reset {
  border: none;
  background: none;
  font-size: 14px;
  color: #636466;
}

.page-sort-result dl {
  display: table;
  width: 100%;
}
.page-sort-result dl dt {
  background-color: #002549;
  color: #fff;
  font-size: 13px;
  display: table-cell;
  line-height: 1.6;
  text-align: center;
  padding: 6px 0;
  width: 6em;
  vertical-align: middle;
  border-radius: 4px 0 0 4px;
}
.page-sort-result dl dd {
  border: 1px solid #c5c5c5;
  border-left: none;
  display: table-cell;
  font-size: 13px;
  line-height: 1.6;
  padding: 6px 12px;
  vertical-align: middle;
  border-radius: 0 4px 4px 0;
}

.case-detail .post-thumbnail {
  float: left;
  margin-bottom: 40px;
  text-align: center;
  width: 50%;
}
@media (max-width: 1024px) {
  .case-detail .post-thumbnail {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
}
.case-detail .post-data {
  float: right;
  margin-bottom: 40px;
  width: 46%;
}
@media (max-width: 1024px) {
  .case-detail .post-data {
    float: none;
    margin-bottom: 30px;
    width: 100%;
  }
}
.case-detail .post-title {
  font-size: 24px;
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .case-detail .post-title {
    font-size: 18px;
  }
}
.case-detail .post-meta {
  margin-bottom: 10px;
}
.case-detail .post-meta .post-date {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .case-detail .post-meta .post-date {
    font-size: 14px;
  }
}
.case-detail .post-meta .service-type {
  display: inline-block;
  vertical-align: middle;
}
.case-detail .shop-name {
  background: url("images/icon_shop.svg") no-repeat 0 0/15px 14px;
  font-weight: bold;
  font-size: 15px;
  padding: 0 0 0 26px;
  margin-bottom: 15px;
  line-height: 1;
}
.case-detail .shop-name a {
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .case-detail .shop-name a:hover {
    text-decoration: none;
  }
}
.case-detail .category-links {
  background: url("images/icon_item.svg") no-repeat 1px 0/13px 13px;
  font-weight: bold;
  font-size: 15px;
  padding: 0 0 0 26px;
  margin-bottom: 15px;
  line-height: 1;
}
.case-detail .category-links a {
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .case-detail .category-links a:hover {
    text-decoration: none;
  }
}
.case-detail .post-comment {
  font-size: 15px;
}
@media (max-width: 767px) {
  .case-detail .post-comment {
    font-size: 14px;
  }
}
.case-detail .post-contents {
  border: 1px solid #c5c5c5;
  background-color: #fff;
  padding: 30px 40px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .case-detail .post-contents {
    padding: 15px 20px;
  }
}

/* ==============================================
 shop
=============================================== */
.page-title .page-title-shop {
  background-image: url("images/page_title_shop.jpg");
}

.shop-list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .shop-list {
    display: block;
  }
}
.shop-list li {
  background-color: #fff;
  margin-bottom: 40px;
  margin-right: 3%;
  position: relative;
  padding-bottom: 45px;
  width: 31.333%;
}
@media (max-width: 767px) {
  .shop-list li {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-bottom: 0;
    width: 310px;
  }
}
.shop-list li:nth-child(3n) {
  margin-right: auto;
}
.shop-list li .post-thumbnail img {
  width: 100%;
}
.shop-list li .content {
  padding: 20px;
}
@media (max-width: 1024px) {
  .shop-list li .content {
    padding: 15px;
  }
}
.shop-list li .shop-name {
  font-size: 22px;
  letter-spacing: 0.02em;
  margin-bottom: 5px;
}
@media (max-width: 1024px) {
  .shop-list li .shop-name {
    font-size: 18px;
    margin-bottom: 3px;
  }
}
.shop-list li .shop-meta {
  margin-bottom: 10px;
}
.shop-list li .service-type {
  float: left;
}
.shop-list li .shop-parking {
  float: right;
}
.shop-list li .shop-parking span {
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.02em;
  background-color: #074179;
  padding: 6px 12px;
  border-radius: 15px;
}
@media (max-width: 1024px) {
  .shop-list li .shop-parking span {
    font-size: 11px;
  }
}
.shop-list li .shop-address {
  font-size: 14px;
  font-style: normal;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .shop-list li .shop-address {
    font-size: 12px;
    line-height: 1.6;
  }
}
.shop-list li .shop-phone {
  float: left;
  line-height: 1;
  width: 60%;
}
@media (max-width: 1024px) {
  .shop-list li .shop-phone {
    float: none;
    width: auto;
  }
}
@media (max-width: 767px) {
  .shop-list li .shop-phone {
    float: left;
  }
}
.shop-list li .shop-phone a {
  background: url("images/icon_telephone.svg") no-repeat 0 50%/15px 16px;
  font-size: 18px;
  padding: 2px 0 2px 22px;
}
.shop-list li .shop-map {
  float: right;
  line-height: 1;
  width: 40%;
}
@media (max-width: 1024px) {
  .shop-list li .shop-map {
    float: none;
    padding-top: 6px;
    width: auto;
  }
}
@media (max-width: 767px) {
  .shop-list li .shop-map {
    padding-top: 2px;
    float: right;
  }
}
.shop-list li .shop-map a {
  background: url("images/icon_mappin.svg") no-repeat 0 50%/12px 17px;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0 2px 18px;
}
.shop-list li .shop-date {
  border: 1px solid #002549;
  margin-top: 20px;
  position: relative;
  padding: 16px 20px 10px;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .shop-list li .shop-date {
    padding: 12px 15px 10px;
  }
}
.shop-list li .shop-date dt {
  background: #fff;
  font-size: 14px;
  letter-spacing: 0.02em;
  position: absolute;
  text-align: center;
  top: -10px;
  left: 10px;
  width: 80px;
}
@media (max-width: 1024px) {
  .shop-list li .shop-date dt {
    font-size: 12px;
    width: 60px;
  }
}
.shop-list li .shop-date dd {
  font-size: 14px;
  letter-spacing: 0.02em;
}
@media (max-width: 1024px) {
  .shop-list li .shop-date dd {
    font-size: 12px;
  }
}
.shop-list li .btn {
  background-color: #e6e9eb;
  font-size: 14px;
  color: #002549;
  font-weight: normal;
  position: absolute;
  left: 20px;
  bottom: 20px;
  padding: 10px;
  width: 100%;
  width: calc(100% - 40px);
  border-radius: 20px;
}
.shop-list li .btn:hover {
  opacity: 0.8;
}
@media (max-width: 1024px) {
  .shop-list li .btn {
    font-size: 12px;
    padding: 6px;
  }
}
@media (max-width: 767px) {
  .shop-list li .btn {
    position: static;
    left: auto;
    bottom: auto;
    width: 100%;
  }
}

.shop-archive .archive-map {
  background-color: #f6f2de;
  border: 3px solid #002549;
  padding: 30px 60px 40px;
  position: relative;
  margin-bottom: 60px;
  border-radius: 12px;
}
.shop-archive .archive-map .img {
  position: absolute;
  left: 25px;
  top: 160px;
}
.shop-archive .archive-map p {
  font-size: 46px;
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin-bottom: 50px;
}
.shop-archive .archive-map p strong {
  font-size: 80px;
}
.shop-archive .archive-map p b {
  display: inline-block;
  position: relative;
  padding: 0 50px;
}
.shop-archive .archive-map p b::before,
.shop-archive .archive-map p b::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 36px 53px;
  height: 53px;
  content: "";
  position: absolute;
  bottom: 0;
  width: 36px;
}
@media (max-width: 767px) {
  .shop-archive .archive-map p b::before,
  .shop-archive .archive-map p b::after {
    background-size: 18px 27px;
    height: 27px;
    width: 18px;
  }
}
.shop-archive .archive-map p b::before {
  left: 0;
  background-image: url("images/txt_bg01.svg");
}
.shop-archive .archive-map p b::after {
  right: 0;
  background-image: url("images/txt_bg02.svg");
}
.shop-archive .archive-map .area-map {
  position: relative;
  padding-bottom: 80px;
  text-align: center;
}
.shop-archive .archive-map .area-map dl {
  background-color: #fff;
  padding: 5px 8px 5px;
  position: absolute;
  width: 215px;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
}
.shop-archive .archive-map .area-map dl dt {
  font-size: 15px;
  margin-bottom: 3px;
  text-align: center;
  width: 100%;
}
.shop-archive .archive-map .area-map dl dd {
  font-size: 15px;
  margin-bottom: 3px;
  width: 49%;
}
.shop-archive .archive-map .area-map dl dd:nth-child(even) {
  margin-right: 2%;
}
.shop-archive .archive-map .area-map dl dd a {
  display: block;
  color: #fff;
  font-weight: bold;
  padding: 2px;
  border-radius: 3px;
}
@media (min-width: 1025px) {
  .shop-archive .archive-map .area-map dl dd a:hover {
    opacity: 0.8;
  }
}
.shop-archive .archive-map .area-map dl dd span {
  background-color: #cccccc;
  display: block;
  color: #fff;
  font-weight: bold;
  padding: 2px;
  border-radius: 3px;
}
.shop-archive .archive-map .area-map dl.list-tohoku {
  top: -20px;
  right: 0;
}
.shop-archive .archive-map .area-map dl.list-tohoku dt {
  color: #6288c5;
}
.shop-archive .archive-map .area-map dl.list-tohoku dd a {
  background-color: #6288c5;
}
.shop-archive .archive-map .area-map dl.list-kanto {
  top: 180px;
  right: 90px;
}
.shop-archive .archive-map .area-map dl.list-kanto dt {
  color: #1dade5;
}
.shop-archive .archive-map .area-map dl.list-kanto dd a {
  background-color: #1dade5;
}
.shop-archive .archive-map .area-map dl.list-chubu {
  left: 365px;
  top: 10px;
}
.shop-archive .archive-map .area-map dl.list-chubu dt {
  color: #4dbaa9;
}
.shop-archive .archive-map .area-map dl.list-chubu dd a {
  background-color: #4dbaa9;
}
.shop-archive .archive-map .area-map dl.list-kinki {
  right: 190px;
  bottom: 0;
}
.shop-archive .archive-map .area-map dl.list-kinki dt {
  color: #8cc63f;
}
.shop-archive .archive-map .area-map dl.list-kinki dd a {
  background-color: #8cc63f;
}
.shop-archive .archive-map .area-map dl.list-chugoku {
  left: 130px;
  top: 130px;
}
.shop-archive .archive-map .area-map dl.list-chugoku dt {
  color: #f29739;
}
.shop-archive .archive-map .area-map dl.list-chugoku dd a {
  background-color: #f29739;
}
.shop-archive .archive-map .area-map dl.list-shikoku {
  left: 345px;
  bottom: 20px;
}
.shop-archive .archive-map .area-map dl.list-shikoku dt {
  color: #ec6d34;
}
.shop-archive .archive-map .area-map dl.list-shikoku dd a {
  background-color: #ec6d34;
}
.shop-archive .archive-map .area-map dl.list-kyushu {
  left: 10px;
  bottom: 50px;
}
.shop-archive .archive-map .area-map dl.list-kyushu dt {
  color: #a67c52;
}
.shop-archive .archive-map .area-map dl.list-kyushu dd a {
  background-color: #a67c52;
}
.shop-archive .archive-control {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .shop-archive .archive-control {
    margin-bottom: 30px;
  }
}
.shop-archive .archive-control table {
  width: 100%;
}
.shop-archive .archive-control table td {
  line-height: 1;
  text-align: left;
  width: 50%;
}
.shop-archive .archive-control table td.left {
  padding-right: 1%;
}
.shop-archive .archive-control table td.right {
  padding-left: 1%;
}

.shop-archive .archive-control table td .shop-select-wrapper {
  background-color: #fff;
  border: 2px solid #c5c5c5;
  display: block;
  position: relative;
  line-height: 1;
  border-radius: 6px;
}
.shop-archive .archive-control table td .shop-select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 20px;
  width: 12px;
  height: 12px;
  border-top: 3px solid #002549;
  border-right: 3px solid #002549;
  transform: rotate(135deg);
}
@media (max-width: 767px) {
  .shop-archive .archive-control table td .shop-select-wrapper::after {
    margin-top: -6px;
    border-top: 2px solid #002549;
    border-right: 2px solid #002549;
    height: 8px;
    right: 12px;
    width: 8px;
  }
}
.shop-archive .archive-control table td .shop-select-wrapper select {
  border: none;
  background: none;
  font-size: 18px;
  font-weight: bold;
  padding-right: 30px;
  outline: 0;
  display: block;
  padding: 10px 20px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (max-width: 767px) {
  .shop-archive .archive-control table td .shop-select-wrapper select,
  .shop-archive .archive-control table td .shop-select-wrapper div.button {
    font-size: 13px !important;
    padding: 10px !important;
  }
}
#header .shop-detail .shop-detail-block {
  margin-bottom: 0px;
}
.shop-detail .shop-detail-block {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-block {
    margin-bottom: 40px;
  }
}
.shop-detail .block-title {
  background: url("images/heading_bg.svg") no-repeat 50% 100%/40px 3px;
  font-size: 32px;
  letter-spacing: 0.04em;
  padding-bottom: 12px;
  text-align: center;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .shop-detail .block-title {
    font-size: 20px;
    padding-bottom: 12px;
    margin-bottom: 24px;
  }
}
.shop-detail .block-contents {
  background-color: #fff;
  padding: 40px 40px;
}
@media (max-width: 767px) {
  .shop-detail .block-contents {
    padding: 20px 20px;
  }
}
.shop-detail .shop-detail-main {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-main {
    margin-bottom: 20px;
  }
}
.shop-detail .shop-detail-main .post-thumbnail {
  float: right;
  padding-top: 5px;
  text-align: center;
  width: 50%;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-main .post-thumbnail {
    float: none;
    padding-top: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
.shop-detail .shop-detail-main .post-data {
  float: left;
  width: 47%;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-main .post-data {
    float: none;
    width: 100%;
  }
}
.shop-detail .shop-detail-main .post-title {
  font-size: 32px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-main .post-title {
    font-size: 22px;
  }
}
.shop-detail .shop-detail-main .service-type {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-main .service-type {
    margin-bottom: 20px;
  }
}
.shop-detail .shop-detail-main dl {
  clear: both;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-main dl {
    margin-bottom: 10px;
  }
}
.shop-detail .shop-detail-main dl dt {
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  float: left;
  line-height: 1.6;
  padding-left: 27px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-main dl dt {
    background-size: 16px 16px;
    margin-bottom: 5px;
    padding-left: 24px;
  }
}
.shop-detail .shop-detail-main dl dt.tit-map {
  background-image: url("images/icon_mappin.svg");
  background-position: 2px 3px;
}
.shop-detail .shop-detail-main dl dt.tit-phone {
  background-image: url("images/icon_phone.svg");
}
.shop-detail .shop-detail-main dl dt.tit-time {
  background-image: url("images/icon_clock.svg");
}
.shop-detail .shop-detail-main dl dt.tit-parking {
  background-image: url("images/icon_parking.svg");
}
.shop-detail .shop-detail-main dl dd {
  line-height: 1.6;
  margin-left: 7em;
}
.shop-detail .shop-detail-area .inner {
  background-color: #fff;
}
.shop-detail .shop-detail-area .inner::after {
  content: "";
  background: url("images/bg01.jpg") repeat 0 0;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.shop-detail .shop-detail-area .box {
  padding: 30px 40px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-area .box {
    padding: 20px;
  }
}
.shop-detail .shop-detail-area h4 {
  border-left: 3px solid #002549;
  border-right: 3px solid #002549;
  font-size: 20px;
  letter-spacing: 0.04em;
  text-align: center;
  position: relative;
  margin: 0 auto 25px;
  width: 260px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-area h4 {
    font-size: 16px;
    margin-bottom: 14px;
    width: 180px;
  }
}
.shop-detail .shop-detail-area h4::before,
.shop-detail .shop-detail-area h4::after {
  content: "";
  background-color: #002549;
  height: 3px;
  position: absolute;
  left: 0;
  width: 10px;
}
.shop-detail .shop-detail-area h4::before {
  top: 0;
}
.shop-detail .shop-detail-area h4::after {
  bottom: 0;
}
.shop-detail .shop-detail-area h4 span {
  display: block;
  position: relative;
  padding: 7px;
}
.shop-detail .shop-detail-area h4 span::before,
.shop-detail .shop-detail-area h4 span::after {
  content: "";
  background-color: #002549;
  height: 3px;
  position: absolute;
  right: 0;
  width: 10px;
}
.shop-detail .shop-detail-area h4 span::before {
  top: 0;
}
.shop-detail .shop-detail-area h4 span::after {
  bottom: 0;
}
.shop-detail .shop-detail-area dl {
  display: table;
  letter-spacing: 0.04em;
  margin: auto;
  width: auto;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-area dl {
    display: block;
  }
}
.shop-detail .shop-detail-area dl dt {
  background-color: #e6e9eb;
  display: table-cell;
  font-size: 22px;
  text-align: center;
  padding: 10px 0;
  white-space: nowrap;
  width: 180px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-area dl dt {
    display: block;
    font-size: 16px;
    padding: 5px;
    margin-bottom: 10px;
    width: auto;
  }
}
.shop-detail .shop-detail-area dl dd {
  display: table-cell;
  padding-left: 30px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-area dl dd {
    display: block;
    padding: 0;
    width: auto;
  }
}

.shop-detail .shop-detail-service h1 {
  text-align: center;
}

.shop-detail .shop-detail-service .box1 {
  padding: 20px 25px 10px;
  position: relative;
  z-index: 1;
  background: #fff;
  text-align: center;
  margin: 20px 0;
}
.shop-detail .shop-detail-service .box1 .ac {
  margin: 20px 0 10px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-service .box1 .pc {
    display: none;
  }
}

.shop-detail .shop-detail-service .kaishu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.shop-detail .shop-detail-service .kaishu .flex_item {
  margin: 0 2%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-service .kaishu .flex_item {
    margin: 2% 7%;
    width: 35%;
  }
}
.shop-detail .shop-detail-service .kaishu .flex_item li {
  list-style: none;
}

.shop-detail .shop-detail-service .box2 {
  padding: 30px 1vw;
  position: relative;
  z-index: 1;
  background: #fff;
  text-align: center;
  margin: 20px 0;
  width: 47%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-service .box2 {
    width: 100%;
  }
}
.shop-detail .shop-detail-service .box3 {
  padding: 30px 1vw;
  position: relative;
  z-index: 1;
  background: #fff;
  text-align: center;
  margin: 20px 0;
  width: 47%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-service .box3 {
    width: 100%;
  }
}

.shop-detail .shop-detail-service .bigbox {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-service .bigbox {
    display: block;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-service .bigbox .box2 .pc {
    display: none;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-service .box {
    padding: 20px;
  }
}
.shop-detail .shop-detail-service .box1 h4 {
  width: 500px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-service .box1 h4 {
    width: 100%;
  }
}

.shop-detail .shop-detail-service h4 {
  border-left: 3px solid #002549;
  border-right: 3px solid #002549;
  font-size: 20px;
  letter-spacing: 0.04em;
  text-align: center;
  position: relative;
  margin: 0 auto 25px;
  width: 260px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-service h4 {
    font-size: 16px;
    margin-bottom: 14px;
    width: 70%;
  }
}
.shop-detail .shop-detail-service h4::before,
.shop-detail .shop-detail-service h4::after {
  content: "";
  background-color: #002549;
  height: 3px;
  position: absolute;
  left: 0;
  width: 10px;
}
.shop-detail .shop-detail-service h4::before {
  top: 0;
}
.shop-detail .shop-detail-service h4::after {
  bottom: 0;
}
.shop-detail .shop-detail-service h4 span {
  display: block;
  position: relative;
  padding: 7px;
}
.shop-detail .shop-detail-service h4 span::before,
.shop-detail .shop-detail-service h4 span::after {
  content: "";
  background-color: #002549;
  height: 3px;
  position: absolute;
  right: 0;
  width: 10px;
}
.shop-detail .shop-detail-service h4 span::before {
  top: 0;
}
.shop-detail .shop-detail-service h4 span::after {
  bottom: 0;
}
.shop-detail .shop-detail-service p {
  margin: 10px 0;
}

.shop-detail .shop-detail-service .kakomi {
  border: solid 2px #122c50;
  padding: 4px 12px;
  border-radius: 80px;
  text-align: center;
  display: inline-block;
  margin-top: 2rem;
  width: 180px;
  margin: 10px 0;
  font-weight: bold;
}

.shop-detail .shop-detail-service .nedan {
  /* display: flex;
  flex-direction: column; */
  display: -webkit-inline-box;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-service .nedan {
    display: block;
  }
}

.shop-detail .shop-detail-service .nedan .half1 {
  /* display: -webkit-inline-box; */
}

.shop-detail .shop-detail-service .nedan .size1 {
  /* order: 1; */
  margin: 12px;
}
.shop-detail .shop-detail-service .nedan .size2 {
  /* order: 2; */
  margin: 12px;
}
.shop-detail .shop-detail-service .nedan .size3 {
  /* order: 3; */
  margin: 12px;
}

.shop-detail .shop-detail-contact {
  background: #fac904;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fac904 0%, #fae426 50%, #fac904 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fac904", endColorstr="#fac904",GradientType=1 );
  /* IE6-9 */
  text-align: center;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-contact {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* background: url(https://renkindo.com/wp-content/themes/renkindo_cms_v1/images/contact_img_sp.png) 2% 100% no-repeat, linear-gradient(to right, #fac904 0%, #fae426 50%, #fac904 100%); */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}
.shop-detail .shop-detail-contact .inner {
  padding-top: 50px;
  padding-bottom: 35px;
  padding-left: 0px;
  padding-right: 0px;
}
/* @media (max-width: 1024px) {
  .shop-detail .shop-detail-contact .inner {
    padding-left: 140px;
  }
} */
@media (max-width: 767px) {
  .shop-detail .shop-detail-contact .inner {
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}
.shop-detail .shop-detail-contact .contact-img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 170px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-contact .contact-img {
    display: none;
  }
}
.shop-detail .shop-detail-contact p {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.04em;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-contact p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 10px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .top .shop-detail .shop-detail-contact p {
    font-size: 4vw;
  }
}
.shop-detail .shop-detail-contact .contact-inner {
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-contact .contact-inner {
    display: block;
  }
}
.shop-detail .shop-detail-contact .flex {
  margin: 0 auto;
  align-items: center;
  width: auto;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-contact .flex {
    display: block;
  }
}
.shop-detail .shop-detail-contact .tel {
  border-right: 0px solid #002549;
  padding-right: 46px;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-contact .tel {
    border-right: none;
    display: block;
    padding-right: 0;
  }
}
.shop-detail .shop-detail-contact .tel .tel-phone {
  line-height: 0.8;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-contact .tel .tel-phone {
    margin-bottom: 13px;
  }
  .shop-detail .shop-detail-contact .tel .tel-phone .phone-link {
    display: block;
    background: #0b59a5 url("images/icon_tap.svg") no-repeat right 10px top 50%/30px
      23px;
    color: #fff;
    font-size: 28px;
    letter-spacing: 0.04em;
    padding: 16px 40px;
    border-radius: 4px;
    -ms-box-shadow: 0 3px 0 #074179;
    box-shadow: 0 3px 0 #074179;
  }
  .shop-detail .shop-detail-contact .tel .tel-phone .phone-link small {
    font-size: 18px;
  }
}
@media (max-width: 340px) {
  .shop-detail .shop-detail-contact .tel .tel-phone .phone-link {
    padding-left: 10px;
  }
}
.shop-detail .shop-detail-contact .tel .tel-phone .phone-number {
  background: url("images/icon_phone.svg") no-repeat 0 60%/38px 38px;
  line-height: 0.8;
  font-size: 62px;
  padding-left: 50px;
  white-space: nowrap;
}
.shop-detail .shop-detail-contact .tel time {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  display: block;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-contact .tel time {
    font-size: 4vw;
    margin-top: 0px;
    margin-bottom: 14px;
  }
}
.shop-detail .shop-detail-contact .form-btn {
  padding-left: 0px;
  margin: 0;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-contact .form-btn {
    display: block;
    padding-left: 0;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-contact .form-btn {
    margin-top: 0;
  }
}
.shop-detail .shop-detail-contact .form-btn .btn {
  background-color: #f6624b;
  color: #fff;
  margin: 0;
  padding: 16px;
  width: 280px;
  border-radius: 4px;
}
.shop-detail .shop-detail-contact .form-btn .btn span {
  background: url("images/icon_mail.svg") no-repeat 0 50%/22px 15px;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-contact .form-btn .btn {
    width: 240px;
  }
}
@media (min-width: 768px) {
  .shop-detail .shop-detail-contact .sp-contact {
    display: none;
  }
}

.shop-detail .shop-detail-contact .hidari {
  position: absolute;
  left: -30%;
  bottom: 0px;
  width: 40%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-contact .hidari {
    display: none;
  }
}

.shop-detail .shop-detail-contact .migi {
  position: absolute;
  right: -30%;
  bottom: 0px;
  width: 40%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-contact .migi {
    display: none;
  }
}
.shop-detail .shop-detail-access {
  background-color: #fff;
  padding-top: 60px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-access {
    padding-top: 40px;
  }
}
.shop-detail .shop-detail-access p {
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-access p {
    margin-bottom: 24px;
  }
}
.shop-detail .shop-detail-access .btn-ggmap {
  background-color: #122c50;
  color: #fff;
  padding: 8px 12px;
  border-radius: 80px;
  text-align: center;
  display: inline-block;
  margin-top: 2rem;
}
.shop-detail .shop-detail-access .gmap .ggmap {
  position: relative;
  height: 400px;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-access .gmap .ggmap {
    height: 280px;
  }
}
.shop-detail .shop-detail-access .gmap .ggmap iframe,
.shop-detail .shop-detail-access .gmap .ggmap object,
.shop-detail .shop-detail-access .gmap .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shop-detail .shop-detail-items .inner {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-items .inner {
    padding: 40px 0;
  }
}
.shop-detail .shop-detail-items h2 {
  position: relative;
  z-index: 1;
}
.shop-detail .shop-detail-items ul {
  position: relative;
  z-index: 1;
}
.shop-detail .shop-detail-items .img01,
.shop-detail .shop-detail-items .img02 {
  position: absolute;
}
.shop-detail .shop-detail-items .img01 {
  left: -30px;
  top: -30px;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-items .img01 {
    top: -10px;
    width: 120px;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-items .img01 {
    top: -5px;
    left: -40px;
    width: 100px;
  }
}
.shop-detail .shop-detail-items .img02 {
  top: -10px;
  right: -80px;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-items .img02 {
    right: -40px;
    top: -10px;
    width: 160px;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-items .img02 {
    top: 0px;
    right: -52px;
    width: 130px;
  }
}
.shop-detail .shop-detail-items ul {
  display: flex;
  flex-wrap: wrap;
}
.shop-detail .shop-detail-items ul li {
  margin-right: 1%;
  margin-bottom: 10px;
  width: 13.428%;
}
.shop-detail .shop-detail-items ul li:nth-child(7n) {
  margin-right: auto;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-items ul li {
    margin-bottom: 5px;
    margin-right: 2%;
    width: 32%;
  }
  .shop-detail .shop-detail-items ul li:nth-child(7n) {
    margin-right: 2%;
  }
  .shop-detail .shop-detail-items ul li:nth-child(3n) {
    margin-right: auto;
  }
}
.shop-detail .shop-detail-items ul li img {
  width: 100%;
}
.shop-detail .shop-detail-items ul li a {
  background: #fff;
  font-size: 13px;
  display: block;
  padding: 5px 5px 0;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-items ul li a {
    font-size: 10px;
  }
}
.shop-detail .shop-detail-items ul li .post-title {
  height: 3.5em;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shop-detail .shop-detail-trouble {
  padding-top: 0;
}
.shop-detail .shop-detail-trouble .heading {
  background: url("images/top_trouble_bg.jpg") no-repeat 50% 50% / cover;
  padding-top: 75px;
  padding-bottom: 140px;
  text-align: center;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .heading {
    padding: 50px 0 70px;
  }
  .shop-detail .shop-detail-trouble .heading img {
    width: 300px;
  }
}
.shop-detail .shop-detail-trouble .content {
  margin-top: -75px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .content {
    margin-top: -40px;
  }
}
.shop-detail .shop-detail-trouble .content ul {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .content ul {
    display: block;
    margin-bottom: 40px;
  }
}
.shop-detail .shop-detail-trouble .content ul li {
  background-color: #fff;
  margin-right: 3%;
  width: 31.333%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .content ul li {
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 310px;
    width: auto;
  }
}
.shop-detail .shop-detail-trouble .content ul li:nth-child(3n) {
  margin-right: auto;
}
.shop-detail .shop-detail-trouble .content ul li h3 {
  color: #fff;
  background: #002549;
  text-align: center;
  padding: 8px 0 12px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .content ul li h3 img {
    height: 21px;
    width: auto;
  }
}
.shop-detail .shop-detail-trouble .content ul li p {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.7;
  text-align: center;
  padding: 20px;
  margin: 0;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-trouble .content ul li p {
    font-size: 14px;
    padding: 12px;
  }
}
.shop-detail .shop-detail-trouble .mes {
  background: url("images/top_trouble_mes_bg.svg") no-repeat 50% 100%/1110px
    440px;
  margin-top: 40px;
  padding-top: 46px;
  position: relative;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .mes {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 0;
    padding-top: 26px;
  }
}
.shop-detail .shop-detail-trouble .mes > img {
  position: absolute;
  left: 70px;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-trouble .mes > img {
    left: 30px;
    width: 200px;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .mes > img {
    bottom: auto;
    top: 30px;
    left: -5px;
    width: 110px;
  }
}
.shop-detail .shop-detail-trouble .mes h3 {
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .mes h3 {
    margin-bottom: 16px;
  }
}
.shop-detail .shop-detail-trouble .mes .mes-content {
  padding-left: 360px;
  padding-right: 60px;
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-trouble .mes .mes-content {
    padding-right: 30px;
    padding-left: 260px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .mes .mes-content {
    padding-right: 0;
    padding-left: 0;
  }
}
.shop-detail .shop-detail-trouble .mes p {
  font-size: 18px;
  letter-spacing: 0.04em;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-trouble .mes p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .mes p {
    font-size: 12px;
    line-height: 1.7;
    padding-right: 10px;
    padding-left: 130px;
    margin-bottom: 20px;
  }
}
.shop-detail .shop-detail-trouble .mes .btn {
  background: #fff url("images/arrow02.svg") no-repeat right 20px top 50%/17px
    14px;
  font-size: 20px;
  display: block;
  padding: 18px;
  letter-spacing: 0.04em;
  -ms-box-shadow: 0 5px 0 #a8adb0;
  box-shadow: 0 5px 0 #a8adb0;
  border-radius: 40px;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-trouble .mes .btn {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-trouble .mes .btn {
    margin: 0 auto;
    padding: 12px;
    max-width: 310px;
    width: auto;
  }
}
.shop-detail .shop-detail-message {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.shop-detail .shop-detail-message .container::after {
  content: "";
  background-color: rgba(28, 31, 33, 0.8);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.shop-detail .shop-detail-message .inner {
  color: #fff;
  padding: 80px 0 60px;
  text-align: center;
  z-index: 1;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-message .inner {
    padding: 40px 0 30px;
  }
}
.shop-detail .shop-detail-message p {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-message p {
    font-size: 13px;
  }
}
.shop-detail .shop-detail-message .large {
  font-size: 26px;
  line-height: 1.6;
}
.shop-detail .shop-detail-message .large strong {
  font-size: 44px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-message .large {
    font-size: 18px;
  }
  .shop-detail .shop-detail-message .large strong {
    font-size: 22px;
  }
}
.shop-detail .shop-detail-info .block-contents {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-info .block-contents {
    padding: 0;
    margin-bottom: 15px;
  }
}
.shop-detail .shop-detail-info p {
  margin-bottom: 0;
  font-size: 15px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-info p {
    font-size: 14px;
    padding: 20px;
  }
}
.shop-detail .shop-detail-info .cf .img {
  text-align: center;
  padding: 5px 0;
  float: right;
  width: 32%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-info .cf .img {
    float: none;
    padding: 0;
    width: 100%;
  }
}
.shop-detail .shop-detail-info .cf p {
  float: left;
  width: 64%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-info .cf p {
    float: none;
    width: 100%;
  }
}
.shop-detail .shop-detail-recruit .block-contents {
  text-align: center;
}
.shop-detail .shop-detail-recruit .recruit-contact {
  border: 2px solid #002549;
  margin-top: 30px;
  display: table;
  width: 100%;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-recruit .recruit-contact {
    display: block;
    margin-top: 15px;
  }
}
.shop-detail .shop-detail-recruit .recruit-contact p {
  display: table-cell;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6;
  background-color: #002549;
  color: #fff;
  padding: 20px;
  margin-bottom: 0;
  width: 300px;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-recruit .recruit-contact p {
    display: block;
    font-size: 14px;
    padding: 10px;
    width: 100%;
  }
}
.shop-detail .shop-detail-recruit .recruit-contact .contact-inner {
  display: table-cell;
  padding: 20px 30px;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-recruit .recruit-contact .contact-inner {
    display: block;
    padding: 15px;
    width: 100%;
  }
}
.shop-detail .shop-detail-recruit .recruit-contact .contact-inner .flex {
  align-items: center;
  margin: 0 auto;
  width: auto;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-recruit .recruit-contact .contact-inner .flex {
    display: block;
  }
}
.shop-detail .shop-detail-recruit .recruit-contact .contact-inner .tel {
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-recruit .recruit-contact .contact-inner .tel {
    display: block;
    padding-right: 0;
  }
}
.shop-detail
  .shop-detail-recruit
  .recruit-contact
  .contact-inner
  .tel
  .tel-phone {
  line-height: 1;
}
@media (max-width: 767px) {
  .shop-detail
    .shop-detail-recruit
    .recruit-contact
    .contact-inner
    .tel
    .tel-phone {
    margin-bottom: 10px;
  }
  .shop-detail
    .shop-detail-recruit
    .recruit-contact
    .contact-inner
    .tel
    .tel-phone
    .phone-link {
    display: block;
    background: #0b59a5;
    color: #fff;
    font-size: 28px;
    letter-spacing: 0.04em;
    padding: 16px 10px;
    border-radius: 4px;
    -ms-box-shadow: 0 3px 0 #074179;
    box-shadow: 0 3px 0 #074179;
  }
  .shop-detail
    .shop-detail-recruit
    .recruit-contact
    .contact-inner
    .tel
    .tel-phone
    .phone-link
    small {
    font-size: 18px;
  }
}
@media (max-width: 340px) {
  .shop-detail
    .shop-detail-recruit
    .recruit-contact
    .contact-inner
    .tel
    .tel-phone
    .phone-link {
    font-size: 24px;
  }
  .shop-detail
    .shop-detail-recruit
    .recruit-contact
    .contact-inner
    .tel
    .tel-phone
    .phone-link
    small {
    font-size: 16px;
  }
}
.shop-detail
  .shop-detail-recruit
  .recruit-contact
  .contact-inner
  .tel
  .tel-phone
  .phone-number {
  background: url("images/icon_phone.svg") no-repeat 0 60%/33px 33px;
  line-height: 1;
  font-size: 50px;
  padding-left: 43px;
  white-space: nowrap;
}
.shop-detail .shop-detail-recruit .recruit-contact .contact-inner .tel time {
  font-size: 14px;
  display: block;
  font-weight: bold;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-recruit .recruit-contact .contact-inner .tel time {
    font-size: 3.2vw;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
.shop-detail .shop-detail-recruit .recruit-contact .contact-inner .form-btn {
  padding-left: 30px;
  margin: 0;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-recruit .recruit-contact .contact-inner .form-btn {
    border-left: none;
    display: block;
    margin-top: 10px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-recruit .recruit-contact .contact-inner .form-btn {
    margin-top: 0;
  }
}
.shop-detail
  .shop-detail-recruit
  .recruit-contact
  .contact-inner
  .form-btn
  .btn {
  background-color: #f6624b;
  color: #fff;
  margin: 0;
  padding: 16px;
  width: 280px;
  border-radius: 4px;
}
.shop-detail
  .shop-detail-recruit
  .recruit-contact
  .contact-inner
  .form-btn
  .btn
  span {
  background: url("images/icon_mail.svg") no-repeat 0 50%/22px 15px;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .shop-detail
    .shop-detail-recruit
    .recruit-contact
    .contact-inner
    .form-btn
    .btn {
    width: 240px;
  }
}
.shop-detail .shop-detail-first {
  padding-top: 0;
}
.shop-detail .shop-detail-first h2 {
  background-color: #074179;
  text-align: center;
  padding: 20px 12px 15px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-first h2 {
    padding: 8px 12px 8px;
  }
}
.shop-detail .shop-detail-first .content {
  background: url("images/trouble_bg.jpg") repeat 0 0;
  padding: 80px 0;
  position: relative;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-first .content {
    padding: 30px 0;
  }
}
.shop-detail .shop-detail-first .content::before {
  content: "";
  border-style: solid;
  border-width: 50px 100px 0 100px;
  border-color: #074179 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: -1px;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-first .content::before {
    border-width: 18px 30px 0 30px;
    margin-left: -30px;
  }
}
.shop-detail .shop-detail-first ul {
  margin-bottom: 20px;
  padding: 0 13%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-first ul {
    padding: 0;
    margin-bottom: 10px;
  }
}
.shop-detail .shop-detail-first ul li {
  margin-bottom: 40px;
  margin-right: 5%;
  width: 30%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-first ul li {
    margin-right: 2%;
    margin-bottom: 20px;
    width: 32%;
  }
}
.shop-detail .shop-detail-first ul li:nth-child(3n) {
  margin-right: auto;
}
.shop-detail .shop-detail-first .ta-center {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-first .ta-center {
    margin-bottom: 0;
  }
  .shop-detail .shop-detail-first .ta-center img {
    width: 320px;
  }
}
.shop-detail .shop-detail-customer {
  background-color: #074179;
  color: #fff;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-customer .flex {
    display: block;
  }
}
.shop-detail .shop-detail-customer .img {
  padding-top: 20px;
  margin-right: auto;
  width: 55%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-customer .img {
    text-align: center;
    width: 100%;
  }
  .shop-detail .shop-detail-customer .img img {
    width: 320px;
  }
}
.shop-detail .shop-detail-customer .txt {
  padding: 50px 0 60px;
  margin-left: auto;
  width: 45%;
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-customer .txt {
    padding: 20px 0 30px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-customer .txt .large {
    padding: 0 20px;
  }
  .shop-detail .shop-detail-customer .txt .large img {
    width: 70vw;
  }
}
.shop-detail .shop-detail-customer .txt p {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 26px;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-customer .txt p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-customer .txt p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 16px;
  }
}
.shop-detail .shop-detail-customer .txt .btn {
  color: #074179;
  background: #fff url("images/arrow03.svg") no-repeat right 20px top 50%/17px
    14px;
  border: 2px solid #002549;
  font-size: 20px;
  display: block;
  padding: 18px;
  margin: 0;
  letter-spacing: 0.04em;
  width: 400px;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .shop-detail .shop-detail-customer .txt .btn {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-customer .txt .btn {
    margin: auto;
    width: 310px;
  }
}

.shop-billboard {
  background-color: #e6e9eb;
  margin-top: -80px;
}
.shop-billboard .shop-billboard-inner {
  left: 50%;
  top: 0;
  height: 600px;
  margin-left: -1185px;
  width: 2370px;
  position: relative;
}
@media (max-width: 767px) {
  .shop-billboard .shop-billboard-inner {
    left: auto;
    top: auto;
    height: auto;
    margin-left: auto;
    width: auto;
  }
}
.shop-billboard ul {
  display: flex;
}
@media (max-width: 767px) {
  .shop-billboard ul {
    display: block;
  }
}
.shop-billboard ul li {
  width: 33.333%;
}
@media (max-width: 767px) {
  .shop-billboard ul li {
    width: 100%;
  }
}
.shop-billboard .shop-billboard-main {
  position: relative;
}
@media (max-width: 767px) {
  .shop-billboard .shop-billboard-main {
    left: auto;
    top: auto;
    width: auto;
    margin-left: -4vw;
    margin-right: -4vw;
  }
}
.shop-billboard .shop-billboard-main .shop-name {
  font-size: 32px;
  line-height: 1.45;
  position: absolute;
  top: 395px;
  left: auto;
  margin: 0 auto;
  padding: 0 160px;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .shop-billboard .shop-billboard-main .shop-name {
    font-size: 4.6vw;
    top: auto;
    bottom: 13%;
    padding: 5vw;
  }
}
.shop-billboard .shop-billboard-main .shop-name small {
  font-size: 20px;
}
@media (max-width: 767px) {
  .shop-billboard .shop-billboard-main .shop-name small {
    font-size: 14px;
  }
}
.shop-billboard .shop-billboard-main .shop-name small span {
  font-size: 135%;
}
.shop-billboard .shop-billboard-items {
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -450px;
  z-index: 2;
}
@media (max-width: 767px) {
  .shop-billboard .shop-billboard-items {
    bottom: -5px;
    left: auto;
    margin-left: 0;
    width: 100%;
  }
}
.shop-billboard .shop-billboard-catch {
  background: url("images/top_cacth_bg_pc.jpg") no-repeat 50% 50% / cover;
  padding: 34px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .shop-billboard .shop-billboard-catch {
    background-image: url("images/top_cacth_bg_sp.jpg");
    padding: 20px 0 20px;
  }
}
.shop-billboard .shop-billboard-catch p {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 767px) {
  .shop-billboard .shop-billboard-catch p {
    font-size: 16px;
  }
}

.service-type {
  overflow: visible;
}
.service-type span {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.02em;
  padding: 5px 12px;
  margin-right: 1px;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .service-type span {
    font-size: 11px;
    padding: 5px 10px;
  }
}
.service-type .type-kaitori {
  background-color: #d2a816;
}
.service-type .type-buy {
  background-color: #57bb99;
}
.service-type .type-trip {
  background-color: #074179;
}
.service-type .type-fishing {
  background-color: #eb1d38;
}
.service-type .type-iphone {
  background-color: #002549;
}

/* ==============================================
 entre
=============================================== */
.page-id-875 .flex,
.page-id-15009 .flex {
  justify-content: space-between;
}

.page-id-875 .sp,
.page-id-15009 .sp {
  display: none;
}

.page-id-875 .img,
.page-id-15009 .img {
  text-align: center;
}

.page-id-875 .page-title .container,
.page-id-15009 .page-title .container {
  background-image: url("images/entre_page_title_bg.jpg");
  padding: 0;
}

.page-id-875 .breadcrumbs,
.page-id-15009 .breadcrumbs {
  display: none;
}

.page-id-875 .horizontal-line,
.page-id-15009 .horizontal-line {
  overflow: hidden;
  text-align: center;
}

.page-id-875 .horizontal-line span,
.page-id-15009 .horizontal-line span {
  display: inline-block;
  padding: 0 0.5em;
  position: relative;
  font-weight: bold;
}

.page-id-875 .horizontal-line span:before,
.page-id-15009 .horizontal-line span:before,
.page-id-875 .horizontal-line span:after,
.page-id-15009 .horizontal-line span:after {
  border-top: 1px solid;
  content: "";
  position: absolute;
  top: 50%;
  width: 99em;
}

.page-id-875 .horizontal-line span:before,
.page-id-15009 .horizontal-line span:before {
  right: 100%;
}

.page-id-875 .horizontal-line span:after,
.page-id-15009 .horizontal-line span:after {
  left: 100%;
}

@media (max-width: 767px) {
  .page-id-875 .flex,
  .page-id-15009 .flex {
    flex-wrap: wrap;
  }

  .page-id-875 .pc,
  .page-id-15009 .pc {
    display: none;
  }

  .page-id-875 .sp,
  .page-id-15009 .sp {
    display: block;
  }
}
#entre-first .heading {
  background-color: #074179;
  text-align: center;
  padding: 30px;
}

#entre-first .heading h3 {
  color: #fff;
  font-size: 36px;
  letter-spacing: 2px;
}

#entre-first .content {
  position: relative;
  background-image: url(images/entre-first_bg01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#entre-first .content .container .inner {
  text-align: center;
  padding: 80px 0 40px;
}

#entre-first .content::before {
  content: "";
  border-style: solid;
  border-width: 50px 100px 0 100px;
  border-color: #074179 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: -1px;
}

#entre-first .content2 {
  background: #f1e8d6;
  padding: 60px 0;
}
#entre-first .content2 p {
  text-align: center;
}

@media (max-width: 767px) {
  #entre-first .heading {
    padding: 14px 0;
  }

  #entre-first .heading h3 {
    font-size: 24px;
  }

  #entre-first .content .container .inner {
    padding: 60px 0 30px;
  }

  #entre-first .content2 {
    padding: 30px 0;
  }

  #entre-first .content::before {
    border-width: 18px 30px 0 30px;
    margin-left: -30px;
  }
}
@media (max-width: 414px) {
  #entre-first .content .container .inner {
    padding: 40px 0 20px;
  }
}
@media (max-width: 320px) {
  #entre-first .heading h3 {
    font-size: 20px;
  }
}
#entre-sec02 .issue {
  padding-bottom: 100px;
}

#entre-sec02 .issue h3 {
  font-size: 42px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  background: #074179;
  padding: 20px 10px;
  margin-bottom: 30px;
}

#entre-sec02 .issue .flex {
  justify-content: space-around;
  position: relative;
}

#entre-sec02 .issue .flex .item {
  width: 40%;
}

#entre-sec02 .issue .flex .item h4 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

#entre-sec02 .issue .flex .item ul {
  border: 1px solid #002549;
  padding: 20px;
}

#entre-sec02 .issue .flex .item ul li {
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
}

#entre-sec02 .issue .flex .item ul li:last-child {
  margin-bottom: 0;
}

#entre-sec02 .issue .flex::after {
  content: "";
  display: block;
  width: 368px;
  height: 55px;
  background-image: url(images/entre-sec02_arrow01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -100px;
  left: 50%;
  margin-left: -184px;
}

#entre-sec02 .solution {
  padding: 100px 10px;
  background-color: #eef0f0;
  background-image: url(images/entre-sec02_bg02.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

#entre-sec02 .solution h3 {
  text-align: center;
  margin-bottom: 60px;
}

#entre-sec02 .solution ul {
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

#entre-sec02 .solution ul li {
  width: 40%;
  background: #fff;
  border-top: 7px solid #002549;
  padding: 20px;
  margin-bottom: 20px;
}

#entre-sec02 .solution ul li h4 {
  color: #002549;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

#entre-sec02 .solution .btmtxt {
  font-size: 48px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
}

@media (max-width: 1000px) {
  #entre-sec02 .issue .flex .item {
    width: 49%;
  }

  #entre-sec02 .solution {
    padding-bottom: 30px;
  }

  #entre-sec02 .solution ul li {
    width: 49%;
  }
}
@media (max-width: 767px) {
  #entre-sec02 .issue {
    padding-bottom: 60px;
  }

  #entre-sec02 .issue h3 {
    font-size: 28px;
  }

  #entre-sec02 .issue .flex .item h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  #entre-sec02 .issue .flex .item ul {
    padding: 10px;
  }

  #entre-sec02 .issue .flex .item ul li {
    padding: 10px;
    margin-bottom: 10px;
  }

  #entre-sec02 .issue .flex::after {
    width: 180px;
    height: 27px;
    bottom: -60px;
    margin-left: -90px;
  }

  #entre-sec02 .solution {
    background: none;
    background: rgb(239, 190, 20);
    background: linear-gradient(
      90deg,
      rgb(239, 190, 20) 0%,
      rgb(251, 231, 73) 50%,
      rgb(239, 190, 20) 100%
    );
    padding: 30px 10px;
    margin-top: 30px;
  }

  #entre-sec02 .solution ul {
    margin-bottom: 0;
  }

  #entre-sec02 .solution ul li {
    padding: 10px;
  }

  #entre-sec02 .solution ul li h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }

  #entre-sec02 .solution .btmtxt {
    font-size: 30px;
    margin-bottom: 20px;
  }

  #entre-sec02 .solution .btmimg {
    text-align: center;
    margin-bottom: 0;
  }
}
@media (max-width: 414px) {
  #entre-sec02 .issue h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  #entre-sec02 .issue .flex .item {
    width: 100%;
  }

  #entre-sec02 .issue .flex .item:last-child {
    margin-top: 20px;
  }

  #entre-sec02 .solution ul li {
    width: 100%;
  }
}
@media (max-width: 320px) {
  #entre-sec02 .issue h3 {
    font-size: 20px;
  }

  #entre-sec02 .solution .btmtxt {
    font-size: 24px;
  }
}
.entre-contact {
  background: rgb(7, 65, 121);
  background: linear-gradient(
    90deg,
    rgb(7, 65, 121) 0%,
    rgb(62, 124, 184) 50%,
    rgb(7, 65, 121) 100%
  );
  padding: 40px 0;
  text-align: center;
  color: #fff;
}

.entre-contact h3 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 2px;
}

.entre-contact .entre-btn a {
  display: inline-block;
  position: relative;
  border-radius: 10px;
  background: #fa5454;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 10px 60px 10px 100px;
  box-shadow: 0px 3px 0px 0px #a23c3c;
}

.entre-contact .entre-btn a:hover {
  opacity: 0.8;
}

.entre-contact .entre-btn a::before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url(images/entre-contact_icon01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -16px;
}

@media (max-width: 767px) {
  .entre-contact h3 {
    font-size: 20px;
  }

  .entre-contact .entre-btn a {
    padding: 10px 30px 10px 70px;
  }
}
#entre-sec03 {
  padding: 40px 0;
}

#entre-sec03 h3 {
  text-align: center;
  margin-bottom: 10px;
}

#entre-sec03 h3 + p {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}

#entre-sec03 .flex1 {
  align-items: center;
  margin-bottom: 40px;
}

#entre-sec03 .flex1 .img {
  width: 41%;
}

#entre-sec03 .flex1 .txtarea {
  width: 57%;
}

#entre-sec03 .flex1 h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

#entre-sec03 .point {
  margin-bottom: 30px;
}

#entre-sec03 .point:last-child {
  margin-bottom: 0;
}

#entre-sec03 .point .txtarea {
  width: 59%;
}

#entre-sec03 .point .img {
  width: 39%;
}

#entre-sec03 .point .txtarea h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

#entre-sec03 .bottom .item {
  width: 50%;
}

#entre-sec03 .bottom .imgarea {
  background-image: url(images/entre-sec03_bg01.jpg);
  background-position: center 10%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#entre-sec03 .bottom .imgarea p {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #002549;
  padding: 10px 20px;
  color: #fff;
  font-weight: bold;
}

#entre-sec03 .bottom .txtarea {
  padding: 60px 10% 60px 20px;
}

#entre-sec03 .bottom .txtarea h4 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media (max-width: 1000px) {
  #entre-sec03 .bottom {
    flex-wrap: wrap;
  }

  #entre-sec03 .bottom .item {
    width: 100%;
  }

  #entre-sec03 .bottom .imgarea {
    height: 400px;
    background-position: center top;
  }

  #entre-sec03 .bottom .txtarea {
    padding: 20px 10px;
  }
}
@media (max-width: 767px) {
  #entre-sec03 {
    padding: 30px 0;
  }

  #entre-sec03 h3 + p {
    font-size: 18px;
  }

  #entre-sec03 .flex1 .item {
    width: 100%;
  }

  #entre-sec03 .flex1 h4 {
    font-size: 16px;
  }

  #entre-sec03 .point {
    margin-bottom: 20px;
  }

  #entre-sec03 .point .item {
    width: 100%;
  }

  #entre-sec03 .point .txtarea {
    order: 1;
  }

  #entre-sec03 .point .txtarea h4 {
    font-size: 16px;
  }

  #entre-sec03 .bottom .imgarea {
    height: 300px;
  }

  #entre-sec03 .bottom .txtarea h4 {
    font-size: 18px;
  }
}
@media (max-width: 414px) {
  #entre-sec03 .bottom .imgarea {
    height: 200px;
  }
}
@media (max-width: 320px) {
  #entre-sec03 h3 + p {
    font-size: 16px;
  }

  #entre-sec03 .bottom .txtarea h4 {
    font-size: 16px;
  }
}
#entre-sec04 {
  padding: 40px 0;
}

#entre-sec04 h3 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 30px;
}

.page-id-875 #entre-sec04 h3.horizontal-line span::befor,
.page-id-15009 #entre-sec04 h3.horizontal-line span::beforee,
.page-id-875 #entre-sec04 h3.horizontal-line span::after,
.page-id-15009 #entre-sec04 h3.horizontal-line span::after {
  border-top: 5px solid;
}

#entre-sec04 .box {
  margin-bottom: 30px;
  width: 930px;
  margin-right: auto;
  margin-left: auto;
  background: #f1e8d6;
}

#entre-sec04 .box:last-child {
  margin-bottom: 0;
}

#entre-sec04 .box .txtarea {
  width: 700px;
  position: relative;
  padding: 20px 20px 20px 160px;
}

#entre-sec04 .box .txtarea::before {
  content: "";
  width: 202px;
  height: 202px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: -60px;
  margin-top: -101px;
}

#entre-sec04 .box1 .txtarea::before {
  background-image: url(images/entre-sec04_icon01.png);
}

#entre-sec04 .box2 .txtarea::before {
  background-image: url(images/entre-sec04_icon02.png);
}

#entre-sec04 .box3 .txtarea::before {
  background-image: url(images/entre-sec04_icon03.png);
}

#entre-sec04 .box4 .txtarea::before {
  background-image: url(images/entre-sec04_icon04.png);
}

#entre-sec04 .box5 .txtarea::before {
  background-image: url(images/entre-sec04_icon05.png);
}

#entre-sec04 .box6 .txtarea::before {
  background-image: url(images/entre-sec04_icon06.png);
}

#entre-sec04 .box .txtarea h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

#entre-sec04 .box .imgarea {
  width: 230px;
  height: 260px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#entre-sec04 .box1 .imgarea {
  background-image: url(images/entre-sec04_img01.jpg);
}

#entre-sec04 .box2 .imgarea {
  background-image: url(images/entre-sec04_img02.jpg);
}

#entre-sec04 .box3 .imgarea {
  background-image: url(images/entre-sec04_img03.jpg);
}

#entre-sec04 .box4 .imgarea {
  background-image: url(images/entre-sec04_img04.jpg);
}

#entre-sec04 .box5 .imgarea {
  background-image: url(images/entre-sec04_img05.jpg);
}

#entre-sec04 .box6 .imgarea {
  background-image: url(images/entre-sec04_img06.jpg);
}

@media (max-width: 1000px) {
  #entre-sec04 .box {
    width: 700px;
  }

  #entre-sec04 .box .txtarea {
    width: 505px;
    padding: 20px 10px 10px 140px;
  }

  #entre-sec04 .box .txtarea::before {
    width: 160px;
    height: 160px;
    left: -30px;
    margin-top: -80px;
  }

  #entre-sec04 .box .imgarea {
    width: 175px;
    height: 300px;
  }
}
@media (max-width: 767px) {
  #entre-sec04 {
    padding: 30px 0;
  }

  .page-id-875 #entre-sec04 h3.horizontal-line span::befor,
  .page-id-15009 #entre-sec04 h3.horizontal-line span::beforee,
  .page-id-875 #entre-sec04 h3.horizontal-line span::after,
  .page-id-15009 #entre-sec04 h3.horizontal-line span::after {
    border-top: 2px solid;
  }

  #entre-sec04 h3 {
    font-size: 28px;
  }

  #entre-sec04 .box {
    width: 100%;
  }

  #entre-sec04 .box .item {
    width: 100%;
  }

  #entre-sec04 .box .txtarea {
    padding: 20px 10px 10px 120px;
  }

  #entre-sec04 .box .txtarea::before {
    width: 100px;
    height: 100px;
    left: 0;
    margin-top: -20px;
    top: 0;
  }

  #entre-sec04 .box .txtarea h4 {
    font-size: 16px;
  }

  #entre-sec04 .box .imgarea {
    height: 200px;
  }
}
@media (max-width: 360px) {
  #entre-sec04 .box .txtarea {
    padding: 10px 10px 10px 80px;
  }

  #entre-sec04 .box .txtarea::before {
    width: 70px;
    height: 70px;
    margin-top: -10px;
  }
}
#entre-sec05 {
  background-image: url(images/entre-sec05_bg01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 1000px) {
  #entre-sec05 h3 img {
    width: 70%;
  }
}
#entre-sec06 {
  background: #f1e8d6;
  padding: 40px 0;
}

#entre-sec06 h3 {
  margin-bottom: 40px;
}

#entre-sec06 ul {
  flex-wrap: wrap;
}

#entre-sec06 ul li {
  text-align: center;
  width: 48%;
  margin-bottom: 30px;
}

#entre-sec06 ul li:first-child {
  width: 100%;
}

#entre-sec06 ul li:last-child {
  margin-bottom: 0;
}

#entre-sec06 ul li h4 {
  margin-bottom: 20px;
}

#entre-sec06 ul li p {
  max-width: 480px;
  text-align: left;
  margin: 0 auto;
}

@media (max-width: 767px) {
  #entre-sec06 {
    padding: 30px 0;
  }

  #entre-sec06 ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}
#entre-sec07 {
  padding: 40px 0;
  background: #fff;
}

#entre-sec07 h3 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin: 180px auto 40px;
  position: relative;
}

#entre-sec07 h3::before {
  content: url(images/entre-sec07_icon01.png);
  width: 141px;
  height: 161px;
  position: absolute;
  top: -170px;
  left: 50%;
  margin-left: -70px;
}

#entre-sec07 .flex {
  margin-bottom: 40px;
}

#entre-sec07 .flex .item {
  width: 49%;
}

#entre-sec07 .flex .txt {
  font-size: 20px;
  font-weight: bold;
}

#entre-sec07 table {
  width: 100%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

#entre-sec07 .table01 {
  margin-bottom: 20px;
}

#entre-sec07 .table01 tr th:first-child {
  width: 18%;
}

#entre-sec07 .table01 tr:first-child th,
#entre-sec07 .table01 tr:first-child td {
  width: 50%;
}

#entre-sec07 table,
#entre-sec07 table th,
#entre-sec07 table td {
  border: 1px solid #6e7b8b;
}

#entre-sec07 table th,
#entre-sec07 table td {
  padding: 10px;
  font-size: 20px;
}

#entre-sec07 table th {
  color: #fff;
  background: #547cb1;
}

#entre-sec07 .table01 th:nth-child(2) {
  background: #85ade2;
}

#entre-sec07 table td {
  text-align: right;
}

#entre-sec07 .table02 tr:last-child th,
#entre-sec07 .table02 tr:last-child td {
  width: 50%;
}

#entre-sec07 .table02 th {
  background: #85ade2;
}

#entre-sec07 .table02 tr:first-child th:first-child {
  background: #547cb1;
  width: 18%;
}

#entre-sec07 .table02 tr:last-child th {
  background: #49607f;
}

#entre-sec07 .btmtxt {
  margin-top: 40px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}

#entre-sec07 .btmtxt span {
  font-weight: bold;
  background-image: linear-gradient(transparent 60%, #fffc00 40%);
  display: inline;
  padding: 0 3px;
}

#entre-sec07 .tablearea {
  background-image: url(images/entre-sec07_img02_pc.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 820px;
  height: 830px;
  position: relative;
  margin: 0 auto;
}

#entre-sec07 .tablearea .entre-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#entre-sec07 .tablearea .entre-btn a {
  display: inline-block;
  position: relative;
  border-radius: 10px;
  background: #fa5454;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 10px 60px 10px 100px;
  box-shadow: 0px 3px 0px 0px #a23c3c;
}

#entre-sec07 .tablearea .entre-btn a:hover {
  opacity: 0.8;
}

#entre-sec07 .tablearea .entre-btn a::before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url(images/entre-contact_icon01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -16px;
}

@media (max-width: 999px) {
  #entre-sec07 .tablearea {
    background-size: contain;
    width: 100%;
    height: auto;
    padding: 360px 0;
  }
}
@media (max-width: 767px) {
  #entre-sec07 {
    padding: 30px 0;
  }

  #entre-sec07 h3 {
    font-size: 24px;
  }

  #entre-sec07 .flex .txt {
    font-size: 16px;
  }

  #entre-sec07 table th,
  #entre-sec07 table td {
    font-size: 16px;
  }

  #entre-sec07 .btmtxt {
    font-size: 20px;
  }

  #entre-sec07 table th,
  #entre-sec07 table td {
    font-size: 14px;
  }

  #entre-sec07 .tablearea {
    padding: 240px 0;
  }

  #entre-sec07 .tablearea .entre-btn a {
    padding: 10px 30px 10px 70px;
    width: 230px;
  }
}
@media (max-width: 414px) {
  #entre-sec07 .flex {
    margin-bottom: 20px;
  }

  #entre-sec07 .flex .item {
    width: 100%;
  }

  #entre-sec07 .table01 tr:first-child th,
  #entre-sec07 .table02 tr:last-child th {
    width: 60%;
  }

  #entre-sec07 .table01 tr:first-child td,
  #entre-sec07 .table02 tr:last-child td {
    width: 40%;
  }

  #entre-sec07 table th,
  #entre-sec07 table td {
    padding: 5px;
    font-size: 12px;
  }

  #entre-sec07 .table01 tr th:first-child,
  #entre-sec07 .table02 tr:first-child th:first-child {
    width: 15%;
  }

  #entre-sec07 .btmtxt {
    font-size: 16px;
  }

  #entre-sec07 .tablearea {
    background-image: url(images/entre-sec07_img02_sp.jpg);
  }
}
@media (max-width: 320px) {
  #entre-sec07 h3 {
    font-size: 20px;
  }

  #entre-sec07 .tablearea {
    padding: 200px 0;
  }
}
#entre-sec08 {
  padding: 40px 0;
  background: #eef0f0;
}

#entre-sec08 h3 {
  font-size: 30px;
  font-weight: bold;
  border-left: 5px solid #0c3058;
  padding-left: 10px;
  margin-bottom: 40px;
}

#entre-sec08 table {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

#entre-sec08 table,
#entre-sec08 table th,
#entre-sec08 table td {
  border: 1px solid #888888;
}

#entre-sec08 table th,
#entre-sec08 table td {
  padding: 10px;
  color: #222;
}

#entre-sec08 table th {
  text-align: left;
  padding-left: 20px;
  background: #bfbfbf;
  width: 20%;
}

@media (max-width: 767px) {
  #entre-sec08 {
    padding: 30px 0;
  }

  #entre-sec08 h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  #entre-sec08 table th,
  #entre-sec08 table td {
    padding: 5px;
    font-size: 13px;
  }

  #entre-sec08 table th {
    width: 25%;
  }
}
@media (max-width: 320px) {
  #entre-sec08 table th {
    width: 28%;
  }
}
#entre-sec09 {
  background-image: url(images/entre-sec09_bg01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#entre-sec09 .uppertxt {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  #entre-sec09 .uppertxt img {
    width: 80%;
    height: auto;
  }
}
@media (max-width: 414px) {
  #entre-sec09 .uppertxt img {
    width: 90%;
    height: auto;
  }
}
#entre-sec10 {
  background: #fff;
}

#entre-sec10 .upper-title {
  background-image: url(images/entre-sec10_bg01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 10px;
  text-align: center;
}

#entre-sec10 .block1 {
  background-image: url(images/entre-sec10_bg02.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#entre-sec10 .block1 .inner {
  background: #f1e8d6;
  padding: 40px 10px;
}

#entre-sec10 .block1 .inner h3 {
  text-align: center;
  margin-bottom: 30px;
}

#entre-sec10 .block1 .inner .flex {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 0 auto 30px;
}

#entre-sec10 .block1 .inner .flex .item {
  width: 49%;
}

#entre-sec10 .block1 .inner .flex ul {
  list-style-position: outside;
  list-style-type: disc;
}

#entre-sec10 .block1 .inner .flex ul li {
  font-size: 30px;
  font-weight: bold;
  color: #074179;
  margin-bottom: 10px;
}

#entre-sec10 .block1 .inner .txt {
  color: #074179;
  width: 80%;
  margin: 0 auto;
}

#entre-sec10 .block2 {
  background: #c44b70;
  color: #fff;
  padding: 40px 10px 0;
}

#entre-sec10 .block2 h3 {
  text-align: center;
  margin-bottom: 30px;
}

#entre-sec10 .block2 .flex {
  justify-content: space-between;
}

#entre-sec10 .block2 .flex .txt {
  width: 69%;
}

#entre-sec10 .block2 .flex .img {
  width: 29%;
  margin-bottom: 0;
}

#entre-sec10 .block3 .flex {
  justify-content: space-between;
}

#entre-sec10 .block3 .flex .item {
  width: 50%;
}

#entre-sec10 .block3 .flex .left {
  background-image: url(images/entre-sec10_img03.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#entre-sec10 .block3 .flex .right {
  padding: 30px 10% 30px 20px;
  color: #074179;
}

#entre-sec10 .block3 .flex .right h4 {
  display: inline-block;
  color: #ff0854;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  border-bottom: 1px solid #ff0854;
}

#entre-sec10 .block3 .flex .right h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

#entre-sec10 .block3 .flex .right h6 {
  font-size: 16px;
  font-weight: bold;
}

#entre-sec10 .block4 .inner {
  color: #074179;
  padding: 30px 0;
  text-align: center;
}

#entre-sec10 .block4 .inner h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}

#entre-sec10 .block4 .inner h3 span {
  font-weight: bold;
  background-image: linear-gradient(transparent 60%, #ffff00 40%);
  display: inline;
  padding: 0 3px;
}

#entre-sec10 .block4 .inner p {
  display: inline-block;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0;
}

@media (max-width: 999px) {
  #entre-sec10 .block3 .flex .right {
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  #entre-sec10 .block1 {
    padding: 0;
  }

  #entre-sec10 .block1 .inner {
    padding: 30px 10px;
  }

  #entre-sec10 .block1 .inner h3 {
    margin-bottom: 20px;
  }

  #entre-sec10 .block1 .inner .flex {
    justify-content: center;
    width: 100%;
    margin: 0;
    text-align: center;
  }

  #entre-sec10 .block1 .inner .flex .item {
    width: auto;
  }

  #entre-sec10 .block1 .inner .flex ul {
    display: inline-block;
    text-align: left;
  }

  #entre-sec10 .block1 .inner .flex ul li {
    font-size: 20px;
  }

  #entre-sec10 .block1 .inner .txt {
    width: 100%;
  }

  #entre-sec10 .block2 {
    padding-top: 20px;
  }

  #entre-sec10 .block2 h3 {
    margin-bottom: 20px;
  }

  #entre-sec10 .block2 .flex .item {
    width: 100%;
  }

  #entre-sec10 .block3 .flex .item {
    width: 100%;
  }

  #entre-sec10 .block3 .flex .left {
    height: 250px;
    background-position: center top;
  }

  #entre-sec10 .block3 .flex .right {
    padding: 20px 10px 0;
  }

  #entre-sec10 .block4 .inner h3 {
    font-size: 20px;
  }
}
#entre-sec11 {
  background-image: url(images/entre-sec11_bg01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0;
  color: #fff;
}

#entre-sec11 .inner {
  max-width: 800px;
}

#entre-sec11 h3 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
}

#entre-sec11 .flex {
  justify-content: space-between;
  margin-bottom: 40px;
}

#entre-sec11 .flex .item {
  width: 49%;
}

#entre-sec11 .btm {
  padding: 20px 30px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  width: 80%;
  margin: 0 auto;
}

#entre-sec11 .btm span {
  display: block;
  font-size: 28px;
  font-weight: bold;
}

@media (max-width: 999px) {
  #entre-sec11 h3 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #entre-sec11 {
    padding: 30px 0;
  }

  #entre-sec11 h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  #entre-sec11 .flex {
    margin-bottom: 20px;
  }

  #entre-sec11 .flex .item {
    width: 100%;
  }

  #entre-sec11 .btm {
    padding: 10px;
    width: 90%;
    font-size: 24px;
  }

  #entre-sec11 .btm span {
    font-size: 20px;
  }
}
@media (max-width: 414px) {
  #entre-sec11 h3 {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  #entre-sec11 h3 br {
    display: none;
  }
}
#entre-sec12 {
  padding: 40px 0;
}

#entre-sec12 h3 {
  position: relative;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  background: #074179;
  padding: 20px 30px;
  display: inline-block;
  z-index: 1;
  margin-bottom: -60px;
}

#entre-sec12 h3::before {
  content: "";
  position: absolute;
  top: 0;
  width: 99em;
  right: 100%;
  background: #074179;
  height: 100%;
}

#entre-sec12 .imgarea {
  position: relative;
}

#entre-sec12 .txt {
  color: #074179;
}

@media (max-width: 999px) {
  #entre-sec12 h3 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  #entre-sec12 {
    padding: 30px 0;
  }

  #entre-sec12 h3 {
    font-size: 20px;
    padding: 20px 10px;
  }
}
@media (max-width: 414px) {
  #entre-sec12 h3 {
    font-size: 16px;
  }
}
@media (max-width: 320px) {
  #entre-sec12 h3 {
    padding: 10px 5px;
    font-size: 14px;
  }
}
#entre-sec13 {
  background: #074179;
  color: #fff;
  padding: 40px 0;
}

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

#entre-sec13 ul {
  justify-content: space-between;
  flex-wrap: wrap;
}

#entre-sec13 ul li {
  width: 31%;
  max-width: 330px;
  background: #fff;
  margin-bottom: 30px;
}

#entre-sec13 ul li .start {
  font-weight: bold;
  background: #074179;
  padding: 5px 0;
  margin-bottom: 0;
}

#entre-sec13 ul li .img {
  margin-bottom: 0;
}

#entre-sec13 ul li .shopdata {
  padding: 10px;
  color: #074179;
}

#entre-sec13 ul li .shopdata .name {
  font-weight: bold;
}

#entre-sec13 ul li .shopdata .address {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #entre-sec13 ul li {
    width: 49%;
    margin-bottom: 20px;
  }
}
@media (max-width: 414px) {
  #entre-sec13 {
    padding: 30px 0 20px;
  }

  #entre-sec13 h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  #entre-sec13 ul li {
    margin-bottom: 10px;
  }

  #entre-sec13 ul li .shopdata .name {
    margin-bottom: 5px;
  }

  #entre-sec13 ul li .shopdata .address {
    font-size: 12px;
  }
}
#entre-sec14 {
  padding: 40px 0;
  background: #fff;
  color: #000;
}

#entre-sec14 .inner {
  max-width: 860px;
}

#entre-sec14 h3 {
  margin-bottom: 40px;
}

#entre-sec14 .txt {
  margin-bottom: 40px;
}

#entre-sec14 .signature {
  text-align: right;
  font-weight: bold;
}

@media (max-width: 767px) {
  #entre-sec14 h3 img {
    width: 120px;
    height: auto;
  }
}
@media (max-width: 414px) {
  #entre-sec14 {
    padding: 30px 0;
  }

  #entre-sec14 h3 {
    margin-bottom: 20px;
  }

  #entre-sec14 .txt {
    margin-bottom: 20px;
  }
}
/* ==============================================
 エントリー追加
=============================================== */
.graph-area {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .graph-area {
    margin-bottom: 30px;
  }
}
.graph-area h4 {
  color: #303030;
  font-size: 30px;
  margin: 50px 0 50px 0;
}
@media (max-width: 767px) {
  .graph-area h4 {
    margin: 30px 0 20px 0;
    font-size: 24px;
  }
}
.graph-area .graph-flex {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .graph-area .graph-flex {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .graph-area .graph-flex {
    display: block;
  }
}
@media (max-width: 1024px) {
  .graph-area .graph-flex img {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .graph-area .graph-flex img {
    width: 100%;
  }
}
.graph-area .bar-graph {
  margin-left: 10px;
}
.graph-area .bar-graph img {
  width: 100%;
}
@media (max-width: 1024px) {
  .graph-area .bar-graph {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .graph-area .bar-graph {
    width: 100%;
    margin: 10px auto 0px auto;
    text-align: center;
  }
}
.graph-area .bar-graph .graph-txt {
  width: 480px;
}
@media (max-width: 1024px) {
  .graph-area .bar-graph .graph-txt {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .graph-area .bar-graph .graph-txt {
    width: 100%;
  }
}
.graph-area .bar-graph .graph-txt h5 {
  font-size: 24px;
  margin: 30px 0 15px 0;
}
@media (max-width: 767px) {
  .graph-area .bar-graph .graph-txt h5 {
    font-size: 24px;
  }
}

.back-up {
  padding: 50px 0 100px 0;
  background-image: url(images/back-up-bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .back-up {
    padding: 50px 0 50px 0;
  }
}
.back-up h3 {
  text-align: center;
}
.back-up .back-up-flex-area {
  display: flex;
  align-items: flex-start;
  margin: 70px auto 52px auto;
  text-align: center;
}
@media (max-width: 1024px) {
  .back-up .back-up-flex-area {
    margin-right: -20px;
  }
}
@media (max-width: 767px) {
  .back-up .back-up-flex-area {
    display: block;
    margin: 30px auto 12px auto;
  }
}
.back-up .back-up-flex-area .back-up-box {
  width: 33.33333%;
}
@media (max-width: 1024px) {
  .back-up .back-up-flex-area .back-up-box {
    width: 32%;
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .back-up .back-up-flex-area .back-up-box {
    width: 90%;
    margin: 18px auto;
  }
}
.back-up .back-up-flex-area .back-up-box p {
  font-weight: 700;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .back-up .back-up-flex-area .back-up-box p {
    margin: 5px auto 20px auto;
    font-size: 20px;
  }
}
.back-up .back-up-boxtxt {
  text-align: center;
  font-weight: 600;
  font-size: 40px;
}
@media (max-width: 767px) {
  .back-up .back-up-boxtxt {
    font-size: 4vw;
    margin-top: 30px;
  }
}

#entre_summary {
  background-image: url(images/back-up-bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0 80px 0;
}
@media (max-width: 767px) {
  #entre_summary {
    padding: 50px 0 50px 0;
  }
}
#entre_summary h3 {
  text-align: center;
}
#entre_summary .summary_txt01 {
  text-align: center;
  margin: 80px 0;
  font-size: 48px;
  color: #074179;
  font-weight: 600;
}
@media (max-width: 1024px) {
  #entre_summary .summary_txt01 {
    font-size: 4.5vw;
  }
}
@media (max-width: 767px) {
  #entre_summary .summary_txt01 {
    margin: 50px 0;
    font-size: 4vw;
  }
}
#entre_summary .summary_txt02 {
  text-align: center;
  font-size: 60px;
  color: #074179;
  font-weight: 800;
}
@media (max-width: 1024px) {
  #entre_summary .summary_txt02 {
    font-size: 5.7vw;
  }
}
@media (max-width: 767px) {
  #entre_summary .summary_txt02 {
    font-size: 6vw;
  }
}

/* ==============================================
 information
=============================================== */
.information-list li {
  margin-bottom: 20px;
}
.information-list li a {
  background-color: #fff;
  letter-spacing: 0.02em;
  padding: 30px;
  border-radius: 8px;
  align-items: center;
  display: flex;
  width: 100%;
}
@media (max-width: 1024px) {
  .information-list li a {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .information-list li a {
    padding: 20px;
    border-radius: 4px;
  }
}
.information-list li a .post-date {
  color: #002549;
  font-size: 22px;
  width: 150px;
}
@media (max-width: 1024px) {
  .information-list li a .post-date {
    font-size: 16px;
    width: 100px;
  }
}
@media (max-width: 767px) {
  .information-list li a .post-date {
    font-size: 14px;
    width: 90px;
  }
}
.information-list li a .post-category {
  margin-right: 50px;
  width: 100px;
}
.information-list li a .post-category span {
  color: #002549;
  background-color: #e6e9eb;
  font-size: 20px;
  display: block;
  text-align: center;
  padding: 3px 0;
  border-radius: 6px;
}
@media (max-width: 1024px) {
  .information-list li a .post-category span {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .information-list li a .post-category {
    width: 80px;
  }
  .information-list li a .post-category span {
    font-size: 13px;
    padding: 2px 0;
    border-radius: 3px;
  }
}
@media (max-width: 767px) {
  .information-list li a .post-title {
    font-size: 14px;
    margin-top: 8px;
  }
}

.information-archives .information-list {
  margin-bottom: 40px;
}

.information-detail .inner {
  max-width: 900px;
}
.information-detail .post-inner {
  background-color: #fff;
  padding: 50px 60px;
  margin-bottom: 50px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .information-detail .post-inner {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 6px;
  }
}
.information-detail .post-title {
  font-size: 26px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .information-detail .post-title {
    font-size: 18px;
  }
}
.information-detail .post-meta {
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .information-detail .post-meta {
    margin-bottom: 25px;
  }
}
.information-detail .post-date {
  display: inline-block;
  margin-right: 10px;
}
.information-detail .post-category {
  display: inline-block;
}
.information-detail .post-thumbnail {
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .information-detail .post-thumbnail {
    margin-bottom: 20px;
  }
}
.information-detail .post-contents img {
  display: block;
  margin: 0 auto 30px;
}
@media (max-width: 767px) {
  .information-detail .post-contents img {
    margin-bottom: 20px;
  }
}
.information-detail .post-contents img.alignleft {
  float: left;
  margin: 0 20px 30px 0;
}
@media (max-width: 767px) {
  .information-detail .post-contents img.alignleft {
    margin: 0 10px 20px 0;
  }
}
.information-detail .post-contents img.alignright {
  float: right;
  margin: 0 0 30px 20px;
}
@media (max-width: 767px) {
  .information-detail .post-contents img.alignright {
    margin: 0 0 20px 10px;
  }
}
.information-detail .post-contents table {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin: 30px auto;
  width: 100%;
}
@media (max-width: 767px) {
  .information-detail .post-contents table {
    margin: 20px auto;
  }
}
.information-detail .post-contents table th {
  background-color: #f7f7f7;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  padding: 20px;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .information-detail .post-contents table th {
    font-size: 14px;
    padding: 12px;
  }
}
.information-detail .post-contents table td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  padding: 20px;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .information-detail .post-contents table td {
    font-size: 14px;
    padding: 12px;
  }
}
.information-detail .post-contents ol,
.information-detail .post-contents ul {
  font-size: 15px;
}
@media (max-width: 767px) {
  .information-detail .post-contents ol,
  .information-detail .post-contents ul {
    font-size: 14px;
  }
}
.information-detail .post-contents .list-type01 {
  margin: 30px 0 30px;
  list-style-type: none;
  padding-left: 0;
}
.information-detail .post-contents .list-type01 li {
  margin-bottom: 6px;
  padding-left: 1em;
  position: relative;
}
.information-detail .post-contents .list-type01 li::before {
  content: "・";
  left: 0;
  top: 0;
  position: absolute;
}
.information-detail .post-contents .list-number-type01 {
  margin: 30px 0 30px;
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
@media (max-width: 767px) {
  .information-detail .post-contents .list-number-type01 {
    margin: 20px 0 20px;
  }
}
.information-detail .post-contents .list-number-type01 li {
  margin-bottom: 6px;
  padding-left: 2.3em;
  position: relative;
}
.information-detail .post-contents .list-number-type01 li::before {
  display: inline-block;
  counter-increment: item;
  content: counter(item) "）";
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  text-align: right;
  width: 2em;
}
.information-detail .post-contents p {
  font-size: 15px;
  letter-spacing: 0.02em;
  margin-bottom: 20px;
  line-height: 1.9;
}
@media (max-width: 767px) {
  .information-detail .post-contents p {
    font-size: 14px;
    line-height: 1.8;
  }
}
.information-detail .post-contents .fc-red {
  color: #d2a816;
}
.information-detail .post-contents .fc-blue {
  color: #1eb5c5;
}
.information-detail .post-contents .white-space {
  white-space: nowrap;
}
.information-detail .post-contents h1 {
  clear: both;
  font-size: 32px;
  margin: 60px 0 30px;
  padding: 0;
}
@media (max-width: 767px) {
  .information-detail .post-contents h1 {
    font-size: 20px;
    margin: 40px 0 20px;
  }
}
.information-detail .post-contents h2 {
  clear: both;
  border-left: 5px solid #d2a816;
  font-size: 24px;
  margin: 60px 0 30px;
  padding: 5px 0 6px 20px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .information-detail .post-contents h2 {
    font-size: 18px;
    margin: 40px 0 20px;
    padding: 5px 0 5px 15px;
  }
}
.information-detail .post-contents h3 {
  border-bottom: 2px solid #c5c5c5;
  clear: both;
  font-size: 20px;
  margin: 40px 0 12px;
  padding: 0 0 8px;
}
@media (max-width: 767px) {
  .information-detail .post-contents h3 {
    font-size: 18px;
    margin: 30px 0 13px;
  }
}
.information-detail .post-contents h3 + h5 {
  margin-top: 25px;
}
.information-detail .post-contents h4 {
  border-bottom: 1px dashed #c5c5c5;
  clear: both;
  font-size: 115%;
  padding: 0 0 8px;
  margin: 40px 0 15px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .information-detail .post-contents h4 {
    font-size: 18px;
    margin: 30px 0 13px;
  }
}
.information-detail .post-contents h4 + h5 {
  margin-top: 25px;
}
.information-detail .post-contents h5 {
  clear: both;
  font-size: 110%;
  padding: 0 0 0 20px;
  margin: 30px 0 10px;
  position: relative;
  line-height: 1.5;
}
.information-detail .post-contents h5::before {
  content: "";
  border: 2px solid #d2a816;
  height: 12px;
  left: 0;
  top: 7px;
  position: absolute;
  width: 12px;
  border-radius: 50%;
}
.information-detail .post-contents h5.icon-red::before {
  border: 2px solid #d2a816;
}
@media (max-width: 767px) {
  .information-detail .post-contents h5 {
    font-size: 16px;
    margin: 30px 0 10px;
  }
  .information-detail .post-contents h5::before {
    top: 6px;
  }
}
.information-detail .post-contents h6 {
  clear: both;
  font-size: 110%;
  margin: 30px 0 10px;
}

.post-navigation::after {
  content: "";
  display: block;
  clear: both;
}
.post-navigation .prev {
  float: left;
}
.post-navigation .prev a {
  font-weight: bold;
  display: inline-block;
  position: relative;
  padding-left: 40px;
}
.post-navigation .prev a:hover::before {
  opacity: 0.8;
}
.post-navigation .prev a::before {
  background-color: #002549;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 30px;
  transition: all 0.17s ease-out 0s;
  border-radius: 50%;
}
.post-navigation .prev a::after {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
  z-index: 1;
}
.post-navigation .next {
  float: right;
}
.post-navigation .next a {
  font-weight: bold;
  display: inline-block;
  position: relative;
  padding-right: 40px;
}
.post-navigation .next a:hover::before {
  opacity: 0.8;
}
.post-navigation .next a::before {
  background-color: #002549;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 30px;
  transition: all 0.17s ease-out 0s;
  border-radius: 50%;
}
.post-navigation .next a::after {
  content: "";
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  z-index: 1;
}
.post-navigation .btn-area {
  clear: both;
  padding-top: 40px;
}

/* ==============================================
 event
=============================================== */
.page-title .page-title-event {
  background-image: url("images/page_title_event.jpg");
}

.event-list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .event-list {
    display: block;
  }
}
.event-list li {
  background-color: #fff;
  margin-bottom: 40px;
  margin-right: 3%;
  width: 31.333%;
}
@media (max-width: 767px) {
  .event-list li {
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 310px;
    width: auto;
  }
}
.event-list li:nth-child(3n) {
  margin-right: auto;
}
.event-list li a {
  display: block;
  position: relative;
}
.event-list li a .today-label {
  position: absolute;
  left: -20px;
  top: -12px;
  z-index: 1;
  opacity: 1;
}
@media (max-width: 767px) {
  .event-list li a .today-label {
    left: -12px;
    top: -10px;
    width: 60px;
  }
}
.event-list li .post-thumbnail img {
  width: 100%;
}
.event-list li .post-meta {
  padding: 40px 20px 20px;
  position: relative;
}
@media (max-width: 1024px) {
  .event-list li .post-meta {
    padding: 30px 15px 15px;
  }
}
.event-list li .event-date {
  background-color: #fae426;
  color: #002549;
  display: inline-block;
  font-size: 30px;
  letter-spacing: 0.04em;
  left: 0;
  top: -25px;
  position: absolute;
  line-height: 1;
  padding: 10px 15px 10px 20px;
}
@media (max-width: 1024px) {
  .event-list li .event-date {
    font-size: 24px;
    top: -20px;
    padding: 7px 10px 7px 15px;
  }
}
.event-list li .event-date small {
  font-size: 14px;
  display: inline-block;
  margin: 0 3px;
  vertical-align: top;
}
@media (max-width: 1024px) {
  .event-list li .event-date small {
    font-size: 11px;
  }
}
.event-list li .shop-name {
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .event-list li .shop-name {
    margin-bottom: 4px;
  }
}
.event-list li .shop-name span {
  background: #002549;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.04em;
  padding: 6px 10px;
  margin: 0 5px 5px 0;
}
@media (max-width: 1024px) {
  .event-list li .shop-name span {
    font-size: 12px;
    padding: 4px 10px;
  }
}
.event-list li .post-title {
  font-size: 22px;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .event-list li .post-title {
    font-size: 18px;
  }
}
.event-list li p {
  color: #636466;
  font-size: 14px;
  letter-spacing: 0.04em;
  margin-bottom: 0;
  line-height: 1.6;
}
@media (max-width: 1024px) {
  .event-list li p {
    font-size: 12px;
  }
}

.main_event {
  justify-content: center;
}
.main_event li {
  width: 80%;
}
@media (max-width: 767px) {
  .main_event li {
    width: auto;
  }
}
.main_event li a .today-label {
  width: 150px;
  top: -60px;
}
@media (max-width: 767px) {
  .main_event li a .today-label {
    width: 60px;
    top: -10px;
  }
}
.main_event li .event-date {
  font-size: 60px;
  top: -60px;
}
@media (max-width: 767px) {
  .main_event li .event-date {
    font-size: 24px;
    top: -20px;
  }
}
.main_event li .shop-name span {
  font-size: 30px;
}
@media (max-width: 767px) {
  .main_event li .shop-name span {
    font-size: 12px;
  }
}
.main_event li .post-title {
  text-align: center;
}

.event-archive .archive-control {
  background: #fff;
  padding: 15px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .event-archive .archive-control {
    padding: 10px 0;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 20px;
  }
}
.event-archive .archive-control table {
  width: 100%;
}
.event-archive .archive-control table td {
  line-height: 1;
  text-align: center;
  width: 33.333%;
}
@media (max-width: 767px) {
  .event-archive .archive-control table td {
    display: block;
    padding: 3px 12px;
    text-align: left;
    width: 100%;
  }
  .event-archive .archive-control table td::after {
    content: "";
    display: block;
    clear: both;
  }
}
.event-archive .archive-control table td.border {
  border-right: 1px solid #002549;
}
@media (max-width: 767px) {
  .event-archive .archive-control table td.border {
    border-right: none;
  }
}
.event-archive .archive-control table td span {
  font-weight: bold;
  line-height: 1;
}
.event-archive .archive-control table td span::after {
  content: "：";
}
@media (max-width: 767px) {
  .event-archive .archive-control table td span {
    display: inline-block;
    float: left;
    padding-top: 7px;
    width: 4em;
  }
  .event-archive .archive-control table td span::after {
    content: none;
  }
}
.event-archive .archive-control table td .event-select-wrapper {
  background-color: #e6e9eb;
  display: inline-block;
  position: relative;
  padding: 5px 12px;
  line-height: 1;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .event-archive .archive-control table td .event-select-wrapper {
    margin-left: 5em;
    display: block;
  }
}
.event-archive .archive-control table td .event-select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #002549;
  border-right: 2px solid #002549;
  transform: rotate(135deg);
}
@media (max-width: 767px) {
  .event-archive .archive-control table td .event-select-wrapper::after {
    margin-top: -7px;
  }
}
.event-archive .archive-control table td .event-select-wrapper select {
  border: none;
  background: none;
  font-size: 16px;
  padding-right: 20px;
  outline: 0;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (max-width: 767px) {
  .event-archive .archive-control table td .event-select-wrapper select {
    display: block;
    font-size: 13px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .event-detail .container {
    padding: 0;
  }
}
.event-detail .inner {
  background-color: #fff;
  padding: 33px 60px 50px;
  border-radius: 12px;
}
.event-detail .inner::before {
  background-color: #002549;
  content: "";
  height: 3px;
  left: 60px;
  top: 0;
  position: absolute;
  width: calc(100% - 120px);
  border-radius: 2px;
}
@media (max-width: 767px) {
  .event-detail .inner {
    padding: 22px 20px;
    border-radius: 0;
  }
}
.event-detail .post-title {
  font-size: 32px;
  letter-spacing: 0.04em;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .event-detail .post-title {
    font-size: 22px;
    margin-bottom: 18px;
  }
}
.event-detail .post-thumbnail {
  float: left;
  margin-bottom: 60px;
  text-align: center;
  position: relative;
  width: 49%;
}
@media (max-width: 1024px) {
  .event-detail .post-thumbnail {
    float: none;
    margin-bottom: 40px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .event-detail .post-thumbnail {
    margin-bottom: 30px;
  }
}
.event-detail .post-thumbnail .today-label {
  position: absolute;
  left: -20px;
  top: -12px;
  z-index: 1;
}
@media (max-width: 767px) {
  .event-detail .post-thumbnail .today-label {
    left: -12px;
    top: -10px;
    width: 60px;
  }
}
.event-detail .post-thumbnail .shop-name {
  position: absolute;
  right: 20px;
  bottom: -14px;
}
.event-detail .post-thumbnail .shop-name span {
  background: #fae426;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.04em;
  padding: 8px 14px;
}
@media (max-width: 1024px) {
  .event-detail .post-thumbnail .shop-name span {
    font-size: 16px;
  }
}
.event-detail .post-data {
  float: right;
  margin-bottom: 60px;
  width: 47%;
}
@media (max-width: 1024px) {
  .event-detail .post-data {
    float: none;
    margin-bottom: 40px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .event-detail .post-data {
    margin-bottom: 20px;
  }
}
.event-detail .event-table {
  width: 100%;
}
.event-detail .event-table th {
  text-align: left;
  padding-right: 15px;
  padding-bottom: 20px;
  vertical-align: top;
}
@media (max-width: 767px) {
  .event-detail .event-table th {
    display: block;
    padding-right: 0;
    padding-bottom: 10px;
    width: 100%;
  }
}
.event-detail .event-table th span {
  background-color: #8e9295;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  padding: 3px 0;
  width: 5.3em;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .event-detail .event-table th span {
    font-size: 14px;
  }
}
.event-detail .event-table td {
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 20px;
  letter-spacing: 0.02em;
  vertical-align: top;
}
.event-detail .event-table td.first {
  padding-top: 0;
}
@media (max-width: 767px) {
  .event-detail .event-table td {
    display: block;
    padding-top: 0;
    padding-bottom: 20px;
    width: 100%;
  }
}
.event-detail .event-date {
  font-size: 30px;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media (max-width: 767px) {
  .event-detail .event-date {
    font-size: 28px;
  }
}
.event-detail .event-date small {
  font-size: 16px;
  display: inline-block;
  margin: 0 3px;
  vertical-align: baseline;
}
@media (max-width: 1024px) {
  .event-detail .event-date small {
    font-size: 14px;
  }
}
.event-detail .event-time {
  margin-top: 8px;
  line-height: 1.2;
}
.event-detail .post-contents {
  border-top: 1px solid #002549;
  padding-top: 60px;
}
@media (max-width: 767px) {
  .event-detail .post-contents {
    padding-top: 40px;
  }
}

/* ==============================================
 item
=============================================== */
.page-title .page-title-item {
  background-image: url("images/page_title_item.jpg");
}

.item-categories .sub {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  letter-spacing: 0.04em;
}
.item-categories .sub strong {
  font-size: 26px;
}
@media (max-width: 767px) {
  .item-categories .sub {
    font-size: 14px;
  }
  .item-categories .sub strong {
    font-size: 18px;
  }
}
.item-categories .mes {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .item-categories .mes {
    font-size: 16px;
    line-height: 1.6;
  }
}
.item-categories .item-categories-list {
  flex-wrap: wrap;
  margin-top: 80px;
}
@media (max-width: 767px) {
  .item-categories .item-categories-list {
    margin-top: 26px;
  }
}
.item-categories .item-categories-list li {
  background-color: #fff;
  margin-right: 2%;
  margin-bottom: 80px;
  width: 23.5%;
}
.item-categories .item-categories-list li:nth-child(4n) {
  margin-right: auto;
}
@media (max-width: 1024px) {
  .item-categories .item-categories-list li {
    margin-right: 4%;
    width: 48%;
  }
  .item-categories .item-categories-list li:nth-child(even) {
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .item-categories .item-categories-list li {
    margin-right: auto;
    margin-bottom: 26px;
    width: 100%;
  }
}
.item-categories .item-categories-list li .cat-header {
  background-color: #464b4f;
  position: relative;
  padding: 70px 0 10px;
}
.item-categories .item-categories-list li .cat-header a {
  color: #fff;
}
@media (max-width: 767px) {
  .item-categories .item-categories-list li .cat-header {
    padding: 5px 10px 5px 90px;
    min-height: 60px;
    display: flex;
    align-items: center;
  }
}
.item-categories .item-categories-list li .cat-img {
  position: absolute;
  left: 0;
  top: -50px;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .item-categories .item-categories-list li .cat-img {
    top: 50%;
    margin-top: -34px;
    left: 10px;
    width: auto;
  }
}
.item-categories .item-categories-list li .cat-img a {
  background-color: #fff;
  display: inline-block;
  border: 3px solid #fff;
  overflow: hidden;
  border-radius: 50%;
}
.item-categories .item-categories-list li .cat-img a:hover {
  border-radius: 50%;
}
@media (max-width: 767px) {
  .item-categories .item-categories-list li .cat-img a {
    border-width: 2px;
  }
}
.item-categories .item-categories-list li .cat-img img {
  border-radius: 50%;
  width: 104px;
}
@media (max-width: 767px) {
  .item-categories .item-categories-list li .cat-img img {
    width: 64px;
  }
}
.item-categories .item-categories-list li h3 {
  color: #fff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .item-categories .item-categories-list li h3 {
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
  }
}
.item-categories .item-categories-list li .box-inner {
  padding: 10px;
}
.item-categories .item-categories-list li table {
  width: 100%;
}
.item-categories .item-categories-list li table tbody tr:nth-child(even) {
  background-color: #f3f4f4;
}
.item-categories .item-categories-list li table th {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  padding: 8px 10px;
  line-height: 1.4;
  vertical-align: middle;
}
.item-categories .item-categories-list li table th a {
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .item-categories .item-categories-list li table th a:hover {
    text-decoration: none;
  }
}
.item-categories .item-categories-list li table td {
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  line-height: 1.4;
  padding: 8px 10px;
  white-space: nowrap;
}
.item-categories .item-categories-list li table td .price {
  color: #eb1d38;
  font-weight: bold;
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
}

.item-unavailable {
  background-color: #fff;
  border: 1px solid #6e0e21;
  margin: 80px auto 0;
}
.item-unavailable h3 {
  background-color: #6e0e21;
  color: #fff;
  padding: 6px;
  text-align: center;
}
@media (max-width: 767px) {
  .item-unavailable h3 {
    padding: 3px;
  }
}
.item-unavailable h3 span {
  background: url("images/icon_not.svg") no-repeat 0 50%/24px 24px;
  display: inline-block;
  padding: 3px 0 3px 30px;
}
@media (max-width: 767px) {
  .item-unavailable h3 span {
    background-size: 20px 20px;
    padding-left: 26px;
  }
}
.item-unavailable .item-unavailable-list {
  background-color: #fff;
  padding: 20px 29px 14px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .item-unavailable .item-unavailable-list {
    padding: 14px 14px 5px;
  }
}
.item-unavailable .item-unavailable-list li {
  margin-right: 2%;
  margin-bottom: 15px;
  width: 15%;
}
.item-unavailable .item-unavailable-list li:nth-child(6n) {
  margin-right: auto;
}
@media (max-width: 767px) {
  .item-unavailable .item-unavailable-list li {
    margin-right: 4%;
    width: 30.666%;
  }
  .item-unavailable .item-unavailable-list li:nth-child(7n) {
    margin-right: 4%;
  }
  .item-unavailable .item-unavailable-list li:nth-child(6n) {
    margin-right: auto;
  }
}
.item-unavailable .item-unavailable-list li a {
  color: #6e0e21;
}
.item-unavailable .item-unavailable-list li .item-thumbnail {
  text-align: center;
}
.item-unavailable .item-unavailable-list li h4 {
  font-size: 14px;
  text-align: center;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .item-unavailable .item-unavailable-list li h4 {
    font-size: 12px;
  }
}

.item-trouble .heading {
  background-color: #f6624b;
  color: #fff;
  padding: 20px 0;
  text-align: center;
}
.item-trouble h2 {
  display: inline-block;
  font-size: 32px;
  letter-spacing: 0.04em;
  position: relative;
}
@media (max-width: 767px) {
  .item-trouble h2 {
    font-size: 18px;
  }
}
.item-trouble h2::before,
.item-trouble h2::after {
  content: "";
  background-color: #fff;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  position: absolute;
  width: 100px;
}
.item-trouble h2::before {
  left: -115px;
}
.item-trouble h2::after {
  right: -115px;
}
.item-trouble .content {
  background: url("images/trouble_bg.jpg") repeat 0 0;
  padding: 80px 0;
  position: relative;
}
@media (max-width: 767px) {
  .item-trouble .content {
    padding: 30px 0;
  }
}
.item-trouble ul {
  margin-bottom: 20px;
  padding: 0 13%;
}
@media (max-width: 767px) {
  .item-trouble ul {
    padding: 0;
    margin-bottom: 10px;
  }
}
.item-trouble ul li {
  margin-bottom: 40px;
  margin-right: 5%;
  width: 30%;
}
@media (max-width: 767px) {
  .item-trouble ul li {
    margin-right: 2%;
    margin-bottom: 20px;
    width: 32%;
  }
}
.item-trouble ul li:nth-child(3n) {
  margin-right: auto;
}
.item-trouble .ta-center {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .item-trouble .ta-center {
    margin-bottom: 0;
  }
}
.item-trouble .mes {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .item-trouble .mes {
    font-size: 18px;
  }
}
.item-trouble .mes span {
  display: inline-block;
  padding: 0 40px 10px;
  position: relative;
}
@media (max-width: 767px) {
  .item-trouble .mes span {
    padding: 0 18px;
  }
}
.item-trouble .mes span::before,
.item-trouble .mes span::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 36px 53px;
  height: 53px;
  content: "";
  position: absolute;
  bottom: 0;
  width: 36px;
}
@media (max-width: 767px) {
  .item-trouble .mes span::before,
  .item-trouble .mes span::after {
    background-size: 14px 22px;
    height: 22px;
    width: 14px;
  }
}
.item-trouble .mes span::before {
  left: 0;
  background-image: url("images/txt_bg01.svg");
}
.item-trouble .mes span::after {
  right: 0;
  background-image: url("images/txt_bg02.svg");
}

.item-archive .update {
  font-size: 14px;
  text-align: right;
}
@media (max-width: 767px) {
  .item-archive .update {
    font-size: 12px;
  }
}
.item-archive .item-archive-list li {
  background-color: #fff;
  margin-right: 2%;
  margin-bottom: 80px;
  width: 23.5%;
}
.item-archive .item-archive-list li:nth-child(4n) {
  margin-right: auto;
}
@media (max-width: 1024px) {
  .item-archive .item-archive-list li {
    margin-right: 2%;
    margin-bottom: 15px;
    width: 49%;
  }
  .item-archive .item-archive-list li:nth-child(even) {
    margin-right: auto;
  }
}
.item-archive .item-archive-list li .item-name {
  background-color: #464b4f;
  text-align: center;
}
.item-archive .item-archive-list li .item-name a {
  color: #fff;
  display: block;
  font-size: 15px;
  line-height: 1.4;
  padding: 10px 6px;
}
.item-archive .item-archive-list li .item-thumbnail {
  text-align: center;
}
.item-archive .item-archive-list li .item-price {
  font-size: 15px;
  padding: 3px;
  text-align: center;
}
.item-archive .item-archive-list li .item-price .price {
  color: #eb1d38;
  font-weight: bold;
  font-size: 22px;
  font-family: "Roboto Condensed", sans-serif;
}
.item-archive .item-archive-list li .btn-wrap {
  padding: 2px 12px 12px;
}
.item-archive .item-archive-list li .btn {
  background-color: #e6e9eb;
  font-size: 12px;
  color: #002549;
  font-weight: normal;
  padding: 5px;
  width: 100%;
  border-radius: 20px;
}

.item-detail .item-name {
  background-color: #002549;
  color: #fff;
  font-size: 24px;
  padding: 10px;
  text-align: center;
  margin-bottom: 25px;
  border-radius: 30px;
}
@media (max-width: 767px) {
  .item-detail .item-name {
    font-size: 15px;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 15px;
    position: relative;
    border-radius: 0;
  }
}
.item-detail .item-name.item-name-unavailable {
  background-color: #6e0e21;
}
.item-detail .item-images {
  float: left;
  text-align: center;
  width: 50%;
}
@media (max-width: 1024px) {
  .item-detail .item-images {
    float: none;
    margin-bottom: 30px;
    width: 100%;
  }
}
.item-detail .item-images .item-detail-thumbs {
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .item-detail .item-images .item-detail-thumbs {
    margin-top: 10px;
  }
}
.item-detail .item-images .item-detail-thumbs .slide {
  background-color: #fff;
  font-size: 14px;
  display: inline-block;
  margin: 0 5px;
  width: 20%;
  vertical-align: top;
}
.item-detail .item-images .item-detail-thumbs img {
  opacity: 0.7;
}
.item-detail .item-images .item-detail-thumbs .current img {
  opacity: 1;
}
.item-detail .item-data {
  float: right;
  width: 46%;
}
@media (max-width: 1024px) {
  .item-detail .item-data {
    float: none;
    width: 100%;
  }
}
.item-detail .item-data.item-data-unavailable {
  color: #6e0e21;
}
.item-detail .item-data.item-data-unavailable .item-unavailable-txt {
  border-bottom: 2px solid #6e0e21;
  font-size: 22px;
  line-height: 1;
  text-align: center;
  padding-bottom: 12px;
}
.item-detail .item-data .item-bring {
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1;
}
.item-detail .item-data .item-price {
  font-size: 20px;
  border-bottom: 2px solid #002549;
  margin-bottom: 10px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .item-detail .item-data .item-price {
    font-size: 14px;
  }
}
.item-detail .item-data .item-price .label {
  display: inline-block;
  margin-right: 10px;
}
.item-detail .item-data .item-price .price {
  color: #eb1d38;
  font-weight: bold;
  font-size: 48px;
  line-height: 1;
  font-family: "Roboto Condensed", sans-serif;
  margin-right: 4px;
}
@media (max-width: 767px) {
  .item-detail .item-data .item-price .price {
    font-size: 32px;
  }
}
.item-detail .item-data .item-price small {
  font-size: 16px;
}
@media (max-width: 767px) {
  .item-detail .item-data .item-price small {
    font-size: 12px;
  }
}
.item-detail .item-data .update {
  text-align: right;
  font-size: 14px;
}
@media (max-width: 767px) {
  .item-detail .item-data .update {
    font-size: 12px;
  }
}
.item-detail .item-data .item-comment h4 {
  font-size: 16px;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .item-detail .item-data .item-comment h4 {
    font-size: 14px;
  }
}
.item-detail .item-data .item-comment p {
  background-color: #fff;
  border: 1px solid #c5c5c5;
  font-size: 14px;
  padding: 15px 20px 20px;
  margin-bottom: 0;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .item-detail .item-data .item-comment p {
    font-size: 13px;
    line-height: 1.7;
    padding: 10px 15px 15px;
  }
}

/* ==============================================
 faq
=============================================== */
.faq-main .sub {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .faq-main .sub {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.faq-main .faq-list li {
  background-color: #fff;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .faq-main .faq-list li {
    margin-bottom: 15px;
  }
}
.faq-main .faq-list li dl dt {
  font-size: 22px;
  letter-spacing: 0.04em;
  border-bottom: 1px solid #e1e4e6;
  min-height: 60px;
  position: relative;
  line-height: 1.5;
  padding: 14px 12px 10px 80px;
}
.faq-main .faq-list li dl dt::before {
  background-color: #002549;
  color: #fff;
  content: "Q";
  font-size: 36px;
  font-family: "Roboto Condensed", sans-serif;
  height: 60px;
  line-height: 60px;
  left: 0;
  top: 0;
  text-align: center;
  position: absolute;
  width: 60px;
}
@media (max-width: 767px) {
  .faq-main .faq-list li dl dt {
    font-size: 16px;
    min-height: 46px;
    padding: 12px 12px 10px 60px;
  }
  .faq-main .faq-list li dl dt::before {
    font-size: 24px;
    height: 46px;
    line-height: 46px;
    width: 46px;
  }
}
.faq-main .faq-list li dl dd {
  letter-spacing: 0.04em;
  padding: 24px 30px;
}
@media (max-width: 767px) {
  .faq-main .faq-list li dl dd {
    padding: 15px 15px;
  }
}

/* ==============================================
 company
=============================================== */
.company-main .inner {
  background-color: #fff;
  padding: 40px 50px;
}
@media (max-width: 767px) {
  .company-main .inner {
    padding: 0;
  }
}
.company-main h3 {
  background-color: #edf0f2;
  font-size: 22px;
  letter-spacing: 0.04em;
  padding: 12px 20px;
}
@media (max-width: 767px) {
  .company-main h3 {
    font-size: 16px;
    padding: 10px 15px;
  }
}
.company-main table {
  width: 100%;
}
.company-main table th {
  border-bottom: 1px solid #e1e4e6;
  letter-spacing: 0.04em;
  text-align: left;
  padding: 30px;
  width: 20%;
  vertical-align: top;
}
@media (max-width: 767px) {
  .company-main table th {
    border-bottom: none;
    display: block;
    padding: 12px 15px 2px;
    width: 100%;
  }
}
.company-main table td {
  border-bottom: 1px solid #e1e4e6;
  letter-spacing: 0.04em;
  text-align: left;
  padding: 30px;
  vertical-align: top;
}
@media (max-width: 767px) {
  .company-main table td {
    display: block;
    padding: 0 15px 12px;
    width: 100%;
  }
}

/* ==============================================
 law
=============================================== */
.law-main {
  padding-bottom: 80px;
}
.law-main .inner {
  background-color: #fff;
  padding: 40px 50px;
}
@media (max-width: 767px) {
  .law-main .inner {
    padding: 0;
  }
}
.law-main h3 {
  background-color: #edf0f2;
  font-size: 22px;
  letter-spacing: 0.04em;
  padding: 12px 20px;
}
@media (max-width: 767px) {
  .law-main h3 {
    font-size: 16px;
    padding: 10px 15px;
  }
}
.law-main table {
  width: 100%;
}
.law-main table th {
  border-bottom: 1px solid #e1e4e6;
  letter-spacing: 0.04em;
  text-align: left;
  padding: 30px;
  width: 20%;
  vertical-align: top;
}
@media (max-width: 767px) {
  .law-main table th {
    border-bottom: none;
    display: block;
    padding: 12px 15px 2px;
    width: 100%;
  }
}
.law-main table td {
  border-bottom: 1px solid #e1e4e6;
  letter-spacing: 0.04em;
  text-align: left;
  padding: 30px;
  vertical-align: top;
}
@media (max-width: 767px) {
  .law-main table td {
    display: block;
    padding: 0 15px 12px;
    width: 100%;
  }
}

/* ==============================================
 contact
=============================================== */
.contact-main .inner {
  max-width: 840px;
}
.contact-main .mes {
  letter-spacing: 0.04em;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .contact-main .mes {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

/* ==============================================
 privacy policy
=============================================== */
.privacy-section .inner {
  background-color: #fff;
  padding: 40px 60px;
}
.privacy-section .inner h3 {
  margin-top: 40px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .privacy-section .inner {
    padding: 20px 15px;
  }
  .privacy-section .inner h3 {
    margin-top: 30px;
    margin-bottom: 6px;
  }
}

/* ==============================================
 footer
=============================================== */
.site-footer {
  background-color: #e6e9eb;
  padding: 30px 0 20px;
}
@media (max-width: 767px) {
  .site-footer .container {
    padding: 0;
  }
}
.site-footer .inner {
  max-width: 760px;
}
.site-footer .footer-info {
  margin-bottom: 30px;
  align-items: center;
}
@media (max-width: 767px) {
  .site-footer .footer-info {
    display: block;
    text-align: center;
  }
}
.site-footer .footer-info .footer-logo {
  margin-right: 40px;
}
@media (max-width: 767px) {
  .site-footer .footer-info .footer-logo {
    margin-right: auto;
    margin-bottom: 10px;
  }
  .site-footer .footer-info .footer-logo img {
    width: 56vw;
  }
}
.site-footer .footer-info p {
  letter-spacing: 0.04em;
  font-weight: bold;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .site-footer .footer-info p {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .site-footer .footer-navigation {
    display: block;
  }
}
.site-footer .footer-navigation ul {
  width: 33.333%;
}
@media (max-width: 767px) {
  .site-footer .footer-navigation ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
.site-footer .footer-navigation ul li {
  font-size: 15px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .site-footer .footer-navigation ul li {
    padding-right: 1px;
    margin-bottom: 1px;
    width: 50%;
  }
  .site-footer .footer-navigation ul li:nth-child(even) {
    padding-right: 0;
  }
  .site-footer .footer-navigation ul li a {
    background: #fff;
    display: block;
    padding: 10px 12px;
    font-size: 12px;
    position: relative;
  }
  .site-footer .footer-navigation ul li a::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #002549;
    border-right: 1px solid #002549;
    transform: rotate(45deg);
  }
}
.site-footer .kobutsu {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .site-footer .kobutsu {
    padding: 10px 12px;
  }
}
.site-footer .copyright {
  text-align: center;
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .site-footer .copyright {
    font-size: 12px;
    margin-top: 20px;
  }
}

.pagetop {
  background-color: #002549;
  color: #fff;
  padding: 42px 0 16px;
  text-align: center;
  letter-spacing: 0.1em;
  position: relative;
  cursor: pointer;
  transition: all 0.17s ease-out 0s;
}
@media (max-width: 767px) {
  .pagetop {
    padding: 32px 0 12px;
  }
}
@media (min-width: 1025px) {
  .pagetop:hover {
    background-color: #074179;
  }
}
.pagetop::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 22px;
  width: 16px;
  height: 16px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
  .pagetop::after {
    top: 18px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}

/* ==============================================
 form
=============================================== */
/* layout
----------------------------------------------- */
/* table */
.form {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.form-table {
  margin-bottom: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .form-table {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .form-table tr {
    display: block;
    position: relative;
  }
}

.form-table th {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding: 20px 0;
  width: 220px;
  vertical-align: top;
}
@media (max-width: 767px) {
  .form-table th {
    font-size: 14px;
    padding: 0 0 5px;
    display: block;
    width: 100%;
  }
}
.form-table th .required {
  color: #eb1d38;
  font-size: 14px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .form-table th .required {
    font-size: 11px;
  }
}

.form-table td {
  font-size: 18px;
  padding: 10px 0;
  vertical-align: top;
}
@media (max-width: 767px) {
  .form-table td {
    font-size: 16px;
    padding: 0 0 15px;
    display: block;
    width: 100%;
  }
}

.form-table td .form-field {
  margin-bottom: 10px;
}

.form-table td .form-field:last-child {
  margin-bottom: 0;
}

.form-table img {
  max-width: 320px;
}

.check-privacy .mwform-checkbox-field-text {
  display: none;
}

.form .btn {
  color: #fff;
  background-color: #002549;
  display: inline-block;
  line-height: 64px;
  height: 64px;
  letter-spacing: 0.1em;
  font-size: 18px;
  padding: 0;
  margin: 0 1%;
  width: 48%;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .form .btn {
    font-size: 16px;
    min-width: inherit;
    line-height: 54px;
    height: 54px;
    width: 48%;
  }
}

.form .btn:hover {
  background-color: rgba(0, 37, 73, 0.8);
}

.form .btn[name="submit"] {
  float: right;
}

.form .btn[name="submitBack"] {
  float: left;
  background-color: #888;
}

.form .btn[name="submitBack"]:hover {
  background-color: rgba(136, 136, 136, 0.8);
}

.form .btns {
  font-size: 0;
  letter-spacing: 0;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 640px;
}

.form .btn2 {
  color: #fff;
  background-color: #002549;
  display: inline-block;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-size: 18px;
  padding: 10px;
  margin: 0 1%;
  width: 30%;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .form .btn2 {
    font-size: 16px;
    min-width: inherit;
    line-height: 1.5;
    padding: 10px;
    width: 40%;
  }
}

.form .btn2:hover {
  background-color: rgba(0, 37, 73, 0.8);
}

.check-privacy .mwform-checkbox-field label {
  background-color: transparent;
  padding: 0;
  margin-right: 3px;
  background-position: 0 50%;
  height: 22px;
  width: 22px;
  vertical-align: middle;
  border-radius: 0;
}

.check-privacy a {
  background: none;
  padding-right: 0;
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .check-privacy a:hover {
    text-decoration: none;
  }
}

.mw_wp_form_preview .form-table th .required,
.mw_wp_form_preview .check-privacy {
  display: none;
}

.mw_wp_form_preview .form-table th,
.mw_wp_form_preview .form-table td {
  font-size: 16px;
}

.mw_wp_form_preview .preview-hidden {
  display: none;
}

.preview-show {
  display: none;
}

.mw_wp_form_preview .preview-show {
  display: block;
}

/* form default */
input.form-control,
input[type="number"].form-control,
input[type="email"].form-control,
button.form-control,
textarea.form-control {
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  border: 2px solid #c5c5c5;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (max-width: 767px) {
  input.form-control,
  input[type="number"].form-control,
  input[type="email"].form-control,
  button.form-control,
  textarea.form-control {
    font-size: 16px;
  }
}

input.form-control:focus,
button.form-control:focus,
textarea.form-control:focus {
  border-color: #002549;
  background: #fff;
}

input[type="submit"],
input[type="button"],
button {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {
  outline-offset: -2px;
  outline: 0;
}

input[type="text"].form-control,
input[type="number"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
input[type="tel"].form-control,
input[type="url"].form-control,
textarea.form-control {
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  width: 100%;
}

input[type="text"].form-zip {
  width: 140px;
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  border: 2px solid #c5c5c5;
  line-height: 1.5;
  margin: 0;
  padding: 10px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 6px;
  font-size: 16px;
}
@media (max-width: 767px) {
  input[type="text"].form-zip {
    font-size: 16px;
  }
}

.form .mwform-tel-field input[type="text"],
.form .mwform-zip-field input[type="text"] {
  width: 100px;
  background: #fff;
  font-size: 18px;
  border: 2px solid #c5c5c5;
  padding: 10px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .form .mwform-tel-field input[type="text"],
  .form .mwform-zip-field input[type="text"] {
    font-size: 16px;
    width: 80px;
  }
}

.form .btn-area input[type="submit"] {
  background: #002549;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  margin: 0 5px;
  width: 260px;
  -ms-box-shadow: 0 0 10px rgba(6, 49, 68, 0.2);
  box-shadow: 0 0 10px rgba(6, 49, 68, 0.2);
  transition: all 0.17s ease-out 0s;
}
@media (max-width: 767px) {
  .form .btn-area input[type="submit"] {
    font-size: 18px;
    width: 45%;
  }
}
.form .btn-area input[type="submit"]:hover {
  background: rgba(0, 37, 73, 0.8);
}
.form .btn-area input[type="submit"][name="submitBack"] {
  background-color: #888;
}
.form .btn-area input[type="submit"][name="submitBack"]:hover {
  background: rgba(136, 136, 136, 0.8);
}

.form-preveiw-mes {
  display: none;
}

.mw_wp_form_preview .form .mes,
.mw_wp_form_preview .form .form-table td.form-icon {
  display: none;
}

.mw_wp_form_preview .form .form-table {
  border-top: 1px solid #c5c5c5;
  margin-bottom: 40px;
}

.mw_wp_form_preview .form .form-table th {
  background-color: #fff;
  border-bottom: 1px solid #c5c5c5;
  padding: 20px 30px;
  width: 200px;
}

.mw_wp_form_preview .form .form-table td {
  background-color: #fff;
  border-bottom: 1px solid #c5c5c5;
  padding: 20px 30px;
}

@media (max-width: 767px) {
  .mw_wp_form_preview .form .form-table th {
    border-bottom: none;
    font-size: 13px;
    padding: 15px 15px 0px;
    width: 100%;
  }

  .mw_wp_form_preview .form .form-table td {
    padding: 0 15px 15px;
  }
}
.mw_wp_form_preview .form-preveiw-mes {
  display: block;
  font-size: 16px;
}
@media (max-width: 767px) {
  .mw_wp_form_preview .form-preveiw-mes {
    font-size: 14px;
  }
}
.mw_wp_form_preview .checkbox-group {
  font-size: 18px;
}
@media (max-width: 767px) {
  .mw_wp_form_preview .checkbox-group {
    font-size: 16px;
  }
}

.form-complete-mes {
  background-color: #fff;
  padding: 30px;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 767px) {
  .form-complete-mes {
    font-size: 14px;
    text-align: left;
    padding: 15px;
  }
}

/* checkbox */
.checkbox-group {
  position: relative;
}
.checkbox-group .mwform-checkbox-field {
  display: inline-block;
  margin: 0 10px 10px 0 !important;
}
@media (max-width: 767px) {
  .checkbox-group .mwform-checkbox-field {
    display: block;
    margin: 0 0 2px 0 !important;
  }
}
.checkbox-group label {
  border: 2px solid #fff;
  cursor: pointer;
  display: inline-block;
  background-color: #fff;
  background-position: 16px 50%;
  background-repeat: no-repeat;
  background-image: url("images/checkbox_off.png");
  background-size: 22px 22px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding: 10px 18px 10px 45px;
  border-radius: 6px;
  vertical-align: top;
}
.checkbox-group label.checked-label {
  border: 2px solid #074179;
  background-image: url("images/checkbox_on.png");
}
@media (max-width: 767px) {
  .checkbox-group label {
    font-size: 16px;
    display: block;
    margin-bottom: 2px;
    border-radius: 0;
  }
}
.checkbox-group input[type="checkbox"] {
  display: none;
}

.mwform-checkbox-field {
  display: inline-block;
  cursor: pointer;
}
@media (max-width: 767px) {
  .mwform-checkbox-field {
    display: block;
  }
}
.mwform-checkbox-field label {
  border: 2px solid #fff;
  display: inline-block;
  background-color: #fff;
  background-position: 16px 50%;
  background-repeat: no-repeat;
  background-image: url("images/checkbox_off.png");
  background-size: 20px 20px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding: 10px 20px 10px 45px;
  border-radius: 6px;
  vertical-align: top;
}
.mwform-checkbox-field label.checked-label {
  border: 2px solid #074179;
  background-image: url("images/checkbox_on.png");
}
@media (max-width: 767px) {
  .mwform-checkbox-field label {
    display: block;
    font-size: 16px;
    border-radius: 0;
  }
}
.mwform-checkbox-field input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

/* selectbox */
.select-wrapper {
  display: block;
  background: #fff url("images/select_arrow.png") no-repeat right 12px top 50%/6px
    15px;
  position: relative;
  width: auto;
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  padding: 10px;
  border: 2px solid #c5c5c5;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 6px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .select-wrapper {
    font-size: 16px;
  }
}

.select-wrapper::after {
  content: "";
  background: url("images/select_arrow.png") no-repeat 0 0/10px 25px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 10px;
  height: 25px;
  width: 10px;
}

.select-wrapper select {
  background: none;
  width: 100%;
  font-size: 18px;
  padding: 10px 30px 10px 10px;
  border: none;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  line-height: 1.5;
  background: none transparent;
  vertical-align: middle;
  outline: inherit;
}
@media (max-width: 767px) {
  .select-wrapper select {
    font-size: 16px;
  }
}

.select-wrapper select.form-control-auto {
  width: auto;
}

/* ie9対策 */
.select-wrapper select:not(:target) {
  width: 120% \9;
}

.mw_wp_form_preview .select-wrapper {
  background: none;
  border: none;
  padding: 0;
}

.mw_wp_form_preview .select-wrapper::after {
  content: none;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #aaa;
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #aaa;
  opacity: 1;
}

input::placeholder,
textarea::placeholder {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #aaa;
  opacity: 1;
}

/* IE */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #aaa;
  opacity: 1;
}

/* Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #aaa;
  opacity: 1;
}

/* Chrome, Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox, IE */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Chrome autofill */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

/* ==============================================
 Media Queries
=============================================== */
/* hidden
----------------------------------------------- */
@media screen and (min-width: 1025px) {
  .hidden-lg {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hidden-md {
    display: none !important;
  }
}
@media screen and (min-width: 544px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media screen and (max-width: 543px) {
  .hidden-xs {
    display: none !important;
  }
}
/* column
----------------------------------------------- */
.col-lg-1 {
  width: 12%;
}

.col-lg-2 {
  width: 16.6666%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-4 {
  width: 33.3333%;
}

.col-lg-5 {
  width: 41.6666%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-7 {
  width: 57.0833%;
}

.col-lg-8 {
  width: 66.6667%;
}

.col-lg-9 {
  width: 75%;
}

.col-lg-10 {
  width: 83.3334%;
}

.col-lg-11 {
  width: 91.6666%;
}

.col-lg-12 {
  width: 100%;
}

/* pc min
----------------------------------------------- */
@media screen and (max-width: 1119px) {
  /* column
  ----------------------------------------------- */
  .col-md-1 {
    width: 12%;
  }

  .col-md-2 {
    width: 16.6666%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333%;
  }

  .col-md-5 {
    width: 41.6666%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 57.0833%;
  }

  .col-md-8 {
    width: 66.6667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3334%;
  }

  .col-md-11 {
    width: 91.6666%;
  }

  .col-md-12 {
    width: 100%;
  }
}
/* tablet
----------------------------------------------- */
@media screen and (max-width: 991px) {
  body.sp-nav-open {
    overflow: hidden !important;
  }

  /* ==============================================
   Layout
  =============================================== */
  /* column
  ----------------------------------------------- */
  .col-sm-1 {
    width: 12%;
  }

  .col-sm-2 {
    width: 16.6666%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333%;
  }

  .col-sm-5 {
    width: 41.6666%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 57.0833%;
  }

  .col-sm-8 {
    width: 66.6667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3334%;
  }

  .col-sm-11 {
    width: 91.6666%;
  }

  .col-sm-12 {
    width: 100%;
  }
}
/* column
----------------------------------------------- */
@media screen and (max-width: 767px) {
  /* column
  ----------------------------------------------- */
  .col-xs-1 {
    width: 12%;
  }

  .col-xs-2 {
    width: 16.6666%;
  }

  .col-xs-3 {
    width: 25%;
  }

  .col-xs-4 {
    width: 33.3333%;
  }

  .col-xs-5 {
    width: 41.6666%;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-xs-7 {
    width: 57.0833%;
  }

  .col-xs-8 {
    width: 66.6667%;
  }

  .col-xs-9 {
    width: 75%;
  }

  .col-xs-10 {
    width: 83.3334%;
  }

  .col-xs-11 {
    width: 91.6666%;
  }

  .col-xs-12 {
    width: 100%;
  }
}
@media print {
  body {
    zoom: 75%;
  }
}
.shopButton a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 3em;
  width: 300px;
  color: #074179;
  font-size: 18px;
  font-weight: 700;
  background-color: #ffffff;
  transition: 0.3s;
  margin-bottom: 20px;
  border-radius: 1vh;
} /*# sourceMappingURL=style.css.map */

.backshop {
  margin: 15px 40px;
  font-weight: bold;
  font-size: 1.5vw;
}

/* ayasii
----------------------------------------------- */