/*-------------------- base --------------------*/
body {
  color: #3e3a39;
  font-family: hiragino-kaku-gothic-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
}
section {
  overflow: hidden;
}

.about_campaign,
.requirements {
  padding: 5rem 0;
}
.about_campaign {
  padding-top: 10rem;
}
.t_cnt_inner,
.inner {
  width: 89%;
}
h1,
.inner {
  max-width: 80rem;
  margin: 0 auto;
}
.t_cnt_inner {
  max-width: 85rem;
  margin: 0 auto;
}
.down_side .t_cnt_inner {
  max-width: 91rem;
}
.case .inner {
  max-width: none;
}

.contact .inner {
  max-width: 58rem;
}
h2:last-child,
.h2:last-child,
h3:last-child,
.h3:last-child,
p:last-child,
figure:last-child {
  margin-bottom: 0;
}
h2,
.h2,
h3,
.h3,
.require_list dt {
  font-family: hiragino-kaku-gothic-pron, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5;
}
h2,
.h2,
h3,
.h3 {
  text-align: center;
}
h2,
.h2 {
  font-size: 1.7em;
  margin-bottom: 1.6em;
}
h3,
.h3 {
  font-size: 1.3em;
  margin-bottom: 0.8em;
}
p,
figure {
  margin-bottom: 1.4em;
}
@media screen and (min-width: 768px) {
  section {
    padding: 10rem 0;
  }
  .about_campaign,
  .requirements {
    padding: 7.5rem 0;
  }
  .about_campaign {
    padding-top: 10rem;
  }
}
@media screen and (min-width: 1024px) {
  .case {
    padding-bottom: 12rem;
  }
}
@media screen and (min-width: 1280px) {
  html {
    font-size: 0.78vw;
  }
}

