@media screen and (max-width:280px) {
  .nb280 {
    display: none;
  }
}
@media screen and (max-width:320px) {
  .nb320 {
    display: none;
  }
}
@media screen and (max-width:350px) {
  .nb350 {
    display: none;
  }
}
@media screen and (max-width:375px) {
  .nb375 {
    display: none;
  }
}
@media screen and (max-width:480px) {
  .nb480 {
    display: none;
  }
}
@media screen and (min-width:281px) {
  .b281 {
    display: none;
  }
}
@media screen and (min-width:321px) {
  .b321 {
    display: none;
  }
}
@media screen and (min-width:376px) {
  .b376 {
    display: none;
  }
}
@media screen and (min-width:351px) {
  .b351 {
    display: none;
  }
}
@media screen and (min-width:481px) {
  .b481 {
    display: none;
  }
}
@media screen and (max-width:280px) {
  .nb280 {
    display: none;
  }
}

@media screen and (max-width:320px) {
  .nb320 {
    display: none;
  }
}

@media screen and (max-width:350px) {
  .nb350 {
    display: none;
  }
}

@media screen and (max-width:375px) {
  .nb375 {
    display: none;
  }
}

@media screen and (max-width:480px) {
  .nb480 {
    display: none;
  }
}

@media screen and (min-width:281px) {
  .b281 {
    display: none;
  }
}

@media screen and (min-width:321px) {
  .b321 {
    display: none;
  }
}

@media screen and (min-width:376px) {
  .b376 {
    display: none;
  }
}

@media screen and (min-width:351px) {
  .b351 {
    display: none;
  }
}

