@charset "UTF-8";
/* CSS Document */

/* 
  オンライン見学会LP用
*/

/* common */
* {
  color: #535353;
  z-index: 1;
}

.btn,
input[type="submit"].blue-btn,
button[type="submit"].blue-btn {
  background-color: #FFA200;
  padding: 30px;
  color: #fff;
  text-align: center;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  border: 2px solid #FFA200;
}

input[type="submit"].border-btn {
  padding: 30px;
  font-size: 20px;
  border: 2px solid #FFA200;
  color: #FFA200;
}

input[type="submit"].blue-btn, button[type="submit"].blue-btn {
  font-size: 20px;
}

.noto,
.form-btn-area>input[type="submit"].blue-btn, .form-btn-area>button[type="submit"].blue-btn, .form-btn-area>input[type="submit"].border-btn {
  font-family: 'Noto Sans JP', sans-serif;
}

img {
  width: 100%;
}

.section_ttl {
  margin-bottom: 40px;
}

.section_ttl,
.section_ttl span {
  font-size: 50px;
  color: #04577B;
  text-align: center;
  font-weight: 700;
  font-family: 'Noto Sans JP', sans-serif;
}

.section_ttl.white,
.section_ttl.white span {
  color: #fff;
}

.section_ttl span {
  font-size: 24px;
  display: block;
  font-weight: 500;
}

h3 {
  font-size: 28px;
  font-weight: 700;
  color: #04577B;
}

.description {
  margin-bottom: 60px;
}

p {
  line-height: 2;
}

.blue-txt {
  color: #04577B;
}

.wrapper {
  position: relative;
  z-index: 998;
}

.layout.one_half,
.layout.one_third {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.layout.one_half>* {
  width: 48%;
}

.layout.one_third>* {
  width: 32%;
}

/* hover設定（タブレット以上サイズのみ） */
/* hoverリセット */
input[type="submit"].blue-btn:hover, button[type="submit"].blue-btn:hover {
  background: #FFA200;
  color: #fff;
  border: 2px solid #FFA200;
}

input[type="submit"].border-btn:hover {
  border: 2px solid #FFA200;
  background: #fff;
  color: #FFA200;
}

@media screen and (min-width:960px) {
  input[type="submit"].border-btn:hover {
    color: #fff;
    background-color: #FFA200;
    border: 2px solid #FFA200;
  }

  .btn:hover, input[type="submit"].blue-btn:hover, button[type="submit"].blue-btn:hover {
    color: #FFA200;
    background-color: #fff;
    border: 2px solid #FFA200;
  }

  .btn.header-btn:hover span {
    color: inherit;
    font-weight: inherit;
  }

  .member-nav li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  .faq-dl dd a:hover {
    text-decoration: underline;
  }
}

/* ヘッダー */
.logged-in #lp-header {
  margin-top: 32px;
}

#lp-header {
  width: 100%;
  z-index: 999;
  top: 0;
  background: none;
  border-bottom: none;
  height: auto;
  position: absolute;
  transition: .6s;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#lp-header.fixed {
  position: fixed;
  background-color: #fff;
}

#logo {
  width: auto;
}

.confirm #logo,
.thanks #logo {
  padding: 20px 0 20px 20px;
}

.btn.header-btn {
  width: 320px;
  font-size: 16px;
}

.btn.header-btn span {
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
}

/* キービジュアル */
#main {
  position: relative;
  top: -90px;
  overflow: hidden;
}

#key-area {
  background-image: url("../img/lp/lp-img-key.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: calc(100vh - 120px);
  min-height: 560px;
}

.lp-main-phrase {
  height: 72vh;
  min-height: 500px;
  width: 100%;
  position: relative;
}

.h1-box {
  width: 48%;
  padding-top: 60px;
  max-width: 528px;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.member-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.member-nav li {
  width: 23%;
}

.member-nav li a {
  display: block;
  padding: 24px 0 16px 0;
  text-align: center;
  background-color: #fff;
  border: 2px solid #FFA200;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.member-nav li a::before {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  margin: auto;
  margin-bottom: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.member-nav li:nth-child(1) a::before {
  background-image: url("../img/lp/lp-icon1.png");
}

.member-nav li:nth-child(2) a::before {
  background-image: url("../img/lp/lp-icon2.png");
  background-size: auto 100%;
}

.member-nav li:nth-child(3) a::before {
  background-image: url("../img/lp/lp-icon3.png");
}

.member-nav li:nth-child(4) a::before {
  background-image: url("../img/lp/lp-icon4.png");
}

.member-nav li a::after {
  content: '';
  display: block;
  width: 17px;
  height: 8px;
  margin: auto;
  margin-top: 18px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/lp/lp-icon-arrow.png");
}

/* about */
#about {
  padding-top: 180px;
  padding-bottom: 110px;
  background: #00c8e2;
}

#about .section_ttl {
  margin-bottom: 80px;
}

