@charset "UTF-8";
header#global_header {
  min-width: 0 !important;
  width: 100%;
}

#contents_wrap {
  min-width: 0 !important;
  width: 100%;
}

#contents {
  width: 100%;
}

#main {
  width: 100%;
}

#main #col_main {
  float: none;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 834px) {
  #main #col_main {
    padding-left: 20px;
    padding-right: 20px;
  }
}

footer#global_footer {
  min-width: 0;
}

* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  position: relative;
}

body *:not(table *, i) {
  /* 
        font-weightは<b>タグが機能しなくなるので指定しない。
        line-heightは余計に高さが効いてしまうので指定しない。 => bxi.cssで効いてる可能性あり。
    */
  margin: 0;
}

i {
  line-height: 1;
}

img {
  vertical-align: bottom;
}

body button {
  padding: 0;
  border: none;
  background-color: transparent;
}
body b {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
body span {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}

.inner-full {
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
}

.inner-600 {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-600 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-700 {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-700 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-800 {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-800 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-900 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-900 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1000 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1000 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1100 {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1100 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1200 {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1200 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1300 {
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1300 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1400 {
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1400 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1500 {
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1500 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1600 {
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1600 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1920 {
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1920 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

body {
  max-width: 100%;
  font-size: 16px;
  font-family: "Akshar", "Alumni Sans", "Oswald", "Sofia Sans Condensed", "Sofia Sans Condensed", "Noto Sans JP", sans-serif;
  color: #000000 !important;
}

a {
  transition: 0.3s;
  text-decoration: none;
}
a:visited, a:link {
  color: #000000 !important;
}
a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

img.imgL,
img.imgC,
img.imgR {
  max-width: 100% !important;
}

#contents {
  background-color: transparent !important;
}

.clearfix:after {
  visibility: inherit !important;
}

#contents_wrap {
  overflow: hidden;
  background-color: #ece9e6;
  background: url(/images/utility/background.jpg) center/contain repeat;
}

.link_btn {
  display: flex;
  align-items: center;
  width: 170px;
  font-size: 20px;
  margin-left: auto;
  text-align: left;
  background: #fff;
  padding: 14px 0 14px 32px;
  border-radius: 8px;
}
.link_btn:link, .link_btn:visited {
  color: #3a9039 !important;
}
.link_btn:hover {
  color: #333333;
}
.link_btn::after {
  content: url(/images/utility/arrow.png);
  margin-left: auto;
  margin-right: 20px;
  line-height: 0;
}

.eye_catch {
  position: relative;
  z-index: 0;
}
.eye_catch::before {
  content: "";
  position: absolute;
  display: block;
  top: 200px;
  left: -200px;
  width: 180%;
  height: 120px;
  background-color: rgba(242, 145, 24, 0.2784313725);
  transform: rotate(24deg);
  z-index: -2;
}
@media screen and (max-width: 834px) {
  .eye_catch::before {
    top: 150px;
  }
}
@media screen and (max-width: 640px) {
  .eye_catch::before {
    left: -120px;
  }
}
.eye_catch > article > h1 {
  position: relative;
  width: 66%;
  background: #f29118;
  padding: 100px 50px 100px 100px;
  margin-left: auto;
  font-size: 68px;
  line-height: 1;
  color: #fff;
  overflow: hidden;
  z-index: -1;
}
.eye_catch > article > h1::after {
  position: absolute;
  content: "";
  background: url(/images/utility/gear.png) center/contain no-repeat;
  width: 500px;
  height: 500px;
  top: 0;
  right: -100px;
  z-index: -1;
}
@media screen and (max-width: 1400px) {
  .eye_catch > article > h1 {
    font-size: 5vw;
  }
}
@media screen and (max-width: 1000px) {
  .eye_catch > article > h1 {
    font-size: 50px;
    width: 80%;
  }
}
@media screen and (max-width: 834px) {
  .eye_catch > article > h1 {
    font-size: 6vw;
    width: 90%;
    padding: 80px 50px;
  }
}
@media screen and (max-width: 640px) {
  .eye_catch > article > h1 {
    padding: 50px 15px 50px 30px;
    font-size: 7vw;
  }
}
.eye_catch > article > div {
  position: absolute;
  top: 0;
  left: -40px;
  display: inline-block;
  width: 130%;
  height: 160px;
  font-size: 120px;
  font-family: "Monoton", cursive;
  color: #f29118;
  line-height: 1.5;
  background-color: rgba(242, 145, 24, 0.2784313725);
  padding-left: 85px;
  margin-bottom: 31px;
  transform: rotate(-6deg);
  overflow: hidden;
  z-index: -1;
  text-align: left !important;
  opacity: 0.7;
}
@media screen and (max-width: 834px) {
  .eye_catch > article > div {
    top: -35px;
    left: -60px;
    font-size: 90px;
    height: 140px;
  }
}

.breadcrumb {
  display: flex;
  align-items: baseline;
  margin-left: 34%;
}
@media screen and (max-width: 1000px) {
  .breadcrumb {
    margin-left: 20%;
  }
}
@media screen and (max-width: 834px) {
  .breadcrumb {
    margin-left: 10%;
  }
}

.breadcrumb__links {
  margin-left: 10px;
  margin-right: 10px;
}
.breadcrumb__links > a {
  font-size: 14px;
  font-weight: 100;
}

.breadcrumb__link {
  font-size: 16px;
  font-weight: 600;
}
.breadcrumb__link:visited,
.breadcrumb__link :link {
  color: #1b1b1b;
}
@media screen and (max-width: 640px) {
  .breadcrumb__link {
    font-size: 16px;
  }
}

.section_title > article > h2 {
  font-size: 36px;
  font-weight: 600;
  border-bottom: solid 1px #000;
}
@media screen and (max-width: 640px) {
  .section_title > article > h2 {
    font-size: 28px;
  }
}

.contents_title {
  display: flex;
  align-items: center;
}
.contents_title > article > h3 {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  padding-top: 3px;
}
@media screen and (max-width: 834px) {
  .contents_title > article > h3 {
    font-size: 24px;
  }
}
.contents_title::before {
  content: url(/images/utility/bolt.png);
  line-height: 1;
  padding: 0 6px 0 15px;
}
.contents_title::after {
  content: "";
  width: 66px;
  height: 1px;
  background-color: #fff;
  margin-left: 10px;
}

.contents_inner {
  max-width: 1200px;
  display: flex;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .contents_inner {
    max-width: 100%;
    margin: 0 50px;
  }
}
@media screen and (max-width: 834px) {
  .contents_inner {
    flex-direction: column;
    margin: 0 auto;
  }
}

.contents_text_wrapper {
  width: 50%;
}
@media screen and (max-width: 834px) {
  .contents_text_wrapper {
    width: 100%;
    order: 2;
    margin-bottom: 20px;
  }
}
.contents_text_wrapper > article > h3 {
  font-size: 28px;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .contents_text_wrapper > article > h3 {
    font-size: 22px;
  }
}

.contents_image {
  width: 50%;
}
@media screen and (max-width: 834px) {
  .contents_image {
    width: 100%;
  }
}

.contents_text_left {
  margin-right: 50px;
}
@media screen and (max-width: 834px) {
  .contents_text_left {
    margin-right: 0;
  }
}

.contents_image_left {
  margin-right: 50px;
}
@media screen and (max-width: 834px) {
  .contents_image_left {
    order: 2;
    margin-right: 0;
  }
}

.contents_list {
  padding: 30px 20px;
  background-color: #fff;
}
.contents_list > dl {
  border-bottom: solid 1px #ccc;
  padding: 15px 0;
}
@media screen and (max-width: 834px) {
  .contents_list > dl {
    flex-direction: column;
    padding: 10px 0;
  }
}
.contents_list > dl > dt {
  font-size: 20px;
  font-weight: 600;
  background-color: transparent !important;
  border: none !important;
}
@media screen and (max-width: 834px) {
  .contents_list > dl > dt {
    font-size: 16px;
    width: 100% !important;
    padding-bottom: 0 !important;
  }
}
.contents_list > dl > dd {
  font-size: 18px;
  font-weight: 500;
  border: none !important;
}
@media screen and (max-width: 834px) {
  .contents_list > dl > dd {
    font-size: 14px;
    width: 100% !important;
    padding-bottom: 15px !important;
  }
}

.contents_gallery .box {
  width: calc(33.3333333333% - 20px);
  margin: 10px;
}
@media screen and (max-width: 834px) {
  .contents_gallery .box {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 640px) {
  .contents_gallery .box {
    width: 100%;
    margin: 0 auto 30px auto;
  }
}

.select_buttons .box {
  width: calc(33.3333333333% - 20px);
  margin: 10px;
}
@media screen and (max-width: 640px) {
  .select_buttons .box {
    width: 100%;
    margin: 0 auto 20px auto;
  }
  .select_buttons .box:last-child {
    margin-bottom: 0;
  }
}

.select_button_link {
  width: 100%;
  display: block;
  text-align: center;
  padding: 2%;
  position: relative;
}
.select_button_link::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 20%;
  transform: translateY(-20%);
  background: #333;
  width: 60%;
  height: 1px;
  transition: all 0.3s ease-in-out;
}
.select_button_link:hover {
  opacity: 1;
}
.select_button_link:hover::after {
  width: 0;
}

.sns_gallery {
  margin: 0 -10% !important;
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1600px) {
  .sns_gallery {
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 834px) {
  .sns_gallery {
    margin-bottom: 100px !important;
  }
}

.sns_list {
  border: none !important;
  flex-direction: row !important;
  flex-wrap: wrap;
}
.sns_list > div {
  position: relative;
  flex-direction: column;
  width: calc(33.3333333333% - 20px) !important;
  margin-right: 30px;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .sns_list > div {
    width: 100% !important;
    flex-direction: row;
  }
}
@media screen and (max-width: 834px) {
  .sns_list > div {
    margin-right: 0;
  }
}
.sns_list > div:nth-child(3n) {
  margin-right: 0;
}

.sns_photo {
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .sns_photo {
    margin-right: 30px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 834px) {
  .sns_photo {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.sns_photo > a > img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
  transform-origin: center center;
  aspect-ratio: 1;
  border-radius: 0 0 10px 0;
}

.sns_text {
  width: 100% !important;
  padding: 0 !important;
}
.sns_text > .clearfix > li > a {
  font-size: 14px;
}

.sns_date {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 20px;
  background-color: #fff;
  font-size: 18px !important;
  color: #f29118 !important;
  border-radius: 0 0 10px 0;
}

.caption {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  word-break: break-all;
  height: 60px;
  overflow-y: hidden;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .caption {
    font-size: 14px;
    height: 56px;
  }
}

form > h2 {
  display: none;
}

.privacy_text_area {
  max-width: 1000px;
}
.privacy_text_area > div {
  font-size: 14px;
}
.privacy_text_area > div > a {
  color: #e8380d !important;
}

.mail_form > dl {
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}
.mail_form > dl > dt {
  background-color: transparent !important;
  border: none !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  vertical-align: middle;
  align-items: center !important;
  padding-bottom: 0 !important;
}
.mail_form > dl > dd {
  background-color: transparent !important;
  border: none !important;
}
.mail_form > dl > dd > input {
  width: 60% !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
}
@media screen and (max-width: 834px) {
  .mail_form > dl > dd > input {
    width: 100% !important;
  }
}
.mail_form > dl > dd > div > input {
  width: 60% !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
}
@media screen and (max-width: 834px) {
  .mail_form > dl > dd > div > input {
    width: 100% !important;
  }
}
.mail_form > dl > dd > textarea {
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
}
.mail_form .annot {
  margin-top: 10px !important;
}
.mail_form .translate {
  padding-left: 5px;
}

.submit {
  width: 100%;
  margin-bottom: 50px;
}

.bt_back {
  margin-right: 20px;
}
@media screen and (max-width: 400px) {
  .bt_back {
    margin-right: 0;
  }
}

.bt_back,
.bt_send {
  margin-top: 0;
  margin-bottom: 100px;
  float: none;
}
@media screen and (max-width: 400px) {
  .bt_back,
  .bt_send {
    margin-bottom: 50px;
  }
}

.error {
  margin-top: 150px !important;
  margin-bottom: -100px !important;
}
@media screen and (max-width: 834px) {
  .error {
    margin-bottom: -80px !important;
  }
}

.policy_list > dl {
  flex-direction: column;
  padding-bottom: 30px;
  padding-top: 20px;
  border-bottom: solid 1px #000 !important;
}
.policy_list > dl > dt {
  font-size: 24px;
  font-weight: bold;
  border: none !important;
  background-color: transparent !important;
  justify-content: flex-start !important;
}
.policy_list > dl > dd {
  border: none !important;
  background-color: transparent !important;
}

.error_message > article > h3 {
  padding-bottom: 30px;
  border-bottom: solid 1px #000;
}
.error_message .link_btn {
  margin-top: 50px;
}

/*全て共通：hideエリアをはじめは非表示*/
.hide-area {
  display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after,
.modaal-close:before {
  background: #ccc;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title {
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper {
  padding: 0;
}

.modaal-gallery-item > img {
  width: 800px !important;
}

.modaal-close {
  right: 40px !important;
  top: 40px !important;
}

.flex-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-1 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-1 .box:nth-child(1n) {
  margin-right: 0;
}
.flex-1 .box:not(:nth-child(1n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-sp-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-tab-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1000-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1200-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1400-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1600-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1920-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-drawer-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-flex-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-confTab-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-2 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-2 .box:nth-child(2n) {
  margin-right: 0;
}
.flex-2 .box:not(:nth-child(2n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-sp-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-tab-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1000-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1200-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1400-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1600-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1920-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-drawer-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-flex-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-confTab-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-3 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-3 .box:nth-child(3n) {
  margin-right: 0;
}
.flex-3 .box:not(:nth-child(3n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-sp-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-tab-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1000-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1200-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1400-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1600-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1920-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-drawer-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-flex-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-confTab-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-4 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-4 .box:nth-child(4n) {
  margin-right: 0;
}
.flex-4 .box:not(:nth-child(4n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-sp-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-tab-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1000-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1200-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1400-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1600-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1920-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-drawer-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-flex-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-confTab-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-5 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-5 .box:nth-child(5n) {
  margin-right: 0;
}
.flex-5 .box:not(:nth-child(5n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-sp-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-tab-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1000-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1200-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1400-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1600-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1920-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-drawer-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-flex-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-confTab-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-6 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-6 .box:nth-child(6n) {
  margin-right: 0;
}
.flex-6 .box:not(:nth-child(6n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-sp-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-tab-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1000-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1200-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1400-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1600-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1920-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-drawer-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-flex-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-confTab-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-7 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-7 .box:nth-child(7n) {
  margin-right: 0;
}
.flex-7 .box:not(:nth-child(7n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-sp-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-tab-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1000-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1200-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1400-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1600-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1920-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-drawer-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-flex-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-confTab-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-8 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-8 .box:nth-child(8n) {
  margin-right: 0;
}
.flex-8 .box:not(:nth-child(8n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-sp-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-tab-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1000-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1200-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1400-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1600-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1920-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-drawer-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-flex-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-confTab-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-9 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-9 .box:nth-child(9n) {
  margin-right: 0;
}
.flex-9 .box:not(:nth-child(9n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-sp-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-tab-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1000-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1200-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1400-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1600-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1920-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-drawer-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-flex-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-confTab-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-10 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-10 .box:nth-child(10n) {
  margin-right: 0;
}
.flex-10 .box:not(:nth-child(10n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-sp-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-tab-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1000-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1200-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1400-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1600-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1920-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-drawer-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-flex-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-confTab-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-11 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-11 .box:nth-child(11n) {
  margin-right: 0;
}
.flex-11 .box:not(:nth-child(11n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-sp-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-tab-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1000-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1200-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1400-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1600-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1920-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-drawer-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-flex-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-confTab-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.flex-12 .box {
  flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
  margin-right: var(--gutter-x);
  margin-bottom: var(--gutter-y);
}
.flex-12 .box:nth-child(12n) {
  margin-right: 0;
}
.flex-12 .box:not(:nth-child(12n)) {
  margin-right: var(--gutter-x);
}

.flex-sp-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640.98px) {
  .flex-sp-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-sp-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-tab-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-tab-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000.98px) {
  .flex-bp1000-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1000-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200.98px) {
  .flex-bp1200-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1200-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400.98px) {
  .flex-bp1400-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1400-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600.98px) {
  .flex-bp1600-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1600-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920.98px) {
  .flex-bp1920-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1920-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 999.98px) {
  .flex-drawer-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-drawer-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-flex-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-flex-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-flex-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-flex-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-confTab-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834.98px) {
  .flex-confTab-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-confTab-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-confTab-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.g-1 {
  --gutter-x: calc(10px * 1);
  --gutter-y: calc(10px * 1);
}

@media (min-width: 640.98px) {
  .g-sp-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 834.98px) {
  .g-tab-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 834.98px) {
  .g-flex-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

.g-2 {
  --gutter-x: calc(10px * 2);
  --gutter-y: calc(10px * 2);
}

@media (min-width: 640.98px) {
  .g-sp-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 834.98px) {
  .g-tab-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 834.98px) {
  .g-flex-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

.g-3 {
  --gutter-x: calc(10px * 3);
  --gutter-y: calc(10px * 3);
}

@media (min-width: 640.98px) {
  .g-sp-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 834.98px) {
  .g-tab-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 834.98px) {
  .g-flex-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

.g-4 {
  --gutter-x: calc(10px * 4);
  --gutter-y: calc(10px * 4);
}

@media (min-width: 640.98px) {
  .g-sp-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 834.98px) {
  .g-tab-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 834.98px) {
  .g-flex-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

.g-5 {
  --gutter-x: calc(10px * 5);
  --gutter-y: calc(10px * 5);
}

@media (min-width: 640.98px) {
  .g-sp-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 834.98px) {
  .g-tab-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 834.98px) {
  .g-flex-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

.g-6 {
  --gutter-x: calc(10px * 6);
  --gutter-y: calc(10px * 6);
}

@media (min-width: 640.98px) {
  .g-sp-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 834.98px) {
  .g-tab-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 834.98px) {
  .g-flex-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

.g-7 {
  --gutter-x: calc(10px * 7);
  --gutter-y: calc(10px * 7);
}

@media (min-width: 640.98px) {
  .g-sp-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 834.98px) {
  .g-tab-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 834.98px) {
  .g-flex-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

.g-8 {
  --gutter-x: calc(10px * 8);
  --gutter-y: calc(10px * 8);
}

@media (min-width: 640.98px) {
  .g-sp-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 834.98px) {
  .g-tab-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 834.98px) {
  .g-flex-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

.g-9 {
  --gutter-x: calc(10px * 9);
  --gutter-y: calc(10px * 9);
}

@media (min-width: 640.98px) {
  .g-sp-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 834.98px) {
  .g-tab-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 834.98px) {
  .g-flex-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

.g-10 {
  --gutter-x: calc(10px * 10);
  --gutter-y: calc(10px * 10);
}

@media (min-width: 640.98px) {
  .g-sp-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 834.98px) {
  .g-tab-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 834.98px) {
  .g-flex-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

.g-11 {
  --gutter-x: calc(10px * 11);
  --gutter-y: calc(10px * 11);
}

@media (min-width: 640.98px) {
  .g-sp-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 834.98px) {
  .g-tab-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 834.98px) {
  .g-flex-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

.g-12 {
  --gutter-x: calc(10px * 12);
  --gutter-y: calc(10px * 12);
}

@media (min-width: 640.98px) {
  .g-sp-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 834.98px) {
  .g-tab-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1000.98px) {
  .g-bp1000-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1200.98px) {
  .g-bp1200-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1400.98px) {
  .g-bp1400-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1600.98px) {
  .g-bp1600-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1920.98px) {
  .g-bp1920-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 999.98px) {
  .g-drawer-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 834.98px) {
  .g-flex-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 834.98px) {
  .g-confTab-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

.drop-down .dpdn__lists {
  list-style: none;
}

.drop-down {
  position: relative;
}
@media (min-width: 1200px) {
  .drop-down:hover .drop-down__lists {
    opacity: 1;
    visibility: visible;
  }
}
.drop-down__wrapper {
  padding: 20px;
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media (max-width: 1200px) {
  .drop-down__wrapper {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
  }
}
.drop-down__lists {
  width: 100%;
  min-width: 210px;
  padding-top: 20px;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  z-index: 1;
}
@media (max-width: 1200px) {
  .drop-down__lists {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #333333;
    position: static;
    transition: all 0.3s ease;
  }
}
.drop-down__list {
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid rgb(245, 245, 245);
}
@media (max-width: 1200px) {
  .drop-down__list {
    padding-bottom: 0;
    text-align: left;
    border-bottom: none;
  }
}
.drop-down__list:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.drop-down__link {
  font-family: M PLUS Rounded 1c, sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.drop-down__link:link, .drop-down__link:visited {
  color: #333333;
}

.js-drawer-open .drop-down__lists {
  opacity: 1;
  visibility: visible;
}

.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  padding: 22px;
  background-color: #fff;
  z-index: 998;
}
@media screen and (max-width: 1700px) {
  .header {
    padding: 15px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

.header_logo_inner {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1700px) {
  .header_logo_inner {
    width: 50%;
  }
}
@media screen and (max-width: 1200px) {
  .header_logo_inner {
    width: 70%;
  }
}
@media screen and (max-width: 834px) {
  .header_logo_inner {
    width: 30%;
  }
}
@media screen and (max-width: 640px) {
  .header_logo_inner {
    width: 70%;
  }
}

.header_logo_wrap {
  display: flex;
}

.header_logo_image {
  width: 150px;
  margin-right: 8px;
}

.header_company_title {
  font-size: 1.4vw;
  font-weight: 900;
  font-style: italic;
}
@media screen and (max-width: 1700px) {
  .header_company_title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1400px) {
  .header_company_title {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1200px) {
  .header_company_title {
    font-size: 32px;
  }
}
@media screen and (max-width: 834px) {
  .header_company_title {
    display: none;
  }
}

.header_nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 1700px) {
  .header_nav {
    width: 50%;
  }
}
@media screen and (max-width: 1200px) {
  .header_nav {
    width: 30%;
  }
}
@media screen and (max-width: 834px) {
  .header_nav {
    width: 70%;
  }
}
@media screen and (max-width: 640px) {
  .header_nav {
    width: 100%;
  }
}

.header_nav_lists {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1700px) {
  .header_nav_lists {
    width: 100%;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1200px) {
  .header_nav_lists {
    flex-direction: column;
    justify-content: flex-start;
  }
}

.header_nav_list:last-child {
  margin-right: 10px;
}
@media screen and (max-width: 1700px) {
  .header_nav_list:last-child {
    margin-right: 0;
  }
}

.header_nav_list:last-child .header_nav_link {
  border-right: none;
}
@media screen and (max-width: 1700px) {
  .header_nav_list:last-child .header_nav_link {
    padding-right: 0;
  }
}

.header_nav_link {
  font-family: "Akshar", "Alumni Sans", "Oswald", "Sofia Sans Condensed", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  display: block;
  padding: 0 1.15vw;
  border-right: solid 1px #b3b3b3;
  color: #000000;
}
@media screen and (max-width: 1200px) {
  .header_nav_link {
    padding: 22px 0;
    border: none;
  }
}

.header_nav_list:nth-child(3),
.header_nav_list:nth-child(6) {
  position: relative;
}
.header_nav_list:nth-child(3) .header_service_wrapper,
.header_nav_list:nth-child(6) .header_service_wrapper {
  padding-right: 15px;
  color: #000;
}
@media screen and (max-width: 1200px) {
  .header_nav_list:nth-child(3) .header_service_wrapper,
  .header_nav_list:nth-child(6) .header_service_wrapper {
    margin-left: 36px;
  }
}

.head_service_drop {
  position: relative;
}

.header_service_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.arrow-icon {
  margin-left: 10px;
  width: 10px;
}

.header_service_link {
  font-size: 18px;
}

.header_gallery_wrapper {
  padding: 0 22px 0 0;
  font-size: 24px;
}
@media screen and (max-width: 1700px) {
  .header_gallery_wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin-right: 25px;
  }
}
@media screen and (max-width: 1600px) {
  .header_gallery_wrapper {
    padding: 0;
  }
}
@media screen and (max-width: 1200px) {
  .header_gallery_wrapper {
    margin-right: 85px;
  }
}
@media screen and (max-width: 640px) {
  .header_gallery_wrapper {
    margin-right: 70px;
    font-size: unset;
  }
}

.header_gallery_links {
  margin-right: 11px;
}
.header_gallery_links:last-child {
  margin-right: 0;
}
@media screen and (max-width: 640px) {
  .header_gallery_links > img {
    width: 35px;
  }
}

@media screen and (max-width: 1200px) {
  .hd_contact_links {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 16px;
    bottom: 16px;
    width: auto;
  }
}

.header_contact {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1700px) {
  .header_contact {
    margin-top: 15px;
    width: 100%;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1200px) {
  .header_contact {
    margin-top: 0;
  }
}

.header_tel {
  margin-right: 21px;
}
@media screen and (max-width: 1200px) {
  .header_tel {
    margin-right: 0;
    margin-bottom: 6px;
  }
}

.contact_tel_icon {
  width: 28px;
  margin-right: 10px;
  margin-bottom: 11px;
}
@media screen and (max-width: 1200px) {
  .contact_tel_icon {
    display: none;
  }
}

.contact_tel_text {
  font-size: 30px;
  font-weight: 800;
}
@media screen and (max-width: 1200px) {
  .contact_tel_text {
    display: none;
  }
}

.contact_tel_icon_sp {
  display: none;
  background: #f29118;
  padding: 18px 18px;
  border-radius: 10%;
}
@media screen and (max-width: 1200px) {
  .contact_tel_icon_sp {
    display: block;
  }
}

.header_contact_icon {
  background: #3b9039;
  padding: 19px 15px;
  border-radius: 10%;
}
@media screen and (max-width: 1700px) {
  .header_contact_icon {
    padding: 15px 12px;
  }
}
@media screen and (max-width: 1200px) {
  .header_contact_icon {
    padding: 18.5px 14.5px;
  }
}

.btn {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  position: relative;
}

.dropdown {
  position: absolute;
  top: 35px;
  left: -50px;
  width: 220px;
  margin-top: 0.3rem;
  background: white;
  visibility: hidden;
  opacity: 0;
  transform: translateY(0.5rem);
  transition: all 0.7s cubic-bezier(0.16, 1, 0.5, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 9999;
}
.dropdown::before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #b3b3b3;
}
@media screen and (max-width: 1200px) {
  .dropdown {
    top: 60px;
    left: -63px;
  }
}

.dropdown a {
  display: flex;
  align-items: center;
  padding: 0.8rem 1rem;
  text-decoration: none;
  color: black;
  font-weight: 600;
}

.dropdown a:hover {
  color: white;
}

.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0rem);
}

.arrow {
  transform: rotate(180deg);
  transition: 0.2s ease;
}

.dpdn2 {
  left: -43px;
}
@media screen and (max-width: 1200px) {
  .dpdn2 {
    left: -30px;
  }
}

.text_img {
  width: 100%;
}

.header_btn_wrapper {
  position: fixed;
  top: 4px;
  right: 10px;
  z-index: 9999;
}

.hamburger_menu {
  position: relative;
  display: none;
  width: 60px;
  height: 60px;
  padding-bottom: 8px;
  transition: all 0.2s ease 0s;
}
@media screen and (max-width: 1200px) {
  .hamburger_menu {
    display: block;
  }
}
.hamburger_menu:after {
  position: absolute;
  content: "MENU";
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.08em;
  bottom: 3px;
  left: 1px;
  color: #000;
}

.hamburger-icons {
  display: block;
  padding: 27px;
}

.hamburger-icon {
  display: block;
  background: #000;
  height: 1px;
  width: 40px;
  margin: 0 auto 7px auto;
  margin-bottom: 10px;
  transition: all 0.5s ease 0s;
}

.hamburger-icon:nth-child(3) {
  margin-bottom: 0;
}

.js-open-hamburger {
  z-index: 9999;
  background-color: transparent;
}
.js-open-hamburger:after {
  content: "CLOSE";
  color: #3e3e3e;
  bottom: 3px;
  left: 2px;
}

.js-open-hamburger .hamburger-icon {
  position: relative;
}

.js-open-hamburger .hamburger-icon:nth-child(1) {
  top: 4px;
  transform: rotate(45deg);
  background: #3e3e3e;
}

.js-open-hamburger .hamburger-icon:nth-child(2) {
  transform: translateY(-50%);
  opacity: 0;
  background: #3e3e3e;
}

.js-open-hamburger .hamburger-icon:nth-child(3) {
  top: -18px;
  transform: rotate(-45deg);
  background: #3e3e3e;
}

@media screen and (max-width: 1200px) {
  .global_nav {
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding-top: 120px;
    visibility: hidden;
  }
}

.js-open-nav {
  opacity: 1;
  visibility: visible;
}

.footer_contact_wrapper {
  width: 100%;
  height: 540px;
  padding: 100px 20px;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/utility/footer_back.jpg) center/cover no-repeat;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 640px) {
  .footer_contact_wrapper {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/utility/footer_back_sp.jpg) center/cover no-repeat;
    background-position-y: 0;
  }
}

.footer_contact_en {
  display: block;
  font-size: 100px;
  font-family: "Monoton", cursive;
  line-height: 1;
  color: #fff;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .footer_contact_en {
    font-size: 15vw;
  }
}

.footer_contact_ja {
  font-weight: 500;
  display: inline-block;
  font-size: 30px;
  color: #fff;
  position: relative;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  .footer_contact_ja {
    font-size: 5vw;
  }
}
@media screen and (max-width: 500px) {
  .footer_contact_ja {
    font-size: 20px;
  }
}
.footer_contact_ja::before, .footer_contact_ja::after {
  position: absolute;
  content: "";
  width: 65px;
  height: 2px;
  display: block;
  background-color: #fff;
}
.footer_contact_ja::before {
  top: 50%;
  left: -83px;
}
.footer_contact_ja::after {
  top: 50%;
  right: -83px;
}

.footer_contact_text {
  font-size: 22px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 55px;
}
@media screen and (max-width: 640px) {
  .footer_contact_text {
    font-size: 16px;
  }
}

.footer_contact_links {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .footer_contact_links {
    flex-direction: column;
  }
}

.footer_contact_tel,
.footer_contact_mail {
  display: flex;
}

.footer_contact_tel {
  padding: 18.5px 37px;
  background: #fff;
  border-radius: 5px;
  margin-right: 25px;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .footer_contact_tel {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.footer_contact_mail {
  padding: 20px 28px;
  background: #3b9039;
  border-radius: 5px;
}

.footer_contact_mail {
  align-items: center;
}

.footer_tel_icon,
.footer_mail_icon {
  margin-right: 8px;
}

.footer_mail_icon {
  width: 33px;
  height: 25px;
}

.footer_tel_text,
.footer_mail_text {
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .footer_tel_text,
  .footer_mail_text {
    font-size: 22px;
  }
}

.footer_tel_text {
  padding-top: 3px;
}

.footer_mail_text {
  color: #fff;
}

.footer_access_wrapper {
  display: flex;
  align-items: center;
  padding: 100px 0;
  background-color: #e49b40;
}
@media screen and (max-width: 1200px) {
  .footer_access_wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .footer_access_wrapper {
    flex-direction: column;
    padding: 50px 0;
  }
}
@media screen and (max-width: 640px) {
  .footer_access_wrapper {
    padding: 20px;
  }
}

.footer_access_text,
.footer_access_map {
  width: 50%;
  height: 450px;
}
@media screen and (max-width: 1000px) {
  .footer_access_text,
  .footer_access_map {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .footer_access_text,
  .footer_access_map {
    height: auto;
  }
}

.footer_access_text {
  padding: 40px 0;
}

.footer_logo {
  margin-bottom: 15px;
  width: 230px;
}
@media screen and (max-width: 640px) {
  .footer_logo {
    width: 180px;
  }
}
@media screen and (max-width: 500px) {
  .footer_logo {
    width: 150px;
  }
}

.footer_company_title {
  font-size: 36px;
  font-weight: 900;
  font-style: italic;
  margin-bottom: 30px;
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .footer_company_title {
    font-size: 32px;
  }
}
@media screen and (max-width: 500px) {
  .footer_company_title {
    font-size: 24px;
  }
}

.footer_company_text {
  line-height: 1.2;
  font-weight: 600;
  text-align: left;
  display: inline-block;
  margin: 0 auto 18px auto;
}
@media screen and (max-width: 1000px) {
  .footer_company_text {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .footer_company_text {
    font-size: 14px;
  }
}

.footer_sns_icon:first-child {
  margin-right: 15px;
}

.footer_access_map > iframe {
  width: 100%;
  height: 450px;
}

.copyright_wrapper {
  background-color: #f29118;
  padding: 13px 0;
}

.copyright {
  color: #fff;
}

.pagetop {
  cursor: pointer;
  position: fixed;
  font-size: 20px;
  right: 25px;
  bottom: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  transition: 0.3s;
  color: #333;
  background: rgba(255, 255, 255, 0.71);
  z-index: 997;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 1600px) {
  .pagetop {
    right: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .pagetop {
    bottom: 170px;
    width: 65px;
    height: 65px;
  }
}

.UpMove {
  opacity: 1;
  visibility: inherit;
}

.bp400_br {
  display: none;
}
@media screen and (max-width: 400px) {
  .bp400_br {
    display: block;
  }
}

.top_section_title {
  background-color: #f29118;
}
@media screen and (max-width: 1200px) {
  .top_section_title {
    height: 265px;
  }
}
@media screen and (max-width: 834px) {
  .top_section_title {
    height: 205px;
  }
}
.top_section_title > article {
  padding-top: 66px;
  padding-right: 80px;
  padding-left: 80px;
  padding-bottom: 30px;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .top_section_title > article {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 834px) {
  .top_section_title > article {
    padding-top: 43px;
  }
}
.top_section_title > article > h2 {
  font-family: "Monoton", cursive;
  font-size: 120px;
  line-height: 1;
  margin-bottom: 18px;
  color: #fff;
}
@media screen and (max-width: 1400px) {
  .top_section_title > article > h2 {
    font-size: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .top_section_title > article > h2 {
    font-size: 80px;
  }
}
@media screen and (max-width: 834px) {
  .top_section_title > article > h2 {
    font-size: 70px;
  }
}
@media screen and (max-width: 640px) {
  .top_section_title > article > h2 {
    font-size: 60px;
  }
}
.top_section_title > article > div {
  font-size: 30px;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
@media screen and (max-width: 640px) {
  .top_section_title > article > div {
    font-size: 24px;
  }
}
.top_section_title > article > div > div {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
.top_section_title > article > div > div::before {
  position: absolute;
  content: "";
  display: block;
  width: 88px;
  height: 1px;
  top: 14px;
  left: -20px;
  transform: translateX(-100%);
  background-color: #fff;
}
@media screen and (max-width: 640px) {
  .top_section_title > article > div > div::before {
    width: 66px;
    top: 11px;
    right: 110px;
  }
}

.slider__img {
  width: 100%;
  height: 830px;
  -o-object-fit: cover;
     object-fit: cover;
}

.top_about_area {
  position: relative;
}

.top_about_text {
  position: relative;
  width: 1000px;
  text-align: center;
  padding: 84px 0;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 15px;
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  .top_about_text {
    width: 80%;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 640px) {
  .top_about_text {
    padding: 50px 30px;
  }
}
.top_about_text > div {
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .top_about_text > div {
    font-size: 22px;
  }
}
@media screen and (max-width: 640px) {
  .top_about_text > div {
    font-size: 16px;
  }
}
.top_about_text::before {
  position: absolute;
  content: "";
  background: url(/images/utility/dot-line.png) center/contain no-repeat;
  width: 100%;
  height: 26.5px;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 1200px) {
  .top_about_text::before {
    width: 96%;
    left: 1.5vw;
  }
}
.top_about_text::after {
  position: absolute;
  content: "";
  background: url(/images/utility/dot-line.png) center/contain no-repeat;
  width: 100%;
  height: 27.5px;
  bottom: 12px;
  left: 0;
}
@media screen and (max-width: 1200px) {
  .top_about_text::after {
    width: 96%;
    left: 1.5vw;
  }
}

.top_about_back_text {
  width: 100%;
  position: absolute;
  top: 47%;
  left: 47%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.top_about_back_text > div > .back_text:last-child {
  padding-left: 0;
  padding-right: 155px;
  text-align: right;
}
@media screen and (max-width: 1400px) {
  .top_about_back_text > div > .back_text:last-child {
    padding-right: 130px;
  }
}
@media screen and (max-width: 1200px) {
  .top_about_back_text > div > .back_text:last-child {
    padding-right: 10vw;
  }
}

.back_text {
  display: inline-block;
  width: 110%;
  height: 160px;
  font-size: 120px;
  font-family: "Monoton", cursive;
  color: #f29118;
  line-height: 1.5;
  background-color: rgba(242, 145, 24, 0.2784313725);
  padding-left: 85px;
  margin-bottom: 31px;
  transform: rotate(-6deg);
  overflow: hidden;
}
@media screen and (max-width: 1400px) {
  .back_text {
    font-size: 100px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1200px) {
  .back_text {
    padding-left: 60px;
    font-size: 9vw;
    height: 15vw;
  }
}
@media screen and (max-width: 834px) {
  .back_text {
    padding-left: 35px;
    font-size: 75px;
    height: 120px;
  }
}
@media screen and (max-width: 640px) {
  .back_text {
    font-size: 65px;
    height: 105px;
  }
}

.top_news_area {
  position: relative;
}
@media screen and (max-width: 1200px) {
  .top_news_area {
    height: 600px;
    margin-bottom: 150px !important;
  }
}

.top_news_title {
  position: relative;
  z-index: 2;
  width: 38.55%;
  background-color: #f29118;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .top_news_title {
    width: 83%;
  }
}
.top_news_title::before {
  position: absolute;
  content: "";
  background: url(/images/utility/gear.png) center/contain no-repeat;
  width: 417px;
  height: 411px;
  bottom: -208px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .top_news_title::before {
    left: -200px;
  }
}

.top_news_list_wrapper {
  position: absolute;
  top: 50px;
  right: 0;
  width: 65.1%;
  height: 500px;
  padding: 60px 60px 60px 120px;
  background-color: #fff;
  border-radius: 15px 0 0 15px;
}
@media screen and (max-width: 1200px) {
  .top_news_list_wrapper {
    padding-left: 90px;
  }
}
@media screen and (max-width: 834px) {
  .top_news_list_wrapper {
    top: 160px;
    width: 80%;
    padding: 80px 60px 60px 60px;
  }
}
@media screen and (max-width: 640px) {
  .top_news_list_wrapper {
    width: 90%;
    padding: 80px 20px 60px 20px;
  }
}

.top_news_list {
  height: 380px;
  overflow: scroll;
}
.top_news_list::-webkit-scrollbar {
  width: 4px;
  height: 0;
}
.top_news_list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 25px;
  box-shadow: 0 0 5px #ccc inset;
}
.top_news_list::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 25px;
}
.top_news_list > dl {
  flex-direction: column;
}
.top_news_list > dl > dt {
  font-size: 24px;
  color: #f29118;
}
@media screen and (max-width: 834px) {
  .top_news_list > dl > dt {
    font-size: 18px;
  }
}
.top_news_list > dl > dd {
  font-size: 22px;
}
@media screen and (max-width: 834px) {
  .top_news_list > dl > dd {
    font-size: 16px;
  }
}

.top_repair_area {
  position: relative;
}
@media screen and (max-width: 1600px) {
  .top_repair_area {
    margin-bottom: 600px !important;
  }
}
@media screen and (max-width: 1200px) {
  .top_repair_area {
    margin-bottom: 500px !important;
  }
}
@media screen and (max-width: 1000px) {
  .top_repair_area {
    margin-bottom: 1050px !important;
  }
}
@media screen and (max-width: 834px) {
  .top_repair_area {
    margin-bottom: 950px !important;
  }
}

.top_repair_title {
  position: relative;
  width: 36.46%;
  margin-left: auto;
  margin-right: 0;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .top_repair_title {
    width: 40%;
    height: 350px;
  }
}
@media screen and (max-width: 1000px) {
  .top_repair_title {
    width: 83%;
    height: 260px;
  }
}
.top_repair_title::before {
  position: absolute;
  content: "";
  background: url(/images/utility/gear.png) center/contain no-repeat;
  width: 417px;
  height: 411px;
  bottom: -208px;
  right: 0;
  z-index: -1;
  display: none;
}
@media screen and (max-width: 1000px) {
  .top_repair_title::before {
    right: -200px;
  }
}
@media screen and (max-width: 1000px) {
  .top_repair_title::before {
    display: block;
  }
}
.top_repair_title > article {
  padding-left: 4.2vw;
}
@media screen and (max-width: 1000px) {
  .top_repair_title > article {
    padding-top: 30px;
  }
}
.top_repair_title > article > h2 {
  font-size: 100px;
}
@media screen and (max-width: 1400px) {
  .top_repair_title > article > h2 {
    font-size: 80px;
  }
}
@media screen and (max-width: 834px) {
  .top_repair_title > article > h2 {
    font-size: 70px;
  }
}
@media screen and (max-width: 640px) {
  .top_repair_title > article > h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 400px) {
  .top_repair_title > article > h2 {
    font-size: 48px;
  }
}
.top_repair_title > article > div {
  margin-left: 354px;
}
@media screen and (max-width: 1400px) {
  .top_repair_title > article > div {
    margin-left: 274px;
  }
}
@media screen and (max-width: 834px) {
  .top_repair_title > article > div {
    margin-left: 230px;
  }
}
@media screen and (max-width: 640px) {
  .top_repair_title > article > div {
    margin-left: 200px;
  }
}
@media screen and (max-width: 400px) {
  .top_repair_title > article > div {
    margin-left: 154px;
  }
}
.top_repair_title > article > div::before {
  left: -100px;
}
@media screen and (max-width: 640px) {
  .top_repair_title > article > div::before {
    left: -80px;
  }
}
.top_repair_title > article > div > .link_btn {
  margin-top: 100px;
  margin-left: -113px;
}
@media screen and (max-width: 1600px) {
  .top_repair_title > article > div > .link_btn {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .top_repair_title > article > div > .link_btn {
    margin-top: 30px;
  }
}
@media screen and (max-width: 640px) {
  .top_repair_title > article > div > .link_btn {
    margin-left: -123px;
  }
}

.top_repair_select {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 50px;
  margin-left: 24px;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .top_repair_select {
    margin-top: 150px;
  }
}
@media screen and (max-width: 1000px) {
  .top_repair_select {
    flex-direction: column !important;
    width: 100%;
    margin-top: 330px;
    margin-left: 0;
  }
}
.top_repair_select .box {
  width: 33.3333333333%;
}
@media screen and (max-width: 1000px) {
  .top_repair_select .box {
    width: 90%;
    margin-top: 20px;
  }
}
.top_repair_select .box:first-child {
  margin-top: 0;
}
.top_repair_select .box:nth-child(even) {
  margin-left: auto;
}
.top_repair_select .box > img {
  width: 400px !important;
  height: 400px !important;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1400px) {
  .top_repair_select .box > img {
    width: 350px !important;
    height: 350px !important;
  }
}
@media screen and (max-width: 1200px) {
  .top_repair_select .box > img {
    width: 300px !important;
    height: 300px !important;
  }
}
@media screen and (max-width: 1000px) {
  .top_repair_select .box > img {
    width: 100% !important;
    height: 200px !important;
  }
}
.top_repair_select .box > div {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 6px 0;
  font-size: 30px;
  text-align: center;
  background: #fff;
}
@media screen and (max-width: 1000px) {
  .top_repair_select .box > div {
    font-size: 24px;
  }
}
@media screen and (max-width: 834px) {
  .top_repair_select .box > div {
    font-size: 18px;
  }
}
.top_repair_select .repair_select_btn {
  position: relative;
  width: 100%;
  color: #3a9039 !important;
}
.top_repair_select .repair_select_btn::after {
  position: absolute;
  content: "";
  background: url(/images/utility/arrow.png) center/contain no-repeat;
  width: 25px;
  height: 25px;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}
@media screen and (max-width: 1000px) {
  .top_repair_select .repair_select_btn::after {
    right: 20px;
  }
}
.top_repair_select .repaer_select_icon {
  width: 25px;
}
.top_repair_select > .box:nth-child(2) {
  transform: translate(1.5vw, 75px);
}
@media screen and (max-width: 1600px) {
  .top_repair_select > .box:nth-child(2) {
    transform: translate(1.5vw, 120px);
  }
}
@media screen and (max-width: 1000px) {
  .top_repair_select > .box:nth-child(2) {
    transform: none;
  }
}
.top_repair_select > .box:nth-child(3) {
  transform: translate(3vw, 150px);
}
@media screen and (max-width: 1600px) {
  .top_repair_select > .box:nth-child(3) {
    transform: translate(3vw, 240px);
  }
}
@media screen and (max-width: 1000px) {
  .top_repair_select > .box:nth-child(3) {
    transform: none;
  }
}

.top_sales_area {
  position: relative;
}
@media screen and (max-width: 1200px) {
  .top_sales_area {
    height: 600px;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 834px) {
  .top_sales_area {
    margin-bottom: 180px !important;
  }
}

.top_sales_title {
  position: relative;
  z-index: 2;
  width: 38.55%;
  background-color: #f29118;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .top_sales_title {
    height: 350px;
  }
}
@media screen and (max-width: 834px) {
  .top_sales_title {
    width: 83%;
    height: 270px;
  }
}
.top_sales_title::before {
  position: absolute;
  content: "";
  background: url(/images/utility/gear.png) center/contain no-repeat;
  width: 417px;
  height: 411px;
  bottom: -208px;
  left: 0;
  z-index: -1;
  display: none;
}
@media screen and (max-width: 1200px) {
  .top_sales_title::before {
    left: -200px;
  }
}
@media screen and (max-width: 834px) {
  .top_sales_title::before {
    display: block;
  }
}
.top_sales_title > article > div > .link_btn {
  margin-top: 85px;
}
@media screen and (max-width: 1200px) {
  .top_sales_title > article > div > .link_btn {
    margin-top: 50px;
  }
}
@media screen and (max-width: 834px) {
  .top_sales_title > article > div > .link_btn {
    margin-top: 30px;
  }
}

.top_sales_text_wrapper {
  position: absolute;
  top: 50px;
  right: 0;
  width: 65.1%;
  height: 447px;
  padding: 60px 60px 60px 120px;
  background-color: #fff;
  border-radius: 15px 0 0 15px;
}
@media screen and (max-width: 1200px) {
  .top_sales_text_wrapper {
    padding-left: 90px;
  }
}
@media screen and (max-width: 834px) {
  .top_sales_text_wrapper {
    top: 240px;
    width: 80%;
    padding: 80px 60px 60px 60px;
  }
}
@media screen and (max-width: 640px) {
  .top_sales_text_wrapper {
    width: 90%;
    padding: 80px 30px 60px 30px;
  }
}

.top_sales_list {
  height: 327px;
  overflow: scroll;
}
.top_sales_list > dl {
  flex-direction: column;
}
.top_sales_list > dl > dt {
  font-size: 24px;
  color: #f29118;
}
@media screen and (max-width: 834px) {
  .top_sales_list > dl > dt {
    font-size: 18px;
  }
}
.top_sales_list > dl > dd {
  font-size: 22px;
}
@media screen and (max-width: 834px) {
  .top_sales_list > dl > dd {
    font-size: 16px;
  }
}

.top_sales_text {
  font-size: 22px;
}
@media screen and (max-width: 834px) {
  .top_sales_text {
    font-size: 16px;
  }
}

@media screen and (max-width: 1000px) {
  .top_services_title {
    margin-bottom: 30px !important;
  }
}
.top_services_title > article > h2 {
  font-size: 120px;
  font-family: "Monoton", cursive;
  line-height: 1;
  color: #f29118;
  margin-bottom: 28px;
}
@media screen and (max-width: 1400px) {
  .top_services_title > article > h2 {
    font-size: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .top_services_title > article > h2 {
    font-size: 80px;
  }
}
@media screen and (max-width: 640px) {
  .top_services_title > article > h2 {
    font-size: 48px;
  }
}
.top_services_title > article > div {
  font-size: 30px;
  color: #bf601c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top_services_title > article > div::before, .top_services_title > article > div::after {
  content: "";
  width: 64px;
  height: 1px;
  background-color: #f29118;
}
@media screen and (max-width: 640px) {
  .top_services_title > article > div::before, .top_services_title > article > div::after {
    width: 10%;
  }
}
.top_services_title > article > div::before {
  margin-right: 20px;
}
.top_services_title > article > div::after {
  margin-left: 20px;
}
@media screen and (max-width: 640px) {
  .top_services_title > article > div {
    font-size: 20px;
  }
}

.top_services_images {
  padding: 0 24px;
  flex-wrap: nowrap !important;
}
@media screen and (max-width: 1000px) {
  .top_services_images {
    flex-direction: column !important;
    padding: 0;
  }
}
.top_services_images .box {
  width: 25%;
  margin: 0 36px 20px 0;
}
@media screen and (max-width: 1000px) {
  .top_services_images .box {
    width: 90%;
  }
}
.top_services_images .box:nth-child(4n) {
  margin-right: 0;
}
.top_services_images .box:nth-child(odd) {
  margin-top: 47px;
}
@media screen and (max-width: 1000px) {
  .top_services_images .box:nth-child(odd) {
    margin-top: 10px;
    margin-left: 0;
  }
}
@media screen and (max-width: 1000px) {
  .top_services_images .box:nth-child(even) {
    margin-left: auto;
    margin-right: 0;
  }
}
.top_services_images .box > img {
  width: 100%;
  height: 400px !important;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .top_services_images .box > img {
    height: 200px !important;
  }
}
.top_services_images .box > div {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 6px 0;
  font-size: 30px;
  text-align: center;
  background: #fff;
}
@media screen and (max-width: 1000px) {
  .top_services_images .box > div {
    font-size: 24px;
  }
}
@media screen and (max-width: 834px) {
  .top_services_images .box > div {
    font-size: 18px;
  }
}
.top_services_images .services_select_btn {
  position: relative;
  width: 100%;
  color: #3a9039 !important;
}
.top_services_images .services_select_btn::after {
  position: absolute;
  content: "";
  background: url(/images/utility/arrow.png) center/contain no-repeat;
  width: 25px;
  height: 25px;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}
@media screen and (max-width: 1000px) {
  .top_services_images .services_select_btn::after {
    right: 20px;
  }
}

.repair_main_text {
  max-width: 1000px;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (max-width: 1200px) {
  .repair_main_text {
    max-width: 800px;
  }
}
@media screen and (max-width: 1000px) {
  .repair_main_text {
    max-width: 600px;
  }
}
@media screen and (max-width: 640px) {
  .repair_main_text {
    max-width: 95%;
  }
}
.repair_main_text > div {
  font-size: 42px;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 15px;
  padding: 0 30px;
}
@media screen and (max-width: 1200px) {
  .repair_main_text > div {
    font-size: 31px;
  }
}
@media screen and (max-width: 1000px) {
  .repair_main_text > div {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 640px) {
  .repair_main_text > div {
    font-size: 5.5vw;
    padding: 0 20px;
  }
}
.repair_main_text > div::before {
  content: "";
  background: url(/images/utility/dot-line.png) center/contain no-repeat;
  display: block;
  width: 100%;
  height: 25px;
  padding: 30px 0;
  margin: 0 auto;
}
.repair_main_text > div::after {
  content: "";
  background: url(/images/utility/dot-line.png) center/contain no-repeat;
  display: block;
  width: 100%;
  height: 25px;
  padding: 30px 0;
  margin: 0 auto;
}

.cooperation_color {
  font-size: 48px;
  font-weight: bold;
  margin-right: 20px;
  color: #f29118;
}
@media screen and (max-width: 1200px) {
  .cooperation_color {
    font-size: 37px;
  }
}
@media screen and (max-width: 1000px) {
  .cooperation_color {
    font-size: 41px;
  }
}
@media screen and (max-width: 640px) {
  .cooperation_color {
    margin-right: 10px;
    font-size: 7vw;
  }
}

.cooperation {
  font-size: 48px;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .cooperation {
    font-size: 37px;
  }
}
@media screen and (max-width: 1000px) {
  .cooperation {
    font-size: 36px;
  }
}
@media screen and (max-width: 640px) {
  .cooperation {
    font-size: 7vw;
  }
}

.contents_text > article > h3 {
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #f29118;
}
@media screen and (max-width: 640px) {
  .contents_text > article > h3 {
    font-size: 22px;
  }
}

.color_text {
  color: #f29118;
}

.text_bg > div {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .text_bg > div {
    font-size: 4vw;
  }
}

.contect_inner_link:link, .contect_inner_link:visited {
  color: #3a9039 !important;
}

.sp_contents_box .box > div > img {
  width: 100%;
  margin-bottom: 20px;
}

.featured_text > div {
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  .featured_text > div {
    font-size: 14px;
  }
}

.raptor_main_images {
  align-items: center;
}
.raptor_main_images .box {
  width: 50%;
}
@media screen and (max-width: 640px) {
  .raptor_main_images .box {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .raptor_main_images .box:first-child {
    margin-bottom: 30px;
  }
}
.raptor_main_images .box:first-child > img {
  width: 80%;
  display: block;
  margin: 0 auto;
}
.raptor_main_images .box:nth-child(2) > img {
  width: 90%;
  display: block;
}
@media screen and (max-width: 640px) {
  .raptor_main_images .box:nth-child(2) > img {
    margin: 0 auto;
  }
}

.before_after_images {
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 834px) {
  .before_after_images {
    justify-content: center;
  }
}
.before_after_images .box {
  width: 45%;
}
@media screen and (max-width: 834px) {
  .before_after_images .box {
    width: 100%;
  }
}
.before_after_images .box > article {
  display: flex;
  flex-direction: column;
}
.before_after_images .box > article > h3 {
  font-size: 18px;
  font-weight: 600;
  order: 1;
  margin-bottom: 10px;
}
.before_after_images .box > article > div {
  display: none;
}
.before_after_images .box > article > img {
  display: block;
  margin: 0 auto;
  width: 100%;
  order: 2;
}
.before_after_images .box > img {
  display: block;
  margin: 0 auto;
}
.before_after_images .box:first-child {
  order: 1;
}
.before_after_images .box:nth-child(2) {
  order: 3;
}
.before_after_images::after {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 64px;
  order: 2;
}
@media screen and (max-width: 1000px) {
  .before_after_images::after {
    font-size: 6vw;
  }
}
@media screen and (max-width: 834px) {
  .before_after_images::after {
    transform: rotate(90deg);
  }
}

.contents_wrapper {
  border-radius: 0 0 15px 15px;
}

.inspection_list > ul {
  display: flex;
  flex-wrap: wrap;
}
.inspection_list > ul > li {
  width: 50%;
  list-style: inside !important;
  padding: 10px 0;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .inspection_list > ul > li {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .inspection_list > ul > li {
    font-size: 18px;
  }
}

.repair_images {
  justify-content: space-around;
  align-items: center;
}
.repair_images .box {
  width: calc(33.3333333333% - 13.5px);
  margin: 0 20px 20px 0;
}
@media screen and (max-width: 834px) {
  .repair_images .box {
    width: 50%;
    margin: 0 0 20px 0;
    padding: 0 10px;
  }
}
@media screen and (max-width: 640px) {
  .repair_images .box {
    width: 100%;
  }
}
.repair_images .box:nth-child(3n) {
  margin-right: 0;
}
.repair_images .box > img {
  width: 100% !important;
  height: 210px !important;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 640px) {
  .repair_images .box > img {
    width: 100% !important;
  }
}

.models_text {
  justify-content: center;
}
.models_text .box {
  width: 48%;
  padding: 0 20px;
}
@media screen and (max-width: 834px) {
  .models_text .box {
    width: 100%;
    padding: 0;
  }
}
.models_text .box:first-child {
  padding-left: 0;
  border-right: solid 1px #ccc;
}
@media screen and (max-width: 834px) {
  .models_text .box:first-child {
    border: none;
    margin-bottom: 30px;
  }
}
.models_text .box:last-child {
  padding-right: 0;
}
.models_text .box > article > h3 {
  background-color: #3a9039;
  color: #fff;
  font-size: 22px;
  padding: 10px 20px;
  margin-bottom: 20px;
}

.box_inner_tx_bg {
  list-style: inside;
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .box_inner_tx_bg {
    font-size: 18px;
  }
}

.contents_box {
  align-items: center;
}
.contents_box .box:first-child {
  width: 65%;
  padding-right: 30px;
}
@media screen and (max-width: 834px) {
  .contents_box .box:first-child {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.contents_box .box:last-child {
  width: 35%;
}
@media screen and (max-width: 834px) {
  .contents_box .box:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .contents_box .box div {
    font-size: 14px;
  }
}

@media screen and (max-width: 834px) {
  .product_main_box {
    flex-direction: column;
  }
}
.product_main_box .box:first-child {
  width: 50%;
}
@media screen and (max-width: 834px) {
  .product_main_box .box:first-child {
    width: 100%;
  }
}
.product_main_box .box:last-child {
  width: 50%;
}
@media screen and (max-width: 834px) {
  .product_main_box .box:last-child {
    width: 100%;
  }
}
.product_main_box .box:last-child > img {
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}

.inventory_images_wrapper {
  align-items: flex-start;
}
.inventory_images_wrapper .box:first-child {
  width: 35%;
}
@media screen and (max-width: 1200px) {
  .inventory_images_wrapper .box:first-child {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  .inventory_images_wrapper .box:first-child {
    width: 100%;
  }
}
.inventory_images_wrapper .box:last-child {
  width: 65%;
}
@media screen and (max-width: 1200px) {
  .inventory_images_wrapper .box:last-child {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  .inventory_images_wrapper .box:last-child {
    width: 100%;
  }
}
.inventory_images_wrapper .box:last-child > div > img {
  width: calc(50% - 7.5px);
  margin-right: 15px;
  margin-bottom: 10px;
  height: 210px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1200px) {
  .inventory_images_wrapper .box:last-child > div > img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.inventory_images_wrapper .box:last-child > div > img:nth-child(2n) {
  margin-right: 0;
}

.qa_list > dl {
  align-items: baseline;
}
@media screen and (max-width: 834px) {
  .qa_list > dl {
    flex-direction: column !important;
  }
}
.qa_list > dl:nth-child(odd) {
  padding-top: 20px;
}
.qa_list > dl:nth-child(even) {
  padding-bottom: 20px;
}
.qa_list > dl:nth-child(2n) {
  border-bottom: dotted 2px #ccc;
}
.qa_list > dl > dt {
  border: none !important;
  font-size: 38px;
  font-weight: bold;
  text-align: right !important;
  line-height: 1.2;
  display: block !important;
  background-color: transparent !important;
}
@media screen and (max-width: 834px) {
  .qa_list > dl > dt {
    width: 100% !important;
    text-align: left !important;
    padding-bottom: 0 !important;
  }
}
.qa_list > dl:nth-child(2n) > dt {
  color: #9c0f0a;
}
.qa_list > dl > dd {
  border: none !important;
  background-color: transparent !important;
}
@media screen and (max-width: 834px) {
  .qa_list > dl > dd {
    width: 100% !important;
    text-align: left !important;
    padding-top: 0 !important;
  }
}

.mail_form .form_wrap > dl {
  border-bottom: dotted 2px #ccc;
}
.mail_form .form_wrap > dl > dt {
  flex-direction: row !important;
}
.mail_form .form_wrap > dl > dt > label {
  margin-left: 5px;
}

.error_text > div > a {
  box-shadow: 3px 3px 10px #ccc;
}/*# sourceMappingURL=common_style.css.map */