@charset "UTF-8";
@import url("global.css");
.cat-openhouse {
  background-color: #FFD555;
}

.cat-seminar {
  background-color: #85D3FA;
}

.cat-fair {
  background-color: #B7F887;
}

.cat-other {
  background-color: #ccc;
}

.cat-campaign {
  background-color: #AA8E4B;
}

#bodyarea .sub_title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}
#bodyarea .btn {
  width: 400px;
  margin: 40px auto 30px;
}
#bodyarea .btn a {
  text-align: center;
  display: block;
  border: 1px solid #C9C5C0;
  border-radius: 50px;
  padding: 15px 20px;
  background-color: #fff;
  font-size: 14px;
  font-weight: bold;
}
#bodyarea .btn a::after {
  content: "";
  width: 70px;
  height: 10px;
  background: url("../img/arrowb.png") no-repeat center center;
  background-size: contain;
  display: inline-block;
  vertical-align: 0;
  margin-left: 10px;
}
#bodyarea .btn a br {
  display: none;
}
#bodyarea #intro {
  padding: 65px 0;
  position: relative;
}
#bodyarea #intro .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#bodyarea #intro .inner {
  background-color: rgba(255, 255, 255, 0.88);
  box-sizing: border-box;
  max-width: 800px;
  padding: 60px;
  margin: 0 auto;
  text-align: center;
}
#bodyarea #intro .inner .sub_title {
  color: #8E1728;
}
#bodyarea #intro .inner .btn {
  margin-bottom: 0;
}
#bodyarea #intro .inner .btnlist {
  margin-top: 40px;
}
#bodyarea #intro .inner .btnlist ul {
  display: flex;
  justify-content: space-between;
}
#bodyarea #intro .inner .btnlist ul li {
  width: 32%;
}
#bodyarea #intro .inner .btnlist ul li a {
  text-align: center;
  display: block;
  border: 1px solid #8E1728;
  background-color: #FFF;
  padding: 15px 20px;
  color: #8E1728;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
#bodyarea #intro .inner .btnlist ul li a::after {
  content: "\f0d7";
  font-family: "Font Awesome 5 free", "Font Awesome 5 Brands";
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 20px;
  transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#bodyarea #intro .inner .btnlist ul li a:hover {
  transform: translateY(5px);
  opacity: 0.9;
}
#bodyarea #mixevent {
  background-color: #8E1728;
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#bodyarea #mixevent > .f_inner {
  width: calc(100% - (100% - 1280px) / 2);
  margin-left: auto;
  align-items: stretch;
  flex-wrap: nowrap;
}
#bodyarea #mixevent .titlearea {
  width: 210px;
  padding-top: 60px;
  flex-shrink: 0;
}
#bodyarea #mixevent .titlearea .sectitle {
  position: relative;
}
#bodyarea #mixevent .titlearea .sectitle span {
  display: block;
  line-height: 1.4;
  font-weight: 700;
}
#bodyarea #mixevent .titlearea .sectitle .jp {
  color: #FFF;
  font-size: 25px;
  position: relative;
  z-index: 2;
}
#bodyarea #mixevent .titlearea .sectitle .jp small {
  display: block;
  font-size: 65%;
}
#bodyarea #mixevent .titlearea .sectitle .en {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: -15px;
  opacity: 0.4;
  font-size: 26px;
  font-family: "DM Sans", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  color: #ccc;
  letter-spacing: 0.1em;
}
#bodyarea #mixevent ul.list {
  align-items: stretch;
  flex-grow: 1;
  justify-content: flex-start;
}
#bodyarea #mixevent ul.list li {
  width: 33.3333333333%;
  box-sizing: border-box;
  padding-right: 55px;
}
#bodyarea #mixevent ul.list li a {
  display: block;
  position: relative;
  color: #FFF;
}
#bodyarea #mixevent ul.list li a:hover .image img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
#bodyarea #mixevent ul.list li a:hover .image::before {
  opacity: 0.5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
}
#bodyarea #mixevent ul.list li .entrydate {
  width: 100px;
  position: absolute;
  color: #8E1728;
  font-size: 14px;
  font-family: "DM Sans", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  line-height: 1;
  right: -107px;
  top: -10px;
  transform-origin: left bottom;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
#bodyarea #mixevent ul.list li .image {
  height: 0;
  padding-top: 70%;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
#bodyarea #mixevent ul.list li .image::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  bottom: 20px;
  right: 20px;
  background-color: #AA8E4B;
  border-radius: 200px;
  z-index: 2;
  transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  opacity: 0;
}
#bodyarea #mixevent ul.list li .image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#bodyarea #mixevent ul.list li .main {
  padding: 20px 15px 10px;
  line-height: 1.5;
  font-weight: 700;
  position: relative;
}
#bodyarea #mixevent ul.list li .main .entrytitle {
  margin-bottom: 5px;
}
#bodyarea #mixevent ul.list li .main .date {
  font-size: 15px;
  margin-bottom: 10px;
  letter-spacing: 0;
}
#bodyarea #mixevent ul.list li .main .cat {
  margin-bottom: 5px;
}
#bodyarea #mixevent ul.list li .main .cat span {
  display: inline-block;
  padding: 1px 12px 3px;
  border: #FFF 1px solid;
  color: #222;
  border-radius: 50px;
  font-size: 12px;
  letter-spacing: 0;
  position: relative;
  overflow: hidden;
}
#bodyarea #mixevent ul.list li .main .cat span:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
}
#bodyarea #mixevent ul.list li .main .address {
  font-size: 13px;
  padding-right: 30px;
  position: relative;
  display: inline-block;
}
#bodyarea #mixevent ul.list li .main .address::after {
  content: "";
  width: 16px;
  height: 22px;
  background: url("../img/point_w.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}
#bodyarea #mixevent ul.list li .main .staff {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
#bodyarea #mixevent ul.list li.end .image::before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 0;
  background-color: #222;
  opacity: 0.3;
}
#bodyarea #mixevent ul.list li.end .image::after {
  content: "受付を終了しました";
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #fff;
  z-index: 3;
  line-height: 1;
  font-size: 19px;
  font-weight: 700;
}
#bodyarea #mixevent ul.list li.end a:hover .image::before {
  opacity: 0.3;
}
#bodyarea #mixevent .pagebtn {
  margin: 60px auto 0;
  width: 600px;
}
#bodyarea #mixevent .pagebtn a {
  display: block;
  line-height: 100px;
  border: 1px solid #8E1728;
  color: #8E1728;
  background-color: #FFF;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