.border_ttl {
  padding-bottom: 24px;
  margin-bottom: 40px;
  position: relative;
}

.border_ttl::after {
  content: '';
  width: 150%;
  height: 1px;
  position: absolute;
  left: -50%;
  background-color: #04577B;
  bottom: 0;
}

/* schedule */
#schedule {
  padding-bottom: 200px;
  padding-top: 50px;
  position: relative;
  background-color: #fff;
}

#schedule::before,
#schedule::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
}

#schedule::before {
  top: calc(-21vw + 1px);
  border-width: 0 0 21vw 100vw;
  border-color: transparent transparent #fff transparent;
}

#schedule::after {
  bottom: 0;
  border-width: 0 0 21vw 100vw;
  border-color: transparent transparent #00C8E2 transparent;
}

.schedule_ttl {
  font-size: 24px;
  color: #14464D;
  text-align: center;
  padding: 10px 20px;
}

.schedule_ttl span {
  font-size: 16px;
  color: #14464D;
  display: block;
  font-weight: 700;
}

.flow li {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 13px rgba(0, 85, 72, 0.16);
  box-shadow: 0px 3px 13px rgba(0, 85, 72, 0.16);
}

.flow li p {
  padding: 10px 30px 30px 30px;
}

/* member-link */
#member-link {
  background-color: #00c8e2;
  margin-top: -80px;
}

#member-link .wrapper {
  position: relative;
  bottom: -80px;
}

#member-link .member-nav {
  position: relative;
}

/* member01~04 */
#member01 {
  padding-top: 210px;
}

.member-wrapper {
  background-color: #EFF7F8;
}

#member01, #member02, #member03, #member04 {
  position: relative;
}

#member02::before,
#member04::before,
#member02::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
}

#member02::before,
#member04::before {
  top: calc(-21vw + 1px);
  border-width: 0 0 21vw 100vw;
  border-color: transparent transparent #fff transparent;
}

#member02::after {
  bottom: 0;
  border-width: 0 0 21vw 100vw;
  border-color: transparent transparent #EFF7F8 transparent;
}

#member02, #member04 {
  z-index: 0;
  background-color: #fff;
  margin-top: 20vw;
}

#member02, #member03, #member04 {
  padding-top: 80px;
}

#member02 {
  padding-bottom: 20vw;
}

.member_ttl_box {
  margin-bottom: 60px;
}

.member_ttl_box .section_ttl {
  font-size: 48px;
  text-align: left;
  position: relative;
  z-index: 0;
  padding-top: 46px;
  padding-left: 44px;
}

.member_ttl_box div {
  width: 51%;
  padding-top: 50px;
}

.member_ttl_box p {
  margin-bottom: 20px;
}

#member02 .member_ttl_box .section_ttl {
  width: 47%;
}

.member_ttl_box .section_ttl::before {
  content: '';
  width: 152px;
  height: 152px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

#member01 .member_ttl_box .section_ttl::before {
  background-image: url("../img/lp/lp-icon1-blue.png");
}

#member02 .member_ttl_box .section_ttl::before {
  background-image: url("../img/lp/lp-icon2-blue.png");
}

#member03 .member_ttl_box .section_ttl::before {
  background-image: url("../img/lp/lp-icon3-blue.png");
}

#member04 .member_ttl_box .section_ttl::before {
  background-image: url("../img/lp/lp-icon4-blue.png");
}

.member_box {
  background-color: #fff;
  padding: 50px;
}

.member_box.blue {
  background-color: #EFF7F8;
}

.member_box.layout.one_half>figure {
  width: 32%;
  max-width: 361px;
}

.member_box.layout.one_half>div {
  width: 63%;
}

.member_comment p {
  margin-bottom: 20px;
}

.comment_ttl {
  color: #363636;
  margin-bottom: 20px;
}

.comment_ttl span {
  display: inline-block;
  background-color: #EFF7F8;
  color: #00C8E2;
  padding: 4px 10px;
  margin-bottom: 20px;
  vertical-align: top;
}

.member_box.blue .comment_ttl span {
  background-color: #fff;
}