@media screen and (min-width:481px) {
  .b481 {
    display: none;
  }
}
.page-id-2486 {
  font-family: "Noto Sans JP", sans-serif;
}
.page-id-2486 .c-page-top {
    background-color: #E0CBB6;
    /* background-color: var(--wp--preset--color--sm-accent); */
}
.page-id-2486 .wpcf7-submit {
    background-color: #E0CBB6;	
}
.page-id-2486 input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: block;
  margin: auto;
}
/* font */
.montserrat {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
.zenkaku {
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.notosansjp {
  font-family: "Noto Sans JP", sans-serif;
}

.roboto {
  font-family: "Roboto", sans-serif;
}
.corinthia {
  font-family: "Corinthia", cursive;
}
/* .smb-section__subtitle {
  font-family: "Montserrat", sans-serif;
} */
.tategaki {
  writing-mode: vertical-rl;
}
.full-width {
  margin: 0 calc(50% - 50vw) !important;
  min-width: 100vw;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* .p-global-nav a span {
  font-family: "Roboto", sans-serif;
}

.p-global-nav a {
  font-family: "Roboto", sans-serif;
}

#drawer-nav a {
  font-family: "Roboto", sans-serif;
}
.smb-section__title {
  font-family: "Roboto", sans-serif;
} */
.sub-english .smb-section__header {
  position: relative;
  z-index: 1;
}
.sub-english .smb-section__subtitle {
  position: absolute;
  font-size: 120px;
  top: 0;
  font-family: "Corinthia", cursive;	
  color:#E0CBB6 ;
  top: -60px;
  line-height: 1;
  z-index: -1;
}
@media screen and (max-width:650px) {
  .smb-section__title span {
    font-size: 40px!important;
  }
}
.sub-center.sub-english .smb-section__subtitle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* top */
/* w800 */
.w800 {
  max-width: 800px;
}
.total-support {
  margin-top: -96px !important;
  margin-right: 0!important;
}
@media screen and (max-width:1023px) {
  .total-support {
    margin-top: -32px !important;
  }
}
@media screen and (max-width:639px) {
  .total-support {
    padding:32px 20px!important;
  }
}
@media screen and (max-width:639px) {
  .total-support p span{
    font-size:18px!important;
  }
}
/* prologue-text */
@media screen and (max-width:639px) {
	.prologue-text {
		padding-top:0!important;
	}
}
@media screen and (max-width:639px) {
  .smb-section__subtitle.smb-section-side-heading__subtitle span {
      font-size:18px!important;
  }
}

@media screen and (max-width:639px) {
  .smb-section__title.smb-section-side-heading__title span {
      font-size:28px!important;
  }
}
/* feature */
.feature-content .smb-media-text__contents-wrapper {
  background-color: #fff;
  padding: 20px;
  padding: 16px 20px;
}
.feature-content.odd .smb-media-text__contents-wrapper {
  margin-left: -96px !important;
}
@media screen and (min-width:1024px) {
  .feature-content.odd .smb-media-text__contents-wrapper {
    margin-left: -96px !important;
  }
}
@media screen and (max-width:1023px) {
  .feature-content.odd .smb-media-text__contents-wrapper {
    margin-left: 0!important;
    margin-top: -32px !important;
  }
}
@media screen and (min-width:1024px) {
  .feature-content.even .smb-media-text__contents-wrapper {
    margin-right: -96px !important;
    z-index: 10;
    position: relative;
  }
}
@media screen and (max-width:1023px) {
  .feature-content.even .smb-media-text__contents-wrapper {
    margin-left: 0 !important;
    margin-top: 0px!important;
  }
}
.feature-content.even {
  position: relative;
}
.feature-content.even .c-row__col.c-row__col--1-1.c-row__col--lg-1-2 {
  position: relative;
}
.p-re {
  position: relative;
}
.absolute-ashirai {
  position: absolute;
  top: -54px;
  font-family: "Corinthia", cursive;
  color: #E0CBB6;
}
/* voice */
.voice-cotent-detail {
  width: 95%;
  padding: 16px;
  margin-top: -36px!important;
}
/* flow */
.flow h3 {
  margin-bottom: 8px!important;
}
@media screen and (max-width:1023px) {
  .flow-detail {
    flex-direction: column!important;
  }
  
}
/* faq */
.w880 {
  max-width: 880px;
}
/* staff */
.staff h3 {
  margin-top: 16px!important;
}
/* contact */
@media screen and (max-width:649px) {
  .contact-btn {
    margin-top: 16px!important;
  }
}
/* fv */
.fv-catchcopy {
  width: 55%;
  gap: 40px!important;
}
@media screen and (max-width:1280px) {
  .fv-catchcopy {
    width: 100%;
    margin-left: calc(50% - 400px) !important;
  }
}
@media screen and (min-width:640px) and  (max-width:860px) {
  .fv-catchcopy {
    width: 100%;
    margin-left: calc(50% - 300px) !important;
  }
}
.fv-pc {
  position: relative;
  padding: 0px 0 320px!important;
}
.fv-sp {
  position: relative;
}
.fv-english {
  margin-top: 30px;
  line-height: 1;
}
@media screen and (max-width:650px) {
	.fv-english span {
		font-size:50px!important;
	}
}
@media screen and (max-width:650px) {
	.main-catchcopy span {
		font-size:36px!important;
	}
}
.fv-tategaki {
  margin-top: -24px;
  letter-spacing: 4px;
}
.fv-left-contents {
  padding-top: 172px;
}
@media screen and (max-width:1023px) {
  .fv-left-contents {
    padding-top: 250px;
  }
}
@media screen and (max-width:480px) {
  .fv-left-contents {
    padding-top: 200px;
  }
}
.fv-first {
  position: absolute;
}
.fv-first img {
  width: 100%;
  height: auto;
}
.fv-first {
  position: absolute;
  width: 20%;
  left: 0;
  bottom: 0;
  margin-top: 0!important;
}
.fv-second {
  position: absolute;
  width: 20%;
  right: 26%;
  bottom: 5%;
  margin-top: 0 !important;
  z-index: 1;
}
@media screen and (max-width:1280px) {
  .fv-second {
    bottom: 10%;
  }
}
@media screen and (max-width:1140px) {
  .fv-second {
    left: 16%;
    bottom: -7% !important;
    right: inherit!important;
  }
}.fv-second img {
  width: 100%;
  height: auto;
}
.fv-third {
  position: absolute;
  width: 32.5%;
  top: 0;
  right: 0;
  margin-top: 0 !important;
}
.fv-third img {
  width: 100%;
  height: auto;
}
.main-catchcopy {
  margin-top: 0!important;
}
@media screen and (max-width:374px) {
  .main-catchcopy {
    font-size: 30px;
  }
  
}
.sp-bottom {
  width: 45%!important;
  margin-left: 0!important;
}
@media screen and (max-width:920px) {
  .tategaki-sp {
    position: absolute;
    right: 240px;
    bottom: -280px;
  }
}
@media screen and (max-width:640px) {
  .tategaki-sp {
    position: absolute;
    right: 20px;
    bottom: 40px;
  }
}.absolute-logo {
  width:120px;
  position: absolute;
  top: 24px;
  left: 24px;
}
/* contact */
.cotact-form a{
  text-decoration:none;
}