#bodyarea #mixevent .pagebtn a::after {
  content: "\f0d7";
  font-family: "Font Awesome 5 free", "Font Awesome 5 Brands";
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 32px;
  transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#bodyarea #mixevent .pagebtn a:hover {
  transform: translateY(10px);
  opacity: 0.9;
}
#bodyarea #afsv {
  background-color: #f4f4f4;
  padding: 80px 0 60px;
  position: relative;
}
#bodyarea #afsv .maintitle {
  margin-bottom: 50px;
  line-height: 1.2;
  text-align: center;
  position: relative;
}
#bodyarea #afsv .maintitle span {
  display: block;
  font-weight: 700;
}
#bodyarea #afsv .maintitle .jp {
  color: #8E1728;
  font-size: 33px;
  position: relative;
  z-index: 2;
}
#bodyarea #afsv .maintitle .jp small {
  display: block;
  font-size: 60%;
}
#bodyarea #afsv .maintitle .en {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: -15px;
  opacity: 0.7;
  text-align: center;
  font-size: 33px;
  font-family: "DM Sans", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  color: #ccc;
  letter-spacing: 0.3em;
  padding-left: 0.3em;
}
#bodyarea #afsv .introtxt {
  text-align: center;
}
#bodyarea #afsv .afsv_item {
  margin-top: 60px;
}
#bodyarea #afsv .afsv_item .sub_title {
  display: flex;
  margin-bottom: 30px;
}
#bodyarea #afsv .afsv_item .sub_title span {
  display: block;
  line-height: 50px;
}
#bodyarea #afsv .afsv_item .sub_title span.num {
  text-align: center;
  width: 50px;
  background-color: #8E1728;
  color: #FFF;
  font-size: 30px;
  font-weight: bold;
}
#bodyarea #afsv .afsv_item .sub_title span.ttl {
  padding-left: 15px;
  color: #8E1728;
  font-size: 26px;
}
#bodyarea #afsv .afsv_item .flex_inner {
  display: flex;
  align-items: center;
}
#bodyarea #afsv .afsv_item .flex_inner .ph {
  width: 50%;
  height: 360px;
  margin-right: 4%;
}
#bodyarea #afsv .afsv_item .flex_inner .textarea .note {
  margin-top: 5px;
  display: block;
  opacity: 0.7;
  font-size: 95%;
}
#bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item {
  margin-bottom: 4%;
  width: 48%;
}
#bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl {
  background-color: #FFF;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt {
  padding: 20px 30px;
}
#bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt span {
  font-size: 24px;
  font-weight: bold;
  padding-left: 30px;
  position: relative;
}
#bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  width: 18px;
  height: 18px;
  background-color: #ccc;
}
#bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dd {
  padding: 0 30px 45px;
}
#bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dd .text {
  text-align: justify;
}
#bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dd .text > p + p {
  margin-top: 10px;
}
#bodyarea #afsv .pagebtn {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: -50px;
  margin-left: -300px;
  width: 600px;
}
#bodyarea #afsv .pagebtn a {
  display: block;
  line-height: 100px;
  border: 1px solid #8E1728;
  color: #8E1728;
  background-color: #FFF;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
#bodyarea #afsv .pagebtn a::after {
  content: "\f0d7";
  font-family: "Font Awesome 5 free", "Font Awesome 5 Brands";
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 32px;
  transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#bodyarea #afsv .pagebtn a br {
  display: none;
}
#bodyarea #afsv .pagebtn a:hover {
  transform: translateY(10px);
  opacity: 0.9;
}
#bodyarea #referral {
  padding: 120px 0;
}
#bodyarea #referral .maintitle {
  margin-bottom: 80px;
  line-height: 1.2;
  text-align: center;
  position: relative;
}
#bodyarea #referral .maintitle span {
  display: block;
  font-weight: 700;
}
#bodyarea #referral .maintitle .jp {
  color: #8E1728;
  font-size: 33px;
  position: relative;
  z-index: 2;
}
#bodyarea #referral .maintitle .jp small {
  display: block;
  font-size: 60%;
}
#bodyarea #referral .maintitle .en {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: -15px;
  opacity: 0.7;
  text-align: center;
  font-size: 33px;
  font-family: "DM Sans", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  color: #ccc;
  letter-spacing: 0.3em;
  padding-left: 0.3em;
}
#bodyarea #referral .flex_inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
#bodyarea #referral .flex_inner .ph {
  order: 2;
  flex-shrink: 0;
  width: 50%;
  margin-left: 30px;
}
#bodyarea #referral .flex_inner .textarea h4 {
  text-align: left;
  line-height: 1.5;
  margin-bottom: 25px;
}
#bodyarea #referral .flex_inner .textarea h4 span {
  display: inline-block;
  padding: 0 15px;
  background-color: #8E1728;
  color: #FFF;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