p.member_name {
  font-weight: bold;
  border-top: 1px solid #99E2EB;
  margin-top: 40px;
  padding-top: 20px;
}

p.member_name span {
  font-size: 14px;
  font-weight: normal;
  margin-left: 20px;
}

.btn_box {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 80px;
}

.btn_box p {
  margin-bottom: 20px;
  font-size: 20px;
}

.btn_box .btn {
  font-size: 24px;
  display: block;
  max-width: 530px;
  margin: auto;
}

/* support */
.support_ttl_area {
  background-color: #00C8E2;
  padding: 70px 0 30px 0;
  position: relative;
  margin-bottom: 95px;
}

.support_ttl_area:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -36px;
  border: 36px solid transparent;
  border-top: 36px solid #00C8E2;
}

.calender-img {
  background-color: #EFF7F8;
  text-align: center;
  padding: 30px;
}

.calender-img img {
  max-width: 334px;
}

.layout.one_half.support-detail {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 90px;
}

.layout.one_half.support-detail.alternate>figure {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.layout.one_half.support-detail.alternate>.support_box {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.support_ttl {
  color: #363636;
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: 1px solid #71E4E8;
}

.support_box h4 {
  font-weight: bold;
  margin-top: 40px;
}

/* faq */
#faq {
  position: relative;
  background-color: #00C8E2;
  margin-top: 400px;
  padding-bottom: 120px;
}

#faq::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  top: calc(-21vw + 1px);
  border-style: solid;
  border-width: 0 0 21vw 100vw;
  border-color: transparent transparent #00C8E2 transparent;
}

#faq .section_ttl {
  margin-bottom: 60px;
}

.faq-dl dt {
  border-radius: 8px;
  background-color: #fff;
  z-index: 1;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  font-family: 'Noto Sans JP', sans-serif;
  margin-top: 10px;
}

.faq-dl dt.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.faq-dl dd {
  background-color: #fff;
  position: relative;
  z-index: 0;
  margin-top: 2px;
  padding: 0 50px 0 90px;
}

.faq-dl dd::before {
  font-family: 'Noto Sans JP', sans-serif;
  content: "A.";
  display: inline;
  border: none;
  font-size: 30px;
  position: absolute;
  left: 40px;
  top: 20px;
  width: auto;
  color: #71E4E8;
}

.faq-dl dt::before {
  font-family: 'Noto Sans JP', sans-serif;
  color: #00B6CE;
  font-size: 24px;
  top: 40px;
}

.faq-dl dd.open {
  padding: 30px 50px 30px 90px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.faq-dl dt .icon-toggle,
.faq-dl dt .icon-toggle::after {
  background: #14464D;
  top: 42px;
}

.faq-dl dd a {
  display: block;
  color: #FFA200;
  font-weight: bold;
  margin-top: 20px;
}

/* contact */
#contact {
  padding-top: 120px;
}

#contact .wrapper {
  max-width: 900px;
  padding-top: 0;
  margin-top: 0;
}

#contact .narrow-wrapper {
  padding-top: 60px;
}

.form-input-area .item-name {
  width: 35%;
}

.form-input-area .input-field {
  width: 65%;
}

.form-input-area input#years {
  width: 70px;
  margin-left: -10px;
}

.form-input-area input#years:disabled {
  background-color: #F0F0F0;
}

#contact .gototop-btn {
  margin: auto;
  display: block;
  max-width: 360px;
  margin-top: 60px;
}

#contact .part2,
#contact .part3 {
  display: none;
}

.confirm #contact .part1 {
  display: none;
}

.confirm #contact .part2 {
  display: block;
}

.confirm #contact .hide_confirm {
  display: none;
}

.confirm #contact input[name="会計事務所での実務経験"][value="2"]~.hide_confirm {
  display: inline-block;
}

.thanks #contact .part2 {
  display: none;
}

.thanks #contact .part3 {
  display: block;
}

.input-field {
  word-break: break-all;
}

.page-template-page-lp.thanks .header-btn,
.page-template-page-lp.confirm .header-btn {
  display: none;
}

.form-btn-area.layout {
  max-width: none;
}

.form-btn-area>input[type="submit"].blue-btn, .form-btn-area>button[type="submit"].blue-btn, .form-btn-area>input[type="submit"].border-btn {
  width: 100%;
  max-width: 400px;
}

/* footer */
#footer {
  background-color: #04577B;
}

.footer-copyright {
  background-color: #EFF7F8;
  text-align: center;
}