/*-------------------- common --------------------*/
/* fonts */
.en {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.w6 {
  font-family: hiragino-kaku-gothic-pron, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.w3 {
  font-family: hiragino-kaku-gothic-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.min {
  font-family: "YuMincho", "Sawarabi Mincho", serif;
  font-weight: 300;
  letter-spacing: 0.04em;
}
/* bg-color */
.bg_beige {
  background-color: #e4ded1;
}
.bg_light_beige {
  background-color: #efeae1;
}
.bg_black_tp {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg_dark_black_tp {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg_white {
  background-color: #fff;
}
.bg_white_tp {
  background-color: rgba(255, 255, 255, 0.85);
}
.bg_yellow {
  background-color: #f5e928;
}
/* color */
.bg_black_tp,
.bg_dark_black_tp {
  color: #fff;
}
.bg_white,
.bg_white_tp,
.btn a {
  color: #3e3a39;
}
/* inline-blodk */
.ib {
  display: inline-block;
}
.sub_ttl {
  font-size: 0.5em;
}
/* line-height */
.btn,
ul {
  line-height: 1.5;
}
.tech_list li h3 {
  line-height: 2;
}
.copy {
  line-height: 2.5;
}
/* text-align */
.copy {
  text-align: center;
}
.lub_cnt h3 {
  text-align: left;
}
/* shadow */
.swiper-button-next,
.swiper-button-prev,
.fix_cta,
.btn a {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

/* 注釈リスト */
.caution_list {
  font-size: 10px;
  line-height: 1.5;
}
.caution_list li {
  padding-left: 1em;
  position: relative;
}
.caution_list li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
/* box */
.pdg {
  padding: 2rem;
}
.pdg_2 {
  padding: 3rem 2rem;
}
@media screen and (min-width: 768px) {
  .pdg_2 {
    padding: 5rem 3rem;
  }
}

/* bourder-radius */
.radius10 {
  border-radius: 1rem;
}
/* button */
.btn {
  font-size: 1.4em;
  text-align: center;
}
.btn a {
  display: inline-block;
  width: 100%;
  padding: 0.6em;
  border-radius: 0.6em;
}
@media screen and (min-width: 768px) {
  .btn {
    font-size: 1em;
    width: 18em;
    margin: 0 auto;
  }
}
/* head */
.title {
  line-height: 1;
}
.title span {
  display: block;
}
.title .sub_ttl {
  margin-top: 1.2em;
}
/* caption */
figure {
  position: relative;
}
.cap {
  background-color: #fff;
  padding: 0.5em;
  padding-bottom: 0.4em;
  font-size: 0.8em;
  position: absolute;
  bottom: 1px;
  right: 1px;
  line-height: 1;
}
/* margin */
.case_cnt,
.lu_brand {
  margin-bottom: 4rem;
}
.case_cnt:last-child,
.lu_brand:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .case_cnt {
    margin-bottom: 5rem;
  }
}
/*-------------------- transition（土屋サイトから） --------------------*/
@media screen and (min-width: 1024px) {
  .swiper2_container .swiper-button-next,
  .swiper2_container .swiper-button-prev,
  .swiper2 figure::after,
  .swiper2 figure img,
  .tech_list a::after {
    transition: all 0.2s ease-in;
  }
}
/* .lub_cnt .arrow::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: linear-gradient(
    rgba(67, 43, 19, 0) 0%,
    rgba(67, 43, 19, 0.4) 100%
  );
}
.lub_cnt a:hover .arrow::after {
  background-color: rgb(67, 43, 19);
  opacity: 0.65;
} */
/*-------------------- arrow --------------------*/
/* .arrow {
  position: relative;
}
.arrow::before {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid #ffffff;
  border-radius: 50%;
  bottom: 2rem;
  left: 2rem;
  background-color: rgba(255, 255, 255, 0);
  width: 4rem;
  height: 4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../images/kounetsuhi_monitor/arrow-next-white.svg);

  background-size: 1.6rem;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .link_box:hover .arrow::before {
    background-color: #ea6673;
    border: 1px solid #ea6673;
  }
} */
/*-------------------- hover --------------------*/
.tech_list a {
  display: block;
  position: relative;
}
.tech_list a::after {
  content: "";
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ffffff;
  background-color: rgba(7, 7, 7, 0.8);
}
@media screen and (min-width: 1024px) {
  .tech_list a:hover:after {
    opacity: 1;
  }
}
/* cases */
.swiper2 figure {
  position: relative;
  overflow: hidden;
}
.swiper2 figure::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #432b13;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .swiper2 figure:hover img {
    transform: scale(1.1);
  }
  .swiper2 figure:hover::after {
    opacity: 0.4;
  }
}
/*-------------------- fix --------------------*/
.fix_bg,
.fix_cta {
  position: fixed;
  left: 0;
  width: 100%;
}
/* 背景固定画像 */
.fix_bg {
  height: 100vh;
  top: 0;
}
.fix_bg figure {
  width: 100%;
  height: 100%;
  position: relative;
}
.fix_bg figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ctaボタン */
.fix_cta {
  bottom: 0;
  padding: 0.7em 0;
  line-height: 1;
  z-index: 10;
  pointer-events: none;
}
.fix_cta .btn {
  pointer-events: auto;
  cursor: pointer;
}
@media screen and (min-width: 1280px) {
  .fix_cta .btn:hover {
    opacity: 0.8;
  }
}

@media screen and (min-width: 1280px) {
  .fix_cta {
    padding: 0 30px 30px;
    background: transparent;
    box-shadow: none;
  }
  .fix_cta .inner {
    width: 100%;
    max-width: none;
  }
  .fix_cta .btn {
    width: 13rem;
    height: 13rem;
    margin-right: 0;
    margin-left: auto;
  }
  .btn a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
}
@media screen and (min-width: 1537px) {
  .fix_cta .btn {
    font-size: 20px;
    width: 155px;
    height: 155px;
  }
}
/* 重なり順 */
section {
  position: relative;
}
/* 共通背景画像 */
.t_kv,
.ac_v {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1279px) {
  .t_kv,
  .ac_v {
    background-image: url(../../images/kounetsuhi_monitor/kv_bg.jpg);
  }
}
@media screen and (min-width: 1280px) {
  .t_kv,
  .ac_v {
    background-image: url(../../images/kounetsuhi_monitor/kv_bg_pc.jpg);
  }
}
/*-------------------- 別セクション 構造またはマージン共通 --------------------*/
.require_list > div:last-child,
.tech_list li:last-child,
.ac_item:last-child,
.ac_item figure:last-child,
.tc_item:last-child,
.tc_item figure:last-child {
  margin-bottom: 0;
}
.tech_list li,
.require_list > div {
  margin-bottom: 1.4em;
}

.ac_item,
.tc_item,
.up_side {
  margin-bottom: 1.4em;
}
.ac_item .caution_list,
.tc_item .caution_list {
  font-size: 0.65em;
}
.ac_item figure,
.tc_item figure {
  margin-bottom: 0.7em;
}
.ac_item_flex .ac_item:nth-of-type(2),
.down_side .tc_item:nth-of-type(2) {
  width: 97%;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .ac_item_flex,
  .down_side .t_cnt_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* 
  .ac_item_flex .ac_item:nth-of-type(1),
  .down_side .tc_item:nth-of-type(1) {
    width: 54%;
    margin: 0;
  }
  .ac_item_flex .ac_item:nth-of-type(2),
  .down_side .tc_item:nth-of-type(2) {
    width: 42%;
  } */

  .ac_item_flex .ac_item:nth-of-type(1),
  .down_side .tc_item:nth-of-type(1) {
    width: 49%;
    margin: 0;
  }
  .ac_item_flex .ac_item:nth-of-type(2),
  .down_side .tc_item:nth-of-type(2) {
    /*100_v4は 500の97% */
    width: 47%;
    margin: 0;
  }

  .tc_ttl_main .tc_item {
    width: 90%;
    margin: 0 auto;
  }
  .tc_ttl_sub .tc_item {
    width: 62%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .tc_ttl_sub .tc_item {
    width: 56.25%;
  }
}
/*-------------------- top --------------------*/
.top {
  padding: 0;
}

.t_kv {
  padding: 4rem 0;
}
.t_cnt {
  padding-bottom: 2rem;
}
.tc_ttl_main {
  padding: 2.5rem 0;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .t_kv {
    padding: 5rem 0;
  }
  .tc_ttl_main {
    padding: 3rem 0 2.5rem;
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 768px) and (orientation: portrait) and (min-height: 135vw) {
  /* ipad air （820 × 1120）を基準に調整  */
  .t_kv {
    padding: 9vh 0;
  }
}
@media screen and (min-width: 1280px) {
  .top {
    font-size: 2vh;
  }
  h1 {
    max-width: 112vh;
  }
  .t_kv {
    padding: 4vh 0;
  }
  .up_side {
    margin-bottom: 2.5vh;
  }
  .tc_ttl_main {
    padding: 3.5vh 0 3vh;
    margin-bottom: 2vh;
  }
  .t_cnt {
    padding-bottom: 5vh;
  }

  .t_cnt_inner {
    max-width: 103vh;
  }
  .down_side .t_cnt_inner {
    max-width: 113vh;
  }
}
/*-------------------- lineup --------------------*/
.lineup {
  padding-top: 6rem;
}
.lu_head {
  margin-bottom: 5.5rem;
}
.lu_head h2 {
  margin-bottom: 1em;
}
.luh_logo {
  width: 6.8em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5em;
}

.lub_cnt h3 {
  font-size: 1em;
  margin-bottom: 1.4em;
}
.lub_cnt .sub_ttl {
  font-size: 0.8em;
  margin-bottom: 1.6em;
  display: inline-block;
}
.brand_logo {
  display: block;
}
.fig_container {
  position: relative;
}
.lub_cnt p {
  line-height: 2;
}
.gray_border {
  position: relative;
  border: solid 1px#cccccc;
}
/* cardinal */
.lu_cardinal .brand_logo {
  width: 14.5em;
}
/* liznas */
.lu_liznas .brand_logo {
  width: 12em;
}
.absolute_brand_logo {
  width: 6.2em;
}
/* .lu_liznas .arrow::before {
  left: auto;
  right: 2rem;
} */
.absolute_brand_logo {
  position: absolute;
  top: 0;
  z-index: 2;
}
.liz_select .absolute_brand_logo {
  left: 0;
}
.liz_custom .absolute_brand_logo {
  right: 0;
}
@media screen and (min-width: 768px) {
  .lineup {
    padding-top: 10rem;
  }
  .lu_brand_wrap {
    display: flex;
    justify-content: center;
  }
  .lu_brand {
    width: 32rem;
    margin: 0 1rem;
    font-size: 1.4rem;
  }
  .lub_cnt,
  .lub_cnt h3 {
    text-align: center;
  }
  .brand_logo {
    margin: 0 auto;
  }
}

/*-------------------- case --------------------*/
.case {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .case .inner {
    width: 100%;
  }
}

.cs_visual {
  position: relative;
}
.cs_visual > figure {
  position: relative;
  padding-top: 100%;
  margin-bottom: 0;
}
.cs_visual > figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.cs_brand {
  background-color: #1a1311;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 2rem 0.9rem;
}
.cs_brand .logo {
  width: 26%;
  margin-bottom: 0;
  line-height: 0;
}
.cs_brand .type {
  letter-spacing: 0.04em;
  font-size: 0.9em;
  padding-left: 0.9em;
  border-left: solid 1px #fff;
}

/* liznas */
.cs_cnt_liz_c .cs_brand .logo,
.cs_cnt_liz_s .cs_brand .logo {
  width: 23%;
}
/* and_select */
.cs_cnt_liz_s .cs_brand {
  background-color: #a9915b;
}
/* and_custom */
.cs_cnt_liz_c .cs_brand {
  background-color: #705f3f;
}

/*-------------------- case swiper --------------------*/
/* モーダル */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
}

/* モーダル active */
.modal.is-active {
  opacity: 1;
  pointer-events: auto;
}

/* モーダル背景のオーバーレイ部分 */
.modal__overlay {
  position: absolute;
  width: 100%;
  height: 0;
  cursor: pointer;

  /* 300ms~350msのタップ遅延対策 */
  transition: height 0s 400ms linear;
}
.modal.is-active .modal__overlay {
  height: 100vh;
}

/* モーダルのコンテンツ */
.modal__content {
  position: relative;
  width: 100%;
}
.modal_inner {
  position: relative;
}
.modal_cnt {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .modal_cnt {
    width: 88%;
  }
}

/* 閉じるボタン */
.modal__close-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 4.4rem;
  height: 4.4rem;
  cursor: pointer;
  z-index: 20;
}

@media screen and (min-width: 768px) {
  .modal__close-btn {
    width: 6.6rem;
    height: 6.6rem;
    top: 0;
    right: 0;
  }
  .modal__close-btn:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 1024px) {
  .modal__close-btn {
    width: 66px;
    height: 66px;
  }
}
/* 閉じるボタンのX */
.lineClose {
  display: block;
  line-height: 1;
  width: 45%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.lineClose::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}

/* サムネイルswiper */
.swiper2_container {
  position: relative;
}
.swiper2 {
  overflow: visible;
}

/* 矢印 */

.swiper-button-next,
.swiper-button-prev {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;

  position: absolute; /* relativeから変更 */
  top: 50%; /* 上下中央に配置 */
  transform: translateY(-50%); /* Y軸方向のズレを補正 */

  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  margin-top: 0;
  background-color: rgba(68, 65, 63, 0.1);
  text-align: center;
}
.swiper-button-next {
  right: -2rem;
}
.swiper-button-prev {
  left: -2rem;
}
.modal .swiper-button-next {
  right: 0;
}
.modal .swiper-button-prev {
  left: 0;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  content: "";
  color: #fff;
  font-size: 0.8em;
  line-height: 4.4rem;
}
.swiper-button-next::after {
  content: "▶︎";
}
.swiper-button-prev::after {
  content: "◀︎";
}
@media screen and (min-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    background-color: rgba(68, 65, 63, 0.2);
  }
  .swiper-button-next {
    right: 0;
  }
  .swiper-button-prev {
    left: 0;
  }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 0.6em;
  }
}
@media screen and (min-width: 1024px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 66px;
    height: 66px;
    font-size: 24px;
  }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    line-height: 66px;
  }
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background-color: rgba(68, 65, 63, 0.8);
  }

  /* .swiper2_container .swiper-button-next,
  .swiper2_container .swiper-button-prev {
    opacity: 0;
  }
  .case_cnt:hover .swiper2_container .swiper-button-next,
  .case_cnt:hover .swiper2_container .swiper-button-prev {
    opacity: 1;
  } */
}