#bodyarea #referral .flex_inner .textarea .text {
  text-align: justify;
}
#bodyarea #referral .flex_inner .textarea ul {
  margin-top: 30px;
}
#bodyarea #referral .flex_inner .textarea ul li {
  line-height: 1.6;
  font-size: 22px;
  font-weight: bold;
}
#bodyarea #referral .flex_inner .textarea ul li::before {
  content: "●";
  display: inline-block;
  vertical-align: 3px;
  font-size: 12px;
  margin-right: 5px;
}
#bodyarea #referral .pagebtn {
  margin: 0 auto;
  max-width: 600px;
  text-align: center;
}
#bodyarea #referral .pagebtn a {
  display: block;
  line-height: 100px;
  border: 1px solid #8E1728;
  color: #8E1728;
  font-size: 23px;
  font-weight: bold;
  position: relative;
}
#bodyarea #referral .pagebtn a::after {
  content: "\f0da";
  font-family: "Font Awesome 5 free", "Font Awesome 5 Brands";
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 32px;
  transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#bodyarea #referral .pagebtn a:hover {
  transform: translateX(10px);
  opacity: 0.9;
}
#bodyarea #club {
  background-color: #8E1728;
  padding: 100px 0;
}
#bodyarea #club .maintitle {
  text-align: center;
  line-height: 1.2;
  margin-bottom: 40px;
  position: relative;
}
#bodyarea #club .maintitle span {
  display: block;
  font-weight: 700;
}
#bodyarea #club .maintitle .jp {
  color: #fff;
  font-size: 33px;
  position: relative;
  z-index: 2;
}
#bodyarea #club .maintitle .jp small {
  display: block;
  font-size: 60%;
}
#bodyarea #club .maintitle .en {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: -15px;
  opacity: 0.4;
  text-align: center;
  font-size: 33px;
  font-family: "DM Sans", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  color: #ccc;
  letter-spacing: 0.3em;
  padding-left: 0.3em;
}
#bodyarea #club .club_mv {
  position: relative;
}
#bodyarea #club .club_mv .img_text {
  position: absolute;
  display: block;
  text-align: center;
  right: 40px;
  width: 40%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#bodyarea #club .merit_box {
  margin-bottom: 40px;
}
#bodyarea #club .merit_box .merit_box_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item {
  width: 48%;
  overflow: hidden;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item:last-of-type dl {
  height: calc(100% - 40px);
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl {
  margin-top: 40px;
  border: 1px solid #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #FFF;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt {
  padding: 20px 30px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt span {
  font-size: 24px;
  font-weight: bold;
  padding-left: 30px;
  position: relative;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  width: 18px;
  height: 18px;
  background-color: #FFF;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd {
  padding: 0 30px 30px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner {
  display: flex;
  justify-content: space-between;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner figure {
  flex-shrink: 0;
  width: 40%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 20px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner figure.image img {
  background-color: #FFF;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner .text {
  text-align: justify;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner .text > p + p {
  margin-top: 10px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner .text .min_list {
  padding: 5px 0 0 5px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner .text .min_list li {
  line-height: 1.4;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner .text .min_list li::before {
  content: "●";
  display: inline-block;
  margin-right: 5px;
  font-size: 10px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points {
  margin-top: 30px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points > p {
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points > p::before, #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points > p::after {
  content: "";
  display: inline-block;
  margin: 0 10px;
  width: 50px;
  height: 1px;
  background-color: #FFF;
  vertical-align: 5px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points ul li {
  line-height: 1.4;
  font-size: 95%;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points ul li + li {
  margin-top: 3px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points ul li::before {
  content: "●";
  font-size: 10px;
  display: inline-block;
  margin-right: 5px;
}
#bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points .note {
  margin-top: 5px;
  display: block;
  text-align: right;
  font-size: 90%;
}
#bodyarea #club .btnbox {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}
#bodyarea #club .btnbox .item {
  flex: 1;
  max-width: 600px;
}
#bodyarea #club .btnbox .item + .item {
  margin-left: 3%;
}
#bodyarea #club .btnbox .item a {
  display: block;
  position: relative;
  background-color: #fff;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  color: #8E1728;
}
#bodyarea #club .btnbox .item a::after {
  content: "\f0da";
  font-family: "Font Awesome 5 free", "Font Awesome 5 Brands";
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 32px;
}
#bodyarea #club .btnbox .item a p {
  font-size: 26px;
}
#bodyarea #club .btnbox .item a p span {
  display: block;
  font-size: 15px;
}
#bodyarea #club .btnbox .item a:hover {
  transform: translateX(10px);
  opacity: 0.9;
}
#bodyarea #limit {
  padding: 120px 0;
}
#bodyarea #limit .maintitle {
  margin-bottom: 80px;
  line-height: 1.2;
  text-align: center;
  position: relative;
}
#bodyarea #limit .maintitle span {
  display: block;
  font-weight: 700;
}
#bodyarea #limit .maintitle .jp {
  color: #8E1728;
  font-size: 33px;
  position: relative;
  z-index: 2;
}
#bodyarea #limit .maintitle .jp small {
  display: block;
  font-size: 60%;
}
#bodyarea #limit .maintitle .en {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: -15px;
  opacity: 0.7;
  text-align: center;
  font-size: 33px;
  font-family: "DM Sans", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  color: #ccc;
  letter-spacing: 0.3em;
  padding-left: 0.3em;
}
#bodyarea #limit .introtxt {
  text-align: center;
}
#bodyarea #limit .flex_inner {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#bodyarea #limit .flex_inner .ph {
  flex-shrink: 0;
  width: 50%;
  margin-right: 60px;
}
#bodyarea #limit .flex_inner .textarea {
  width: 100%;
}
#bodyarea #limit .flex_inner .textarea ul li + li {
  margin-top: 5px;
}
#bodyarea #limit .flex_inner .textarea ul li a {
  display: block;
  line-height: 1.4;
  font-size: 22px;
  font-weight: bold;
  padding: 10px 80px 10px 20px;
  border: 1px solid rgba(142, 23, 40, 0.2);
  position: relative;
}
#bodyarea #limit .flex_inner .textarea ul li a::after {
  content: "";
  position: absolute;
  right: 3%;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 10px;
  background: url("../img/arrowb.png") no-repeat center center;
  background-size: contain;
}
#bodyarea #limit .flex_inner .textarea ul li a:hover {
  background-color: rgba(142, 23, 40, 0.1);
}
#bodyarea #afterservice {
  margin-top: 120px;
}
#bodyarea #afterservice .maintitle {
  position: relative;
  margin-bottom: 80px;
  line-height: 1.7;
  text-align: center;
}
#bodyarea #afterservice .maintitle span {
  display: block;
}
#bodyarea #afterservice .maintitle .en {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  z-index: 1;
  color: #C9C5C0;
  font-size: 80px;
  font-weight: 700;
  font-family: "DM Sans", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  letter-spacing: 0.3em;
  padding-left: 0.3em;
}
#bodyarea #afterservice .maintitle .jp {
  position: relative;
  z-index: 2;
  color: #8E1728;
  font-size: 28px;
  font-weight: 700;
}
#bodyarea #afterservice .maintitle .jp strong {
  display: block;
  font-size: 1.3em;
}
#bodyarea #afterservice .introtxt {
  text-align: center;
}
#bodyarea #afterservice .flex_inner {
  display: flex;
  margin-top: 60px;
}
#bodyarea #afterservice .flex_inner .ph {
  order: -1;
  width: 50%;
  margin-right: 5%;
}
#bodyarea #afterservice .flex_inner .textarea {
  align-self: center;
}
#bodyarea #afterservice .flex_inner .textarea .sub_title {
  text-align: left;
  font-size: 26px;
}
#bodyarea #afterservice .flex_inner .textarea .sub_title span {
  color: #8E1728;
  display: block;
}
#bodyarea #afterservice .flex_inner .textarea .btn {
  margin-left: 0;
}
#bodyarea #introduction {
  margin-top: 90px;
  background-color: #f4f4f4;
  padding: 80px 0 140px;
}
#bodyarea #introduction .wrapper {
  text-align: center;
}
#bodyarea #introduction .sub_title {
  display: inline-block;
  position: relative;
  padding: 0 30px;
  color: #8E1728;
}
#bodyarea #introduction .sub_title br {
  display: none;
}
#bodyarea #introduction .sub_title .sub {
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #8E1728;
}
#bodyarea #introduction .phbox {
  display: flex;
  align-items: flex-start;
  margin-top: 60px;
}
#bodyarea #introduction .phbox p {
  flex: 1;
}
#bodyarea #introduction .phbox p + p {
  margin-left: 3%;
}
#bodyarea #introduction .phbox p:nth-child(even) {
  margin-top: 20px;
}
#bodyarea #ownersclub {
  background-color: #8E1728;
  padding: 90px 0;
  color: #fff;
}
#bodyarea #ownersclub .maintitle {
  text-align: center;
  position: relative;
  line-height: 1.2;
  margin-bottom: 40px;
  font-weight: 700;
}
#bodyarea #ownersclub .maintitle span {
  display: block;
}
#bodyarea #ownersclub .maintitle span.en {
  font-size: 30px;
  letter-spacing: 0.3em;
  margin-bottom: 5px;
}
#bodyarea #ownersclub .maintitle span.jp {
  font-size: 14px;
}
#bodyarea #ownersclub .introtxt {
  text-align: center;
}
#bodyarea #ownersclub .meritarea {
  display: flex;
  margin-top: 40px;
}
#bodyarea #ownersclub .meritarea .head {
  width: 270px;
  flex-shrink: 0;
}
#bodyarea #ownersclub .meritarea .head .title {
  text-align: center;
  margin-top: 75px;
  line-height: 1.2;
}
#bodyarea #ownersclub .meritarea .head .title span {
  display: block;
}
#bodyarea #ownersclub .meritarea .head .title span.en {
  font-family: "DM Sans", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  font-size: 30px;
  letter-spacing: 0.3em;
  margin-bottom: 5px;
  font-weight: bold;
}
#bodyarea #ownersclub .meritarea .head .title span.jp {
  font-size: 14px;
}
#bodyarea #ownersclub .meritarea .body {
  display: flex;
}
#bodyarea #ownersclub .meritarea .body .item {
  flex: 1;
}
#bodyarea #ownersclub .meritarea .body .item + .item {
  margin-left: 3%;
}
#bodyarea #ownersclub .meritarea .body .item:nth-of-type(2) {
  transition-delay: 0.2s;
}
#bodyarea #ownersclub .meritarea .body .item:nth-of-type(3) {
  transition-delay: 0.4s;
}
#bodyarea #ownersclub .meritarea .body .item .ph {
  position: relative;
}
#bodyarea #ownersclub .meritarea .body .item .ph figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
  background-color: #fff;
  box-sizing: border-box;
  padding: 6px;
  text-align: center;
  width: 80%;
  color: #8E1728;
  font-weight: bold;
  line-height: 1.6;
}
#bodyarea #ownersclub .meritarea .body .item .text {
  margin-top: 40px;
}
#bodyarea #ownersclub .meritarea .body .item .text .list {
  margin-top: 10px;
}
#bodyarea #ownersclub .meritarea .body .item .text .list li {
  display: inline-block;
  margin-right: 1em;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  padding-left: 12px;
}
#bodyarea #ownersclub .meritarea .body .item .text .list li::before {
  content: "";
  background-color: #fff;
  width: 6px;
  height: 6px;
  border-radius: 99px;
  position: absolute;
  top: 10px;
  left: 0;
}
#bodyarea #ownersclub .btnbox {
  display: flex;
  margin-top: 80px;
}
#bodyarea #ownersclub .btnbox .item {
  flex: 1;
}
#bodyarea #ownersclub .btnbox .item + .item {
  margin-left: 3%;
}
#bodyarea #ownersclub .btnbox .item a {
  display: block;
  position: relative;
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 20px;
  font-weight: bold;
  color: #8E1728;
}
#bodyarea #ownersclub .btnbox .item a::after {
  content: "\f0da";
  font-family: "Font Awesome 5 free", "Font Awesome 5 Brands";
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 32px;
}
#bodyarea #ownersclub .btnbox .item a p {
  font-size: 26px;
}
#bodyarea #ownersclub .btnbox .item a p span {
  display: block;
  font-size: 15px;
}
#bodyarea #formarea .form_intro {
  text-align: center;
  margin-bottom: 30px;
}

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

 Responsive-Breakpoint-1 (1500px)

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1500px) {
  #bodyarea #mixevent > .f_inner {
    width: auto;
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 90px;
    padding-left: 40px;
  }
  #bodyarea #mixevent ul.list li {
    padding-right: 50px;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1.5 (1280px)

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1280px) {
  #bodyarea #mixevent .titlearea {
    width: 190px;
  }
  #bodyarea #mixevent .titlearea .sectitle .jp {
    font-size: 22px;
  }
  #bodyarea #mixevent .titlearea .sectitle .jp small {
    font-size: 60%;
  }
  #bodyarea #mixevent .titlearea .sectitle .en {
    font-size: 25px;
  }
  #bodyarea #mixevent ul.list li {
    padding-right: 30px;
  }
  #bodyarea #mixevent ul.list li .entrydate {
    font-size: 13px;
  }
  #bodyarea #mixevent ul.list li .main {
    padding: 20px 0 10px;
  }
  #bodyarea #mixevent ul.list li .main .address {
    margin-right: 45px;
  }
  #bodyarea #mixevent ul.list li .main .staff {
    right: -10px;
    width: 52px;
    height: 52px;
  }
  #bodyarea #mixevent .pagebtn a {
    line-height: 80px;
    font-size: 21px;
  }
  #bodyarea #mixevent .pagebtn a::after {
    font-size: 30px;
  }
  #bodyarea #afsv {
    padding: 60px 0 40px;
  }
  #bodyarea #afsv .maintitle {
    margin-bottom: 40px;
  }
  #bodyarea #afsv .maintitle .jp {
    font-size: 30px;
  }
  #bodyarea #afsv .maintitle .en {
    font-size: 30px;
  }
  #bodyarea #afsv .afsv_item .sub_title span.ttl {
    font-size: 25px;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item {
    margin-bottom: 2%;
    width: 49%;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt span {
    font-size: 22px;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt span::before {
    margin-top: -6px;
    width: 16px;
    height: 16px;
  }
  #bodyarea #afsv .pagebtn {
    bottom: -40px;
  }
  #bodyarea #afsv .pagebtn a {
    line-height: 80px;
    font-size: 21px;
  }
  #bodyarea #afsv .pagebtn a::after {
    font-size: 30px;
  }
  #bodyarea #referral {
    padding: 100px 0;
  }
  #bodyarea #referral .maintitle {
    margin-bottom: 70px;
  }
  #bodyarea #referral .maintitle .jp {
    font-size: 30px;
  }
  #bodyarea #referral .maintitle .en {
    font-size: 30px;
  }
  #bodyarea #referral .flex_inner {
    display: block;
    max-width: 640px;
    margin: 0 auto 60px;
  }
  #bodyarea #referral .flex_inner .ph {
    width: 100%;
    margin-left: 0;
  }
  #bodyarea #referral .flex_inner .textarea {
    position: relative;
    padding: 30px 20px 0;
  }
  #bodyarea #referral .flex_inner .textarea h4 {
    position: absolute;
    left: 0;
    top: -140px;
    margin-bottom: 0;
  }
  #bodyarea #referral .flex_inner .textarea ul li {
    font-size: 20px;
  }
  #bodyarea #referral .pagebtn a {
    line-height: 80px;
    font-size: 21px;
  }
  #bodyarea #referral .pagebtn a::after {
    font-size: 30px;
  }
  #bodyarea #club {
    padding: 90px 0;
  }
  #bodyarea #club .maintitle .jp {
    font-size: 30px;
  }
  #bodyarea #club .maintitle .en {
    font-size: 30px;
  }
  #bodyarea #club .club_mv .img_text {
    right: 30px;
    width: 42%;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item {
    width: 49%;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item:last-of-type dl {
    height: calc(100% - 30px);
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl {
    margin-top: 30px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt {
    padding: 20px 25px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt span {
    font-size: 22px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt span::before {
    margin-top: -6px;
    width: 16px;
    height: 16px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd {
    padding: 0 25px 30px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner .text > p br {
    display: none;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points {
    margin-top: 20px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points > p::before, #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points > p::after {
    width: 40px;
  }
  #bodyarea #club .btnbox {
    margin-top: 50px;
  }
  #bodyarea #limit {
    padding: 100px 0;
  }
  #bodyarea #limit .maintitle {
    margin-bottom: 60px;
  }
  #bodyarea #limit .maintitle .jp {
    font-size: 30px;
  }
  #bodyarea #limit .maintitle .en {
    font-size: 30px;
  }
  #bodyarea #limit .flex_inner {
    margin-top: 50px;
  }
  #bodyarea #limit .flex_inner .ph {
    margin-right: 40px;
  }
  #bodyarea #limit .flex_inner .textarea ul li a {
    font-size: 20px;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  #bodyarea .sub_title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #bodyarea .btn {
    margin-top: 30px;
  }
  #bodyarea #intro {
    padding: 50px 0;
  }
  #bodyarea #intro .inner {
    padding: 40px;
  }
  #bodyarea #intro .inner .text {
    text-align: left;
  }
  #bodyarea #intro .inner .text br {
    display: none;
  }
  #bodyarea #intro .inner .btnlist {
    margin-top: 30px;
  }
  #bodyarea #intro .inner .btnlist ul li {
    width: 32.5%;
  }
  #bodyarea #intro .inner .btnlist ul li a {
    padding: 12px 15px;
    font-size: 13px;
  }
  #bodyarea #intro .inner .btnlist ul li a::after {
    font-size: 18px;
  }
  #bodyarea #mixevent {
    padding: 70px 0;
  }
  #bodyarea #mixevent > .f_inner {
    padding-right: 4vw;
    padding-left: 4vw;
  }
  #bodyarea #mixevent ul.list {
    display: block;
    width: calc(100% - 190px);
  }
  #bodyarea #mixevent ul.list li {
    width: auto;
  }
  #bodyarea #mixevent ul.list li a:hover .image img {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  #bodyarea #mixevent ul.list li a:hover .image::before {
    opacity: 0;
  }
  #bodyarea #mixevent ul.list li .main {
    padding: 20px 10px 0;
  }
  #bodyarea #mixevent ul.list li .main .address {
    font-size: 14px;
  }
  #bodyarea #mixevent ul.list li .main .staff {
    right: -10px;
    width: 60px;
    height: 60px;
  }
  #bodyarea #mixevent ul.list li.end .image::before {
    background-color: #AA8E4B;
    opacity: 0.6;
  }
  #bodyarea #mixevent ul.list li.end a:hover .image::before {
    opacity: 0.6;
  }
  #bodyarea #mixevent ul.carousel .slick-next {
    right: 0;
    top: 150px;
    border: 1px solid #FFF;
    background-color: #C9C5C0;
  }
  #bodyarea #mixevent ul.carousel .slick-prev {
    left: -30px;
    top: 150px;
    border: 1px solid #FFF;
    background-color: #C9C5C0;
  }
  #bodyarea #mixevent .pagebtn {
    width: auto;
    margin: 50px 4vw 0;
  }
  #bodyarea #mixevent .pagebtn a {
    padding: 0 40px;
    line-height: 70px;
    font-size: 20px;
    white-space: nowrap;
  }
  #bodyarea #mixevent .pagebtn a::after {
    font-size: 28px;
  }
  #bodyarea #afsv {
    padding: 80px 0 0;
  }
  #bodyarea #afsv .maintitle {
    margin-bottom: 35px;
  }
  #bodyarea #afsv .introtxt {
    text-align: justify;
  }
  #bodyarea #afsv .introtxt br {
    display: none;
  }
  #bodyarea #afsv .afsv_item {
    margin-top: 40px;
  }
  #bodyarea #afsv .afsv_item .sub_title {
    margin-bottom: 20px;
  }
  #bodyarea #afsv .afsv_item .sub_title span {
    line-height: 46px;
  }
  #bodyarea #afsv .afsv_item .sub_title span.num {
    width: 46px;
    font-size: 25px;
  }
  #bodyarea #afsv .afsv_item .sub_title span.ttl {
    padding-left: 10px;
    font-size: 22px;
  }
  #bodyarea #afsv .afsv_item .flex_inner {
    display: block;
    position: relative;
    overflow: hidden;
  }
  #bodyarea #afsv .afsv_item .flex_inner .ph {
    position: absolute;
    height: auto;
    top: 66px;
    left: 0;
    bottom: 0;
    width: 50%;
    margin-right: 0;
  }
  #bodyarea #afsv .afsv_item .flex_inner .textarea {
    min-height: 280px;
  }
  #bodyarea #afsv .afsv_item .flex_inner .textarea > p {
    margin-left: 54%;
  }
  #bodyarea #afsv .afsv_item .flex_inner .textarea .note {
    margin-left: 54%;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex {
    display: block;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item {
    margin-bottom: 10px;
    width: 100%;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl {
    height: auto;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt {
    padding: 15px 20px;
    position: relative;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 free", "Font Awesome 5 Brands";
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 32px;
    transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt span {
    font-size: 19px;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt:hover {
    cursor: pointer;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt.tg_open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    color: #ccc;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dd {
    display: none;
    padding: 0 20px 30px;
  }
  #bodyarea #afsv .pagebtn {
    position: static;
    width: auto;
    margin: 0 auto;
    -webkit-transform: translate(0, 35px);
    transform: translate(0, 35px);
  }
  #bodyarea #afsv .pagebtn a {
    padding: 0 40px;
    line-height: 70px;
    font-size: 20px;
    white-space: nowrap;
  }
  #bodyarea #afsv .pagebtn a::after {
    font-size: 28px;
  }
  #bodyarea #referral .maintitle {
    margin-bottom: 45px;
  }
  #bodyarea #referral .flex_inner .textarea h4 span {
    margin-bottom: 8px;
  }
  #bodyarea #referral .flex_inner .textarea ul li {
    font-size: 19px;
  }
  #bodyarea #referral .flex_inner .textarea ul li::before {
    font-size: 10px;
  }
  #bodyarea #referral .pagebtn {
    width: auto;
  }
  #bodyarea #referral .pagebtn a {
    padding: 0 30px;
    line-height: 70px;
    font-size: 20px;
  }
  #bodyarea #referral .pagebtn a::after {
    font-size: 28px;
  }
  #bodyarea #club .merit_box {
    margin-bottom: 40px;
  }
  #bodyarea #club .merit_box .merit_box_flex {
    display: block;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item {
    width: 100%;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item:last-of-type dl {
    height: auto;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl {
    margin-top: 10px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt {
    padding: 15px 20px;
    position: relative;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 free", "Font Awesome 5 Brands";
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 32px;
    transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt span {
    font-size: 19px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt:hover {
    background-color: rgba(244, 244, 244, 0.1);
    cursor: pointer;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt.tg_open {
    background-color: rgba(244, 244, 244, 0.1);
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt.tg_open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    color: #ccc;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd {
    padding: 20px 20px 25px;
    display: none;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner figure {
    width: 210px;
  }
  #bodyarea #club .btnbox {
    margin-top: 45px;
  }
  #bodyarea #club .btnbox .item + .item {
    margin: 15px 0 0;
  }
  #bodyarea #limit {
    padding: 90px 0;
  }
  #bodyarea #limit .maintitle {
    margin-bottom: 45px;
  }
  #bodyarea #limit .flex_inner {
    margin-top: 35px;
  }
  #bodyarea #limit .flex_inner .ph {
    margin-right: 25px;
  }
  #bodyarea #limit .flex_inner .textarea ul li a {
    font-size: 17px;
    padding: 10px 80px 10px 15px;
  }
  #bodyarea #limit .flex_inner .textarea ul li a::after {
    right: 5%;
    width: 60px;
    height: 9px;
  }
  #bodyarea #afterservice {
    margin-top: 80px;
  }
  #bodyarea #afterservice .maintitle {
    margin: 0 -4vw 50px;
  }
  #bodyarea #afterservice .flex_inner {
    display: block;
    margin-top: 40px;
  }
  #bodyarea #afterservice .flex_inner .ph {
    width: 65%;
    margin: 0 auto 30px;
  }
  #bodyarea #afterservice .flex_inner .textarea {
    text-align: center;
  }
  #bodyarea #afterservice .flex_inner .textarea .sub_title {
    font-size: 24px;
    text-align: center;
  }
  #bodyarea #afterservice .flex_inner .textarea .btn {
    margin: 30px auto 0;
  }
  #bodyarea #introduction {
    margin-top: 80px;
  }
  #bodyarea #ownersclub {
    padding: 60px 0;
  }
  #bodyarea #ownersclub .meritarea {
    display: block;
  }
  #bodyarea #ownersclub .meritarea .head {
    width: auto;
    margin-bottom: 25px;
  }
  #bodyarea #ownersclub .meritarea .head .title {
    margin-top: 0;
  }
  #bodyarea #ownersclub .btnbox {
    display: block;
    margin-top: 50px;
  }
  #bodyarea #ownersclub .btnbox .item + .item {
    margin: 15px 0 0;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  #bodyarea .sub_title {
    font-size: clamp(18px, 3.6vw, 24px);
  }
  #bodyarea .btn {
    width: auto;
    margin-top: 20px;
  }
  #bodyarea .btn a {
    padding: 10px;
  }
  #bodyarea .btn a br {
    display: inline;
  }
  #bodyarea #intro {
    padding: 0;
  }
  #bodyarea #intro .bg {
    position: static;
    margin-bottom: 30px;
  }
  #bodyarea #intro .inner {
    padding: 0;
  }
  #bodyarea #intro .inner .btnlist {
    margin: 20px 0 30px;
  }
  #bodyarea #intro .inner .btnlist ul {
    flex-wrap: wrap;
  }
  #bodyarea #intro .inner .btnlist ul li {
    width: 49%;
    margin-top: 2%;
  }
  #bodyarea #intro .inner .btnlist ul li:first-child {
    width: 100%;
  }
  #bodyarea #intro .inner .btnlist ul li a {
    padding: 10px;
    letter-spacing: 0;
  }
  #bodyarea #mixevent {
    padding: 40px 0;
  }
  #bodyarea #mixevent > .f_inner {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
  #bodyarea #mixevent .titlearea {
    width: auto;
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  #bodyarea #mixevent .titlearea .sectitle {
    margin-bottom: 5px;
  }
  #bodyarea #mixevent .titlearea .sectitle .jp {
    font-size: 25px;
  }
  #bodyarea #mixevent .titlearea .sectitle .en {
    bottom: -10px;
    font-size: 22px;
  }
  #bodyarea #mixevent ul.list {
    width: auto;
    margin: 15px -20px 0 10px;
  }
  #bodyarea #mixevent ul.list li {
    width: auto;
    box-sizing: border-box;
    padding-right: 30px;
  }
  #bodyarea #mixevent ul.list li a {
    display: block;
    position: relative;
  }
  #bodyarea #mixevent ul.list li .entrydate {
    font-size: 12px;
    right: -107px;
    top: -10px;
  }
  #bodyarea #mixevent ul.list li .main {
    padding: 20px 0 0;
  }
  #bodyarea #mixevent ul.list li .main .entrytitle {
    font-size: 15px;
    margin-bottom: 5px;
  }
  #bodyarea #mixevent ul.list li .main .date {
    font-size: inherit;
  }
  #bodyarea #mixevent ul.list li .main .address {
    font-size: inherit;
    margin-right: 60px;
  }
  #bodyarea #mixevent ul.list li .main .staff {
    right: -10px;
    width: 56px;
    height: 56px;
  }
  #bodyarea #mixevent ul.carousel .slick-next {
    top: 100px;
  }
  #bodyarea #mixevent ul.carousel .slick-prev {
    top: 100px;
  }
  #bodyarea #mixevent .pagebtn a {
    line-height: 56px;
    font-size: 17px;
  }
  #bodyarea #mixevent .pagebtn a::after {
    font-size: 24px;
  }
  #bodyarea #afsv {
    padding: 40px 0 0;
  }
  #bodyarea #afsv .maintitle {
    margin-bottom: 20px;
  }
  #bodyarea #afsv .maintitle .jp {
    font-size: 25px;
  }
  #bodyarea #afsv .maintitle .en {
    bottom: -10px;
    font-size: 22px;
    letter-spacing: 0.2em;
  }
  #bodyarea #afsv .afsv_item {
    margin-top: 30px;
  }
  #bodyarea #afsv .afsv_item .sub_title {
    margin-bottom: 10px;
  }
  #bodyarea #afsv .afsv_item .sub_title span {
    line-height: 30px;
  }
  #bodyarea #afsv .afsv_item .sub_title span.num {
    width: 30px;
    font-size: 20px;
  }
  #bodyarea #afsv .afsv_item .sub_title span.ttl {
    font-size: 18px;
  }
  #bodyarea #afsv .afsv_item .flex_inner .ph {
    top: 40px;
    width: 40%;
  }
  #bodyarea #afsv .afsv_item .flex_inner .textarea {
    min-height: 90px;
  }
  #bodyarea #afsv .afsv_item .flex_inner .textarea > p {
    margin-left: 45%;
  }
  #bodyarea #afsv .afsv_item .flex_inner .textarea > p br {
    display: none;
  }
  #bodyarea #afsv .afsv_item .flex_inner .textarea .note {
    margin-left: 45%;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item {
    margin-bottom: 5px;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt {
    padding: 10px 15px;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt::after {
    right: 5%;
    font-size: 21px;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt span {
    font-size: 16px;
    padding-left: 20px;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dt span::before {
    margin-top: -4px;
    width: 12px;
    height: 12px;
  }
  #bodyarea #afsv .afsv_item .afsv_list .afsv_list_flex .afsv_list_flex_item dl dd {
    padding: 0 15px 25px;
  }
  #bodyarea #afsv .pagebtn a {
    padding: 8px 0;
    line-height: 22px;
    font-size: 17px;
  }
  #bodyarea #afsv .pagebtn a::after {
    font-size: 24px;
  }
  #bodyarea #afsv .pagebtn a br {
    display: block;
  }
  #bodyarea #referral {
    padding: 90px 0 50px;
  }
  #bodyarea #referral .maintitle {
    margin-bottom: 30px;
  }
  #bodyarea #referral .maintitle .jp {
    font-size: 25px;
  }
  #bodyarea #referral .maintitle .en {
    bottom: -10px;
    font-size: 22px;
    letter-spacing: 0.2em;
  }
  #bodyarea #referral .flex_inner {
    margin-bottom: 25px;
  }
  #bodyarea #referral .flex_inner .textarea {
    padding: 20px 10px 0;
  }
  #bodyarea #referral .flex_inner .textarea h4 {
    top: -100px;
  }
  #bodyarea #referral .flex_inner .textarea h4 span {
    font-size: 22px;
    margin-bottom: 5px;
  }
  #bodyarea #referral .flex_inner .textarea ul {
    margin-top: 20px;
  }
  #bodyarea #referral .flex_inner .textarea ul li {
    font-size: 15px;
    letter-spacing: 0;
  }
  #bodyarea #referral .flex_inner .textarea ul li::before {
    vertical-align: 3px;
    font-size: 9px;
    margin-right: 3px;
  }
  #bodyarea #referral .pagebtn a {
    line-height: 56px;
    font-size: 17px;
  }
  #bodyarea #referral .pagebtn a::after {
    font-size: 24px;
  }
  #bodyarea #club {
    padding: 50px 0;
  }
  #bodyarea #club .maintitle {
    margin-bottom: 30px;
  }
  #bodyarea #club .maintitle .jp {
    font-size: 25px;
  }
  #bodyarea #club .maintitle .en {
    bottom: -10px;
    font-size: 22px;
    letter-spacing: 0.2em;
  }
  #bodyarea #club .club_mv .bg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
  #bodyarea #club .club_mv .img_text {
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
    width: 56%;
    margin-left: 43%;
    padding: 15px 0;
  }
  #bodyarea #club .merit_box {
    margin: 0 10px 40px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt {
    padding: 12px 15px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt::after {
    right: 5%;
    font-size: 22px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt span {
    font-size: 17px;
    padding-left: 20px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dt span::before {
    margin-top: -4px;
    width: 12px;
    height: 12px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd {
    padding: 15px 15px 20px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner {
    display: block;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .flex_inner figure {
    width: 80%;
    margin: 0 auto 15px;
  }
  #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points > p::before, #bodyarea #club .merit_box .merit_box_flex .merit_box_flex_item dl dd .points > p::after {
    margin: 0 8px;
    width: 35px;
  }
  #bodyarea #club .btnbox {
    margin-top: 30px;
  }
  #bodyarea #club .btnbox .item a {
    border-radius: 2px;
    padding: 10px;
  }
  #bodyarea #club .btnbox .item a p {
    font-size: 18px;
  }
  #bodyarea #club .btnbox .item a p span {
    font-size: 12px;
  }
  #bodyarea #limit {
    padding: 70px 0 50px;
  }
  #bodyarea #limit .maintitle {
    margin-bottom: 30px;
  }
  #bodyarea #limit .maintitle .jp {
    font-size: 25px;
  }
  #bodyarea #limit .maintitle .en {
    bottom: -10px;
    font-size: 22px;
    letter-spacing: 0.2em;
  }
  #bodyarea #limit .introtxt {
    text-align: justify;
  }
  #bodyarea #limit .flex_inner {
    margin-top: 20px;
    display: block;
  }
  #bodyarea #limit .flex_inner .ph {
    width: 100%;
    margin-right: 0;
  }
  #bodyarea #limit .flex_inner .textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 15px 0;
  }
  #bodyarea #limit .flex_inner .textarea ul li a {
    font-size: 16px;
  }
  #bodyarea #afterservice {
    margin-top: 60px;
  }
  #bodyarea #afterservice .maintitle {
    margin: 0 -20px 40px;
  }
  #bodyarea #afterservice .maintitle .en {
    top: 2px;
    font-size: clamp(32px, 8vw, 40px);
  }
  #bodyarea #afterservice .maintitle .jp {
    font-size: calc(128.57% + 3 * (100vw - 360px) / 280);
  }
  #bodyarea #afterservice .introtxt {
    text-align: left;
  }
  #bodyarea #afterservice .flex_inner {
    margin-top: 30px;
  }
  #bodyarea #afterservice .flex_inner .ph {
    display: none;
  }
  #bodyarea #afterservice .flex_inner .textarea {
    text-align: left;
    background-color: #f4f4f4;
    padding: 25px;
    border-radius: 6px;
  }
  #bodyarea #afterservice .flex_inner .textarea .sub_title {
    font-size: clamp(18px, 3.6vw, 24px);
    margin-bottom: 15px;
  }
  #bodyarea #afterservice .flex_inner .textarea .btn a {
    background-color: #fff;
  }
  #bodyarea #introduction {
    margin-top: 60px;
  }
  #bodyarea #introduction .sub_title br {
    display: inline;
  }
  #bodyarea #introduction .phbox {
    margin-top: 30px;
  }
  #bodyarea #introduction .phbox p:last-child {
    display: none;
  }
  #bodyarea #introduction {
    background-color: transparent;
    padding: 0;
    margin-top: 50px;
  }
  #bodyarea #introduction .sub_title .sub {
    font-size: 12px;
    margin-top: 5px;
  }
  #bodyarea #ownersclub {
    padding: 45px 0;
    margin-top: 60px;
  }
  #bodyarea #ownersclub .maintitle {
    margin-bottom: 30px;
  }
  #bodyarea #ownersclub .maintitle span.en {
    font-size: 24px;
  }
  #bodyarea #ownersclub .maintitle span.jp {
    font-size: 14px;
  }
  #bodyarea #ownersclub .introtxt {
    text-align: left;
  }
  #bodyarea #ownersclub .meritarea {
    margin-top: 25px;
  }
  #bodyarea #ownersclub .meritarea .head .title {
    line-height: 1.4;
  }
  #bodyarea #ownersclub .meritarea .head .title span.en {
    font-size: 19px;
    margin-bottom: 0;
  }
  #bodyarea #ownersclub .meritarea .head .title span .jp {
    font-size: 13px;
  }
  #bodyarea #ownersclub .meritarea .body {
    display: block;
  }
  #bodyarea #ownersclub .meritarea .body .item {
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 55px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  #bodyarea #ownersclub .meritarea .body .item + .item {
    margin: 25px 0 0;
  }
  #bodyarea #ownersclub .meritarea .body .item .ph {
    width: 45%;
    flex-shrink: 0;
    margin-right: 5%;
    position: static;
  }
  #bodyarea #ownersclub .meritarea .body .item .ph figcaption {
    background-color: transparent;
    color: #fff;
    right: 0;
    bottom: auto;
    top: 15px;
    transform: none;
    width: auto;
    font-size: 16px;
    line-height: 1;
  }
  #bodyarea #ownersclub .meritarea .body .item .text {
    margin-top: 0;
  }
  #bodyarea #ownersclub .meritarea .body .item .text .list {
    margin-top: 5px;
  }
  #bodyarea #ownersclub .meritarea .body .item .text .list li {
    padding-left: 10px;
    font-size: 12px;
  }
  #bodyarea #ownersclub .meritarea .body .item .text .list li::before {
    width: 5px;
    height: 5px;
    top: 8px;
  }
  #bodyarea #ownersclub .btnbox {
    margin-top: 40px;
  }
  #bodyarea #ownersclub .btnbox .item a {
    border-radius: 2px;
    padding: 10px;
  }
  #bodyarea #ownersclub .btnbox .item a p {
    font-size: 18px;
  }
  #bodyarea #ownersclub .btnbox .item a p span {
    font-size: 12px;
  }
}/*# sourceMappingURL=owners.css.map */