#footer>.wrapper.layout {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-logo-wrap {
  width: auto;
  border-bottom: none;
}

.footer-logo img {
  zoom: 1;
}

.footer-sns {
  width: auto;
}

.footer-sns-list li img {
  zoom: 1;
  width: 20px;
}

.footer-sns-list li:nth-child(2) img {
  height: 20px;
  width: auto;
}

@media screen and (max-width: 1200px) {
  #contact .wrapper {
    margin: 0 auto;
  }

  .form-btn-area>input[type="submit"].blue-btn, .form-btn-area>button[type="submit"].blue-btn, .form-btn-area>input[type="submit"].border-btn {
    max-width: 300px;
    margin-bottom: 20px;
  }

  .schedule_ttl {
    font-size: 20px;
  }

  .member_ttl_box .section_ttl {
    font-size: 42px;
  }
}

@media screen and (max-width: 1024px) {
  #key-area {
    margin-bottom: 0;
  }

  .layout.one_half.support-detail {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 960px) {
  #key-area {
    max-height: 600px;
  }

  .lp-main-phrase {
    max-height: 520px;
    min-height: 300px;
  }

  .member-nav li a {
    font-size: 14px;
  }

  .section_ttl {
    font-size: 38px;
  }

  .section_ttl span {
    font-size: 20px;
  }

  h3 {
    font-size: 20px;
  }

  .member_ttl_box .section_ttl {
    font-size: 30px;
  }

  #member02, #member03, #member04 {
    padding-top: 80px;
  }

  .support_ttl {
    padding-bottom: 16px;
    margin-bottom: 30px;
  }

  #faq {
    margin-top: 320px;
  }
}