/* レイアウト */
.swiper2 figure {
  padding-top: 66.7%;
  height: 0;
  position: relative;
}
.swiper2 figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper2 .swiper-slide {
  width: 27rem;
}
@media screen and (min-width: 768px) {
  .swiper2 .swiper-slide {
    width: 35rem;
  }
}
@media screen and (min-width: 1537px) {
  .swiper2 .swiper-slide {
    width: 420px;
  }
}
/*-------------------- tech --------------------*/
.tech_list li {
  position: relative;
}
.tech_list li figure {
  margin: 0;
}
.tech_list li h3 {
  font-size: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .tech_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .tech_list li {
    width: 48%;
    font-size: 0.8em;
    margin-bottom: 3rem;
  }
  .tech_list li:nth-last-of-type(2) {
    margin-bottom: 0;
  }
}
/*-------------------- summary --------------------*/
.summary {
  padding: 15rem 0;
}
.s_cnt {
  position: relative;
}
.s_cnt::before,
.s_cnt::after {
  content: "";
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  /* pointer-events: none; */
}

.s_cnt::before {
  width: 84%;
  top: -10rem;
  right: -6rem;
  background-image: url(../../images/kounetsuhi_monitor/leaf_1.png);
}
.s_cnt::after {
  width: 42%;
  bottom: -8rem;
  left: -4rem;
  background-image: url(../../images/kounetsuhi_monitor/leaf_2.png);
  background-position: bottom;
}
.s_cnt .text {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .summary {
    padding: 20rem 0;
  }
  .s_cnt {
    text-align: center;
  }
  .s_cnt::before {
    width: 35rem;
    right: -4rem;
  }
  .s_cnt::after {
    width: 17.5rem;
    bottom: -8.5rem;
    left: 0rem;
  }
}
/*-------------------- about_campaign --------------------*/
.ac_item_flex {
  margin-bottom: 3rem;
}
.summary_in_about h3,
.summary_in_about p {
  margin-bottom: 1em;
}
.summary_in_about p:last-child {
  margin-bottom: 0;
}
.summary_in_about h3 {
  font-size: 1em;
}
@media screen and (min-width: 768px) {
  .ac_item_flex {
    margin-bottom: 5rem;
  }
  .ac_item .caution_list {
    font-feature-settings: "palt" 1;
    font-size: 0.6em;
    letter-spacing: 0.05em;
  }
  .summary_in_about {
    padding: 6.5rem 2rem;
    border-radius: 2rem;
    text-align: center;
  }
}
@media screen and (min-width: 1280px) {
  .summary_in_about {
    font-size: 1.15em;
    padding: 7.5rem;
    padding-top: 7rem;
    border-radius: 2.5rem;
  }
}
@media screen and (min-width: 1537px) {
  .summary_in_about {
    font-size: 1em;
    padding: 7rem;
    padding-top: 6rem;
  }
}
/*-------------------- requirements --------------------*/
.require_list dt {
  font-size: 1.3em;
}
@media screen and (min-width: 768px) {
  .require_list dt {
    font-size: 1em;
    line-height: 1.7;
    width: 8em;
    flex-shrink: 0;
    margin-right: 3rem;
  }
  .require_list > div {
    display: flex;
  }
}
/*-------------------- contact --------------------*/
@media screen and (min-width: 768px) {
  .contact .wpcf7 {
    font-size: 1.4rem;
  }
}
/*-------------------- footer --------------------*/
footer {
  padding-bottom: 13rem;
  border-top: solid 1px #ddd;
}
@media screen and (min-width: 768px) {
  footer .footer_logo {
    max-width: 190px;
  }
}
@media screen and (min-width: 1024px) {
  footer {
    padding: 10rem 0 16rem;
  }
}
@media screen and (min-width: 1280px) {
  footer {
    padding: 10rem 0;
  }
}
.pc1280,
.pc768 {
  display: none;
}

@media screen and (min-width: 768px) {
  .pc768 {
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .pc1280 {
    display: block;
  }
}
@media screen and (min-width: 1537px) {
  .requirements,
  .contact {
    font-size: 21px;
  }
  .requirements .inner {
    max-width: 960px;
  }
  .requirements .pdg_2 {
    padding: 60px 36px;
  }
  .require_list dt {
    margin-right: 35px;
  }
  /* .swiper2 .swiper-slide {
    width: 385px;
    font-size: 17px;
  } */
  .contact .inner {
    max-width: 700px;
  }
  .contact .wpcf7 {
    font-size: 17px;
  }
}