@media screen and (max-width: 767px) {

  /* common */
  html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 16px;
  }

  .section_ttl {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .section_ttl span {
    font-size: 20px;
  }

  .description {
    margin-bottom: 40px;
  }

  #main {
    top: -20px;
  }

  /* flex reset */
  .member_box.layout.one_half>figure,
  .member_box.layout.one_half>div,
  .layout.one_half>*,
  .layout.one_third>*,
  #member02 .member_ttl_box .section_ttl {
    width: 100%;
    max-width: none;
  }

  /* 斜めの斜度調整 */
  #schedule::after,
  #schedule::before,
  #member02::before,
  #member04::before,
  #member02::after,
  #faq::before {
    border-width: 0 0 24vw 100vw;
  }

  #schedule::before,
  #member02::before,
  #member04::before,
  #faq::before {
    top: calc(-24vw + 1px);
  }

  #member02,
  #member04,
  #faq {
    margin-top: 28vw;
  }

  #member02 {
    padding-bottom: 28vw;
  }

  #member02, #member03, #member04 {
    padding-top: 40px;
  }

  /* header */
  .confirm #logo,
  .thanks #logo {
    padding: 4% 0 4% 4%;
  }

  .btn.header-btn {
    width: auto;
    padding: 16px 27px;
    font-size: 14px;
  }

  #lp-header {
    background-color: #fff;
    height: auto;
    position: fixed;
  }

  /* key */
  #key-area {
    height: auto;
    background-size: auto 80vh;
    background-position: 40% top;
    position: relative;
    max-height: none;
  }

  #key-area::after {
    content: '';
    background-color: #00C8E2;
    width: 100%;
    height: calc(100% - 143vw);
    bottom: 0;
    position: absolute;
  }

  .h1-box {}

  .member-nav li {
    width: 100%;
    margin-bottom: 20px;
  }

  .member-nav li a {
    text-align: left;
    padding: 20px 0 20px 70px;
    font-size: 18px;
  }

  .member-nav li a::before,
  .member-nav li a::after {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }

  .member-nav li a::before {
    left: 20px;
  }

  .member-nav li a::after {
    right: 20px;
  }

  /* about */
  #about {
    padding-top: 30px;
  }

  #about .section_ttl {
    margin-bottom: 40px;
  }

  #about .mock {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 40px;
  }

  #about .about-box {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  /* schedule */
  #schedule {
    padding-bottom: 10px;
    background-color: #fff;
  }

  .schedule_ttl {
    font-size: 24px;
  }

  .flow li {
    margin-bottom: 30px;
  }

  .flow li p {
    padding: 0px 30px 30px 30px;
  }

  /* member-link */
  #member-link {
    margin-top: 0;
  }

  #member-link .wrapper {
    bottom: -60px;
  }

  /* member */
  #member01 {
    padding-top: 120px;
  }

  .member_ttl_box .section_ttl::before {
    width: 120px;
    height: 120px;
  }

  .member_ttl_box .section_ttl {
    padding-top: 64px;
    padding-left: 20px;
    font-size: 34px;
  }

  #member01 .member_ttl_box .section_ttl::before {
    background-image: url(../img/lp/lp-icon1-blue-sp.png);
  }

  #member02 .member_ttl_box .section_ttl::before {
    background-image: url(../img/lp/lp-icon2-blue-sp.png);
  }

  #member03 .member_ttl_box .section_ttl::before {
    background-image: url(../img/lp/lp-icon3-blue-sp.png);
  }

  #member04 .member_ttl_box .section_ttl::before {
    background-image: url(../img/lp/lp-icon4-blue-sp.png);
  }

  .member_box {
    padding: 20px;
  }

  .member_box.layout.one_half>figure {
    margin-bottom: 40px;
  }

  .comment_ttl span {
    font-size: 14px;
  }

  .comment_ttl {
    font-size: 24px;
  }

  p.member_name {
    margin-bottom: 0;
  }

  p.member_name span {
    display: block;
    margin-left: 0;
    margin-top: 8px;
  }

  .btn_box p {
    font-size: 16px;
  }

  .btn_box .btn {
    font-size: 16px;
  }

  .btn_box {
    padding-bottom: 10px;
    padding-top: 40px;
  }

  #member04 {
    padding-bottom: 60px;
  }

  .member_ttl_box {
    margin-bottom: 40px;
  }

  .member_ttl_box div {
    padding-top: 0;
  }

  /* support */
  .support_ttl_area:before {
    margin-left: -25px;
    border: 25px solid transparent;
    border-top: 25px solid #00C8E2;
  }

  .support_ttl_area {
    padding: 40px 0 1px 0;
    margin-bottom: 60px;
  }

  .calender-img {
    padding: 30px 20px;
    max-width: none;
  }

  .support-detail figure {
    margin-bottom: 40px;
  }

  .layout.one_half.support-detail.alternate>figure {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .layout.one_half.support-detail.alternate>.support_box {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .layout.one_half.support-detail {
    margin-bottom: 100px;
  }

  /* faq */
  #faq {
    padding-bottom: 10px;
  }

  .faq-dl dt {
    margin-top: 0;
  }

  .faq-dl dd {
    padding: 0 20px 0 60px;
  }

  .faq-dl dd.open {
    margin-bottom: 30px;
    padding: 30px 20px 30px 60px;
  }

  .faq-dl dt::before {
    top: 30px;
  }

  .faq-dl dd::before {
    left: 24px;
  }

  .faq-dl dt .icon-toggle {
    top: 35px;
  }

  /* contact */
  #contact {
    padding-top: 80px;
  }

  #contact .narrow-wrapper.wrapper {
    padding: 40px 0;
  }

  .form-input-area .item-name {
    width: 100%;
  }

  .form-input-area .input-field {
    width: 100%;
  }

  .form-btn-area>input[type="submit"].blue-btn, .mw_wp_form_confirm button[type="submit"].blue-btn, .form-btn-area>input[type="submit"].border-btn {
    width: 100%;
  }

  /* footer */
  .footer-logo-wrap,
  .footer-sns {
    width: 100%;
  }

  .footer-logo {
    margin: 0 auto;
  }

  .footer-sns-list {
    margin: auto;
    padding-bottom: 60px;
  }

  .footer-copyright p {
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  #key-area {
    background-size: auto 82vw;
    background-image: url(../img/lp/lp-img-key-sp.jpg);
  }

  .h1-box {
    width: 92vw;
    padding: 5vw 5%;
    padding-top: 76vw;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .lp-main-phrase {
    height: auto;
    min-height: auto;
  }
}

/* viewport うまくいってたら不要かも？ */
@media screen and (max-width: 360px) {
  .btn.header-btn {
    padding: 10px 24px;
  }

  .member-nav li a {
    font-size: 15px;
  }

  .section_ttl {
    font-size: 24px;
  }

  .section_ttl span {
    font-size: 18px;
  }

  h3 {
    font-size: 18px;
  }

  .schedule_ttl {
    font-size: 18px;
  }

  .member_ttl_box .section_ttl {
    font-size: 26px;
  }

  .comment_ttl {
    font-size: 20px;
  }
}

@media all and (-ms-high-contrast:none) {

  /* IE11 */
  *::-ms-backdrop, .footer-sns-list li a img {
    -ms-transform: scale(1);
    transform: scale(1)
  }
}