@charset "UTF-8";
/*==========================================================================
# reset - ブラウザの差異や不要なスタイルを無くすためのスタイル
========================================================================== */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td, small, button, time, figure {
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

li, dd {
  list-style-type: none;
  display: list-item;
}

header, footer, nav, section, article, aside, figure, figcaption {
  display: block;
}

img {
  border: none;
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

iframe {
  border-width: 0px;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
  vertical-align: top;
}

/*======================================
# common - 全体に共通するスタイル
=======================================*/
@media screen and (max-width: 767px) {
  .hidden-sp {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .hidden-pc {
    display: none;
  }
}

.inner {
  max-width: 345px;
  margin: 0 auto;
  height: auto;
}

.stroke_1 {
  text-shadow: 0px 5px 1px #fff, 0px 4px 1px #fff, 1px 4px 1px #fff, 2px 4px 1px #fff, 3px 3px 1px #fff, 4px 2px 1px #fff, 4px 1px 1px #fff, 4px 0px 1px #fff, 5px 0px 1px #fff, 4px -1px 1px #fff, 4px -2px 1px #fff, 4px -3px 1px #fff, 3px -4px 1px #fff, 2px -5px 1px #fff, 1px -5px 1px #fff, 0px -5px 1px #fff, -1px -5px 1px #fff, -2px -5px 1px #fff, -3px -5px 1px #fff, -4px -4px 1px #fff, -5px -3px 1px #fff, -5px -2px 1px #fff, -5px -1px 1px #fff, -5px 0px 1px #fff, -5px 1px 1px #fff, -5px 2px 1px #fff, -4px 3px 1px #fff, -3px 4px 1px #fff, -2px 4px 1px #fff, -1px 4px 1px #fff;
}

.common_title_h2 {
  display: block; /* 画像とテキストを横並びに */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, right top, from(#25D6DD), to(#25D6DD));
  background: linear-gradient(to right, #25D6DD 0%, #25D6DD 100%);
  background-size: 100% 48px; /* 横幅100%、高さ10pxの太線 */
  background-repeat: no-repeat;
  background-position: center 64px;
  padding: 0 28px 0; /* テキストや画像が線に重なるように余白を調整 */
  text-align: center;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  line-height: 1.4;
}
.common_title_h2 img {
  display: block;
}
.common_title_h2 span {
  position: absolute;
  width: 100%;
  top: calc(50% + 16px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: 700;
  color: #F0598B;
}

.btn {
  width: 345px;
  margin: 20px auto 0;
  color: #fff;
  border-radius: 50px;
  font-size: 19px;
  font-weight: 700;
  background: transparent linear-gradient(106deg, #F0598B 0%, #25D6DD 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 4px 4px 0px #FFA5C3;
          box-shadow: 4px 4px 0px #FFA5C3;
  border: 2px solid #ffffff;
  text-align: center;
}
.btn input {
  width: 100%;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  display: block;
  text-align: center;
  padding: 15px;
  position: relative;
  background: none;
  border: none;
}

.btn_link {
  display: block;
  width: 100%;
  padding: 15px;
}

.btn_arrow {
  width: 307px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: transparent linear-gradient(106deg, #F0598B 0%, #25D6DD 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 4px 4px 0px #FFA5C3;
          box-shadow: 4px 4px 0px #FFA5C3;
  border: 2px solid #ffffff;
  border-radius: 50px;
  text-align: center;
  line-height: 1.3;
  position: relative;
}
.btn_arrow::after {
  content: "";
  background: url(../img/btn_arrow.png) no-repeat center center/contain;
  position: absolute;
  width: 32px;
  height: 22px;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn_arrow .btn_link {
  margin-left: -8px;
}

.pink {
  color: #F0598B;
  font-weight: 700;
}

/*======================================
# PC FV設定
=======================================*/
body {
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #1a1a1a;
}

.background {
  background: url(../img/bg_pc.png) no-repeat center/cover;
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .pc-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    height: 100vh;
    /* 子要素がスクロール可能に */
  }
  .pc-contents::-webkit-scrollbar {
    display: none;
    /* スクロールバーを非表示にする */
  }
}

.pc_bg_images figure {
  position: fixed;
  width: 160px;
}
.pc_bg_images figure:nth-child(1) {
  right: 20px;
  top: 20px;
}
.pc_bg_images figure:nth-child(2) {
  right: 0;
  bottom: 108px;
}
.pc_bg_images figure:nth-child(3) {
  top: 102px;
  left: calc(50% - 60px);
}
.pc_bg_images figure:nth-child(4) {
  top: 334px;
  left: calc(50% - 263px);
}
.pc_bg_images figure:nth-child(5) {
  left: calc(50% - 240px);
  bottom: 0;
}
@media screen and (max-width: 1139px) {
  .pc_bg_images figure {
    position: fixed;
    width: 160px;
  }
  .pc_bg_images figure:nth-child(3) {
    top: 102px;
    left: calc(50% - 342px);
  }
  .pc_bg_images figure:nth-child(4) {
    top: 334px;
    left: 0;
  }
  .pc_bg_images figure:nth-child(5) {
    left: calc(50% - 400px);
    bottom: 0;
  }
}

.pc-content {
  display: none;
}
@media screen and (min-width: 1140px) {
  .pc-content {
    display: block;
    margin: 28px auto 100px auto;
    width: 460px;
    position: relative;
  }
}

.sp-content {
  position: relative;
  z-index: 30;
  max-width: 400px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}
@media screen and (min-width: 1140px) {
  .sp-content {
    margin: 32px auto 0 0;
  }
}

.pc-content_inner {
  width: 100%;
  max-width: 456px;
  margin: 0px auto 0px auto;
  position: fixed;
}
@media screen and (min-width: 768px) {
  .pc-content_inner {
    max-width: 500px;
  }
}

/* pc-title 
------------------------------------------------*/
.pc-title_first {
  font-size: 38px;
  font-weight: 700;
  color: #F0598B;
  position: relative;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #FFFF00));
  background: linear-gradient(transparent 70%, #FFFF00 70%);
  line-height: 1.4;
  padding: 0 10px 0 10px;
}

.pc-title_main {
  width: 458px;
  margin-top: -14px;
}

.pc-title_sub {
  font-size: 23px;
  font-weight: 700;
  color: #707070;
  margin-top: -24px;
}

/* pc-menu
------------------------------------------------*/
.pc-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pc-menu_lists {
  margin-top: 18px;
  font-weight: 700;
  line-height: 1.7;
}

.pc-menu_list {
  padding-left: 18px;
  position: relative;
}
.pc-menu_list::before {
  content: "●";
  color: #25D6DD;
  width: 15px;
  height: 15px;
  left: 0;
  position: absolute;
}

.pc-menu_interview_list {
  font-weight: 500;
}

.pc_points {
  margin: -40px -80px 0px 0px;
}
@media screen and (min-width: 1140px) {
  .pc_points {
    margin: -40px -20px 0px 0px;
  }
}

.pc_point {
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.3;
}
.pc_point img {
  width: 162px;
  height: auto;
}
.pc_point .pc_point_text {
  position: absolute;
  width: 200px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
}
.pc_point .pc_point_text span {
  color: #FFFF00;
  font-size: 28px;
}
.pc_point:not(:first-child) {
  margin-top: 8px;
}

/*===============================================
# header
===============================================*/
/*===============================================
# ドロワー
===============================================*/
/* ドロワーmenu
------------------------------------------------*/
.drawer-content {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #25D6DD;
  text-align: center;
  z-index: 120;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  overflow-y: scroll;
}
.drawer-content.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.drawer-content__lists {
  display: grid;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  row-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-rows: 90px;
  padding: 15px 15px 68px;
  max-width: 720px;
  margin: 68px auto 0;
  border-top: 1px solid #ffffff;
}

.drawer-content__link {
  color: #fff;
  font-size: 13px;
  display: block;
}
.drawer-content__link figure {
  padding: 15px;
  border-radius: 15px;
  margin: 0 20px;
  background: linear-gradient(145deg, #FF5381, #C270DB);
  -webkit-box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #C270DB;
          box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #C270DB;
}

.drawer-content__text {
  text-align: center;
  margin-top: 8px;
  line-height: 1.4;
}

/* ドロワーボタン
------------------------------------------------*/
.drawer-icon {
  position: fixed;
  display: none;
  right: calc(50% - 174px);
  top: 20px;
  z-index: 130;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background-color: #ffffff;
  padding: 8px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1139px) {
  .drawer-icon {
    display: block;
  }
}

.drawer-icon__bars {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 20px;
  position: relative;
  vertical-align: middle;
}

.drawer-icon__bar {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  background: #F0598B;
  width: 100%;
  height: 2px;
  border-radius: 0;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.drawer-icon__bar:nth-of-type(1) {
  top: 0;
}
.drawer-icon__bar:nth-of-type(2) {
  top: 7px;
}
.drawer-icon__bar:nth-of-type(3) {
  top: 14px;
}
.is-active .drawer-icon__bar:nth-of-type(1) {
  top: 8px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.is-active .drawer-icon__bar:nth-of-type(2) {
  background: transparent;
}
.is-active .drawer-icon__bar:nth-of-type(3) {
  top: 8px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*===============================================
# 固定・投稿ページ common
===============================================*/
.common_main {
  background-color: #fff;
}
@media screen and (min-width: 1140px) {
  .common_main {
    border-radius: 24px 24px 0 0;
  }
}

.common_title__h1 {
  background-color: #25D6DD;
  width: 100%;
  max-width: 100%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  padding: 17px 0;
  margin: 0 auto;
  position: relative;
}

/* article
------------------------------------------------*/
#article_view time {
  font-size: 13px;
  color: #F0598B;
  display: block;
}

.article_lists {
  max-width: 375px;
  margin: 24px auto 0;
}
@media screen and (min-width: 1140px) {
  .article_lists {
    max-width: 400px;
  }
}

.article_list.noneArticles {
  font-size: 16px;
  text-align: center;
  margin: 30px 0;
}
.article_list:not(:last-child) {
  border-bottom: solid 1px #25D6DD;
}

.article_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 8px 15px 8px;
  padding: 8px;
  color: #000;
}
.article_link:hover {
  background: #f4fdfc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.article_image {
  width: 105px;
  height: 96px;
  background: #a7a7a7;
}
.article_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.article_content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 15px;
}

.article_time {
  color: #F0598B;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.article_title {
  font-size: 14px;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 1;
  overflow: hidden;
  background: none;
  color: #000;
  padding: 0;
  text-align-last: left;
}

.article_text {
  font-size: 14px;
  line-height: 1.3em;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-all;
}

.single_content {
  width: 375px;
  margin: 28px auto 48px;
  padding: 0 15px;
}
.single_content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.5em;
}
.single_content ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 1.5em;
}
@media screen and (min-width: 1140px) {
  .single_content {
    width: 400px;
  }
}
.single_content h2 {
  background-color: #25D6DD;
  width: 100%;
  max-width: 100%;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 17px 0;
  margin: 0 auto;
  position: relative;
  border-radius: 12px;
}
.single_content h3 {
  font-size: 19px;
  font-weight: 700;
  background: none;
  color: #000;
  text-align: left;
  margin-top: 8px;
  margin-bottom: 10px;
  border-left: 5px solid #25D6DD;
  padding: 0 0 0 10px;
}
.single_content h4 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 10px;
}
.single_content h5 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 10px;
}
.single_content h6 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 10px;
}
.single_content blockquote {
  border: 1px solid #707070;
  padding: 12px;
}
.single_content p {
  padding-top: 8px;
  padding-bottom: 32px;
}
.single_content img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.single_content .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.single_content .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.single_content #back {
  text-align: center;
  margin-bottom: 30px;
}
.single_content #back a {
  font-size: 16px;
  color: #25D6DD;
  border: solid 1px #25D6DD;
  border-radius: 3px;
  width: 120px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}

#back {
  text-align: center;
  padding-bottom: 30px;
}
#back a {
  font-size: 16px;
  color: #25D6DD;
  border: solid 1px #25D6DD;
  border-radius: 3px;
  width: 120px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}

/* ページネーション
------------------------------------------------*/
#article_pagination .wp-pagenavi {
  padding: 24px 0 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#article_pagination .wp-pagenavi span, #article_pagination .wp-pagenavi a {
  color: #25D6DD;
  border: solid 1px #25D6DD;
  border-radius: 2px;
  margin: 5px;
  padding: 1em;
  font-size: 14px;
  line-height: 1;
}
#article_pagination .wp-pagenavi span.current {
  background: #25D6DD;
  color: #FFF;
}
#article_pagination .wp-pagenavi span.extend {
  margin: 0;
  padding: 0;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#article_pagination .wp-pagenavi a:hover {
  color: #F0598B;
}

/*===============================================
# パンクズリスト breadcrumb
===============================================*/
.breadcrumb {
  max-width: 100%;
  margin: 0 auto;
  padding: 64px 15px 5px;
  border-top: 8px solid #25D6DD;
}
@media screen and (min-width: 1140px) {
  .breadcrumb {
    border-radius: 24px;
    padding: 54px 15px 5px;
  }
}

.breadcrumb_lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadcrumb_list:not(:last-child)::after {
  content: ">";
  display: inline-block;
  margin: 0 5px;
}

.breadcrumb_link {
  color: #000;
}
.breadcrumb_link:hover {
  text-decoration: underline;
}

/*===============================================
# hero
===============================================*/
.main {
  overflow: hidden;
}

.hero {
  background: url(../img/hero_bg.png) no-repeat;
  background-size: 100%;
  background-position: center top;
  border-radius: 24px 24px 0 0;
  background-color: #fff;
}

.hero_inner {
  max-width: 375px;
  margin: 0 auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hero_header {
  padding: 15px 15px 0;
}

.hero_title {
  color: #F0598B;
  line-height: 1;
  margin-top: 5px;
  font-weight: 700;
}
.hero_title_text {
  color: #707070;
  font-weight: 700;
  margin-top: -9px;
}

.hero_text_1 {
  font-size: 30px;
  color: #25D6DD;
  font-weight: 700;
  line-height: 1.3;
  padding: 8px 15px 0;
}
.hero_text_1 .hero_text_1_span {
  display: inline-block;
  font-size: 23px;
  color: #707070;
  vertical-align: top;
}

.hero_text_2 {
  padding-left: 15px;
  font-size: 78px;
  color: #F0598B;
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal;
}
.hero_text_2 .hero_text_2_span {
  font-size: 53px;
}

.hero_text_3 {
  padding-left: 15px;
  color: #25D6DD;
  font-size: 36px;
  font-weight: 700;
}

.hero_wrap {
  background: url(../img/herogirl.png) no-repeat;
  background-size: 458px;
  background-position: top 180px right -15px;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: -35px;
  margin-right: -35px;
}

.hero_wrap_img figure {
  width: 100%;
  max-width: 363px;
  margin: 0 auto;
  height: auto;
}

.hero_wrap_text {
  color: #F0598B;
  font-weight: 700;
  font-size: 20px;
  margin-top: 14px;
}

/* 三つのポイントアイコン
------------------------------------------------*/
.sp_points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 32px;
  padding-bottom: 32px;
}

.sp_point {
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.3;
}
.sp_point img {
  width: 118px;
  height: auto;
}
.sp_point .sp_point_text {
  position: absolute;
  width: 200px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 18px;
}
.sp_point .sp_point_text span {
  color: #FFFF00;
  font-size: 20px;
}

/*===============================================
# sec01 3つのポイント 詳細
===============================================*/
.sec01 {
  background: -webkit-gradient(linear, left top, right top, from(#FFFF00), color-stop(50%, #FFFF00), color-stop(50%, #25D6DD), to(#25D6DD));
  background: linear-gradient(90deg, #FFFF00 0%, #FFFF00 50%, #25D6DD 50%, #25D6DD 100%);
}
.sec01 .arrow01 {
  margin-bottom: 10px;
}
.sec01 .arrow01 img {
  width: 45px;
}

.sec01_inner {
  padding: 24px 0;
}

.sec01_lists {
  text-align: center;
}

.sec01_list {
  background: #fff;
  border: 3px solid #25D6DD;
  padding: 15px 10px;
  border-radius: 20px;
}
.sec01_list:not(:first-child) {
  margin-top: 8px;
}
.sec01_list:nth-of-type(1) .sec01_text:nth-of-type(1) {
  position: relative;
}
.sec01_list:nth-of-type(1) .sec01_text:nth-of-type(1)::before {
  content: "";
  background: url(../img/deco_0.png) no-repeat;
  width: 40px;
  height: 50px;
  background-size: contain;
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
}
.sec01_list:nth-of-type(1) .sec01_text:nth-of-type(1)::after {
  content: "";
  background: url(../img/deco_1.png) no-repeat;
  width: 30px;
  height: 52px;
  background-size: contain;
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
}
.sec01_list:nth-of-type(2) .sec01_text:nth-of-type(1) {
  position: relative;
}
.sec01_list:nth-of-type(2) .sec01_text:nth-of-type(1)::before {
  content: "";
  background: url(../img/deco_0.png) no-repeat;
  width: 40px;
  height: 50px;
  background-size: contain;
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
}
.sec01_list:nth-of-type(2) .sec01_text:nth-of-type(1)::after {
  content: "";
  background: url(../img/deco_2.png) no-repeat;
  width: 36px;
  height: 45px;
  background-size: contain;
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
}
.sec01_list:nth-of-type(3) .sec01_text:nth-of-type(1) {
  position: relative;
}
.sec01_list:nth-of-type(3) .sec01_text:nth-of-type(1)::before {
  content: "";
  background: url(../img/deco_0.png) no-repeat;
  width: 40px;
  height: 50px;
  background-size: contain;
  display: block;
  position: absolute;
  top: 34px;
  left: 8px;
}
.sec01_list:nth-of-type(3) .sec01_text:nth-of-type(1)::after {
  content: "";
  background: url(../img/deco_3.png) no-repeat;
  width: 34px;
  height: 44px;
  background-size: contain;
  display: block;
  position: absolute;
  top: 34px;
  right: 8px;
}

.sec01_text {
  font-size: 18px;
}

.sec01_text_big {
  color: #F0598B;
  font-size: 20px;
  font-weight: 700;
}

/*===============================================
# sec02 目次
===============================================*/
.sec02 {
  background-color: #fff;
  padding: 34px 0 48px;
}

.sec02_inner {
  max-width: 320px;
  margin: 0 auto;
}

.sec02_title {
  position: relative;
  max-width: 174px;
  margin: 0 auto;
}
.sec02_title img {
  display: block;
}
.sec02_title span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -22%);
          transform: translate(-50%, -22%);
  color: #F0598B;
  font-size: 32px;
  font-weight: 700;
}

.sec02_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sec02_menu_lists {
  margin-top: 18px;
  font-weight: 700;
  line-height: 2;
}

.sec02_menu_list {
  padding-left: 18px;
  position: relative;
}
.sec02_menu_list::before {
  content: "●";
  color: #25D6DD;
  width: 15px;
  height: 15px;
  left: 0;
  position: absolute;
}

.sec02_menu_interview_list {
  font-weight: 500;
}

/*===============================================
# sec03 チャトレのこと、教えてほしい！
===============================================*/
.sec03 {
  background-color: #fff;
  background-image: radial-gradient(rgba(255, 255, 0, 0.6) 20%, transparent 20%), radial-gradient(rgba(255, 255, 0, 0.6) 20%, transparent 20%);
  background-size: 8px 8px;
  background-position: 0 0, 20px 20px;
}

.sec03-01_inner {
  max-width: 375px;
  margin: 0 auto;
  height: 1565px;
  position: relative;
  background: url(../img/sec03_01.png) no-repeat center top/contain;
  background-size: 100%;
}

.sec03-01_title {
  font-size: 20px;
  color: #fff;
  text-align: center;
  position: relative;
  top: 23px;
}
.sec03-01_title:nth-of-type(1) {
  margin-left: 50px;
}

.sec03_text {
  font-size: 12px;
  text-align: justify;
}
.sec03_text.speech01 {
  margin-top: 99px;
  margin-left: 41px;
  width: 189px;
}
.sec03_text.speech02 {
  margin-top: 70px;
  margin-left: 150px;
  width: 193px;
}
.sec03_text.speech03 {
  margin-top: 71px;
  margin-left: 33px;
  font-size: 20px;
  font-weight: 700;
  color: #F0598B;
}
.sec03_text.speech04 {
  width: 189px;
  margin-top: 84px;
  margin-left: 36px;
}
.sec03_text.speech05 {
  width: 203px;
  margin-top: 89px;
  margin-left: 146px;
}
.sec03_text.speech06 {
  width: 200px;
  margin-top: 91px;
  margin-left: 40px;
  font-size: 20px;
  font-weight: 700;
  color: #F0598B;
}
.sec03_text.speech07 {
  width: 168px;
  margin-top: 99px;
  margin-left: 46px;
}
.sec03_text.speech08 {
  width: 200px;
  margin-top: 78px;
  margin-left: 146px;
}
.sec03_text.speech09 {
  width: 200px;
  margin-top: 86px;
  margin-left: 34px;
  font-weight: 700;
  color: #F0598B;
  font-size: 16px;
  text-align: left;
}

.sec03_talk01 {
  margin: 150px auto 0;
  width: 280px;
}

.sec03_talk02 {
  margin: 356px auto 0;
  width: 280px;
}

.sec03_talk_text {
  text-align: justify;
}
.sec03_talk_text:not(:last-child) {
  margin-bottom: 1em;
}

/* sec03-01ex
------------------------------------------------*/
.sec03-01ex_inner {
  padding-bottom: 48px;
}

.sec03-01ex_list {
  padding: 15px;
  background: #fff;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.sec03-01ex_title {
  margin-bottom: 10px;
  background: #25D6DD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 62px;
  border-radius: 4px;
  color: #fff;
  position: relative;
  font-weight: 700;
  padding-left: 30px;
}
.sec03-01ex_title.no01::before, .sec03-01ex_title.no02::before, .sec03-01ex_title.no03::before {
  color: #fff;
  left: 26px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  font-size: 28px;
}
.sec03-01ex_title.no01::before {
  content: "❶";
}
.sec03-01ex_title.no02::before {
  content: "❷";
}
.sec03-01ex_title.no03::before {
  content: "❸";
}

.sec03-01ex_subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.sec03-01ex_subtitle::before {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-top: 3px dotted #444;
  display: block;
  margin-right: 0.5em;
}
.sec03-01ex_subtitle::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-top: 3px dotted #444;
  display: block;
  margin-left: 0.5em;
}

.sec03-01ex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 14px;
}
.sec03-01ex_wrap figure {
  width: 149px;
}

.sec03-01ex_p_texts {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.8;
  padding-left: 10px;
  text-align: left;
}

.p03-01 {
  font-weight: 700;
}

.p03-01span span {
  display: inline-block;
}

/* sec03-02
------------------------------------------------*/
.sec03-02 {
  background-color: #fff;
  background-image: radial-gradient(rgba(37, 214, 221, 0.4) 20%, transparent 20%), radial-gradient(rgba(37, 214, 221, 0.4) 20%, transparent 20%);
  background-size: 8px 8px;
  background-position: 0 0, 20px 20px;
  padding: 32px 0;
}

.sec03-02_inner {
  max-width: 375px;
  margin: 0 auto;
  height: 1526px;
  position: relative;
  background: url(../img/sec03_02.png) no-repeat center top/contain;
  background-size: 100%;
}

.sec03_talk03 {
  margin: 165px auto 0;
  width: 280px;
}

/* sec03-03
------------------------------------------------*/
.sec03-03 {
  background-color: #fff;
  background-image: radial-gradient(rgba(240, 89, 139, 0.2) 20%, transparent 20%), radial-gradient(rgba(240, 89, 139, 0.2) 20%, transparent 20%);
  background-size: 8px 8px;
  background-position: 0 0, 20px 20px;
  padding: 32px 0;
}

.sec03-03_inner {
  width: 375px;
  margin: 0 auto;
  height: 1256px;
  position: relative;
  background: url(../img/sec03_03.png) no-repeat center top/contain;
  background-size: 100%;
}

.sec03_talk04 {
  margin: 150px auto 0;
  width: 280px;
}

.sec03_talk05 {
  margin: 325px auto 0;
  width: 280px;
}

/*===============================================
# sec05 リーブルチャットが札幌で一番選ばれる人気の理由９ポイント
===============================================*/
.sec05 {
  background-color: #FFEDF2;
  padding: 28px 0;
}

.sec05_inner {
  width: 375px;
  margin: 0 auto;
  height: 500px;
}

.sec05_points {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
  z-index: 1;
}

.sec05_point {
  height: 125px;
  background: url(../img/point_deco.png) no-repeat;
  background-size: 106px;
  background-position: center center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sec05_text_span {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  left: 74px;
  top: 12px;
  font-style: normal;
}

.sec05_text {
  font-size: 18px;
  padding-top: 43px;
  width: 100%;
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
}

.sec05_wrap {
  width: 375px;
  margin: 0 auto;
  padding-left: 15px;
}

.sec05_talk06 {
  margin: -20px -20px 0 -20px;
  background: url(../img/point_bottom.png) no-repeat right center;
  height: 200px;
  background-size: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 38px;
  padding-top: 59px;
}

.sec05_talk06_text {
  font-size: 19px;
  color: #F0598B;
  font-weight: 700;
  line-height: 1.2;
}

/*===============================================
# sec06 お店の雰囲気が知りたい
===============================================*/
.sec06 {
  background-color: #fff;
  padding: 28px 0 48px;
}

.sec06_inner {
  width: 375px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .sec06_inner {
    width: 400px;
  }
}

.sec06_slick_wrap {
  margin-top: 16px;
}

.main_slick {
  max-width: 400px;
  height: 211px;
  margin-bottom: 8px;
}
.main_slick .slick-slide img {
  display: block;
  width: 100%;
  height: 211px;
  -o-object-fit: cover;
     object-fit: cover;
}

.thums_slick {
  max-width: 375px;
  height: 140px;
}
@media screen and (min-width: 768px) {
  .thums_slick {
    max-width: 400px;
  }
}
.thums_slick .slick-slide {
  width: 140px;
  margin: 0 4px;
}
.thums_slick .slick-slide img {
  display: block;
  width: 140px;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}
.thums_slick .slide-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
}
.thums_slick .prev-arrow {
  left: 15px;
  z-index: 10;
}
.thums_slick .next-arrow {
  right: 15px;
}

.sec06_bottom_lists {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  width: 345px;
  margin: 20px auto;
}

.sec06_bottom_list {
  font-size: 18px;
  height: 74px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec06_bottom_list:nth-child(1) {
  background: url(../img/shop01.png) no-repeat;
  background-size: 165px;
  background-position: center center;
}
.sec06_bottom_list:nth-child(2) {
  background: url(../img/shop02.png) no-repeat;
  background-size: 165px;
  background-position: center center;
}
.sec06_bottom_list:nth-child(3) {
  background: url(../img/shop03.png) no-repeat;
  background-size: 165px;
  background-position: center center;
}
.sec06_bottom_list:nth-child(4) {
  background: url(../img/shop04.png) no-repeat;
  background-size: 165px;
  background-position: center center;
}

.sec06_bottom_text_wrap {
  max-width: 400px;
}

.sec06_bottom_text_img {
  padding: 0 15px;
  height: 240px;
  background: url(../img/shop05.png) no-repeat;
  background-size: 240px;
  background-position: right 20px top;
  margin: 0 -40px 0 0;
}

.sec06_bottom_text {
  max-width: 250px;
  width: calc(100% - 220px);
  font-size: 16px;
  margin-bottom: 1em;
  line-height: 1.6;
}

/*===============================================
# sec07 嬉しいルームアイテムが使い放題
===============================================*/
.sec07 {
  background-color: #fff;
  padding: 28px 0 48px;
}

.sec07_inner {
  max-width: 400px;
  margin: -20px auto 0;
}

.sec07_wrap {
  background: url(../img/roomitem_bg.png) no-repeat center top/cover;
  background-size: 100%;
  padding: 30px 15px 0;
  text-align: left;
}

.sec07_titles {
  margin: 0 0 80px;
}

.sec07_title {
  font-size: 58px;
  color: #25D6DD;
  line-height: 1;
  font-weight: 900;
}

.sec07_sub {
  font-size: 18px;
  color: #707070;
  margin: 5px 0;
  font-weight: 900;
}

.sec07_title_text {
  font-size: 16px;
  margin: 0;
  font-weight: 700;
}

.sec07_image figure {
  margin: 8px 0;
}
.sec07_image figure img {
  border-radius: 12px;
}

.sec07_amenity {
  max-width: 375px;
  margin: 0 auto;
}

.sec07_lists {
  margin: 15px 0 30px;
  font-size: 16px;
  font-weight: 700;
  color: #F0598B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sec07_list {
  width: 50%;
  padding-left: 5px;
  position: relative;
  padding-left: 12px;
}
.sec07_list::before {
  content: "●";
  position: absolute;
  font-size: 6px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sec07_text {
  font-size: 14px;
  margin: 0 auto 20px;
}

/*===============================================
# sec08 現役チャットレディインタビュー
===============================================*/
.sec08 {
  background: -webkit-gradient(linear, left top, right top, from(#FFFED9), color-stop(50%, #FFFED9), color-stop(50%, #DDF9FA), to(#DDF9FA));
  background: linear-gradient(90deg, #FFFED9 0%, #FFFED9 50%, #DDF9FA 50%, #DDF9FA 100%);
  padding: 28px 0 48px;
}

.sec08_subtitle {
  font-size: 18px;
  color: #1a1a1a;
  text-align: center;
  font-weight: 700;
  margin: 15px auto 25px;
}

.sec08_lists {
  max-width: 375px;
  margin: 0 auto;
  position: relative;
}

.sec08_list {
  background: #fff;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 12px;
}

.sec08_heading {
  background: #F0598B;
  padding: 8px;
  text-align: center;
  border-radius: 4px;
}

.sec08_heading_main_text {
  display: inline-block;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.sec08_heading_sub_text {
  margin: 0 10px 0 0;
  display: inline-block;
  color: #fff;
  font-size: 14px;
}

/* sec08 モーダルウィンドウ
------------------------------------------------*/
.sec08_int_image,
.sec08_sch_image {
  position: relative;
}
.sec08_int_image .sec08_modal {
  margin-top: 20px;
}

.sec08_sch_wrap {
  margin-top: 48px;
}

.sec08_sch {
  text-align: center;
  color: #F0598B;
  font-size: 18px;
  font-weight: 700;
}

.sec08_sch_image {
  margin-top: 8px;
}
.sec08_sch_image .sec08_modal {
  margin-top: -24px;
}

.sec08_modal {
  position: absolute;
  background-size: cover;
  background-size: cover;
  width: 36px;
  height: 36px;
  top: 0;
  right: 0;
  display: block;
}

.modal {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}

.modal-content img {
  position: absolute;
  border-radius: 8px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 80px auto auto;
  max-width: 80%;
}
@media screen and (min-width: 768px) {
  .modal-content img {
    margin: auto;
    min-width: 345px;
    width: 30%;
  }
}

.modal-close {
  cursor: pointer;
  position: absolute;
  bottom: 120px;
  right: 40px;
  color: #fff;
  font-size: 32px;
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 768px) {
  .modal-close {
    right: 200px;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* sec08 QA アコーディオンメニュー
------------------------------------------------*/
.sec08_qa_boxs {
  border-top: 1px solid #25D6DD;
}

.sec08_qa_box {
  border-bottom: 1px solid #25D6DD;
}

.sec08_qa_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 14px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 500;
  padding: 12px 0;
  position: relative;
  text-align: left;
}

.sec08_qa_box__head-icon {
  font-weight: 900;
  color: #25D6DD;
  font-size: 16px;
  display: inline-block;
  width: 30px;
}

.sec08_qa_box__head-text {
  padding-right: 20px;
  color: #1a1a1a;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.accordion-icons {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 15px;
  height: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.accordion-icons.is-open .accordion-icon2 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  left: 6px;
}

.accordion-icon1 {
  position: absolute;
  width: 15px;
  height: 3px;
  background-color: #25D6DD;
  border-radius: 20px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.accordion-icon2 {
  position: absolute;
  width: 3px;
  height: 15px;
  background-color: #25D6DD;
  border-radius: 20px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sec08_qa__body {
  display: none;
}

.sec08_qa_box__a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 14px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 500;
  margin: 0 0 10px;
}

.sec08_qa_box__a-icon {
  font-weight: 900;
  color: #707070;
  font-size: 16px;
  display: inline-block;
  width: 30px;
}

.sec08_qa_box__a-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #707070;
}

/*===============================================
# sec09 リモ活チャトレで働くスタッフのブログ
===============================================*/
.sec09 {
  background-color: #fff;
  padding: 28px 0 48px;
}

.sec09_list:not(:last-child) {
  border-bottom: solid 1px #25D6DD;
}

.sec09_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 8px 15px 8px;
  padding: 0 0 8px;
  color: #000;
}
.sec09_link figure {
  width: 105px;
  height: 96px;
  background: #a7a7a7;
}
.sec09_link figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sec09_texts {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 15px;
}

.sec09_time {
  color: #F0598B;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.sec09_title {
  font-size: 14px;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 1;
  overflow: hidden;
  background: none;
  padding: 0;
  color: #000;
  text-align-last: left;
}

.sec09_text {
  font-size: 14px;
  line-height: 1.3;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-all;
}

.news-non_text {
  font-size: 16px;
  text-align: center;
  margin: 3em 0;
  color: #bdbdbd;
  font-weight: 700;
}

/*===============================================
# sec10 でも質問したい！よくある質問は？
===============================================*/
.sec10 {
  background-color: #fff;
  background-image: radial-gradient(rgba(37, 214, 221, 0.4) 20%, transparent 20%), radial-gradient(rgba(37, 214, 221, 0.4) 20%, transparent 20%);
  background-size: 8px 8px;
  background-position: 0 0, 20px 20px;
  padding: 28px 0 48px;
}

.sec10_wrap {
  max-width: 345px;
  margin: 20px auto;
  background: #fff;
  border: 2px solid #25D6DD;
  border-radius: 12px;
  padding: 15px;
}

.sec10_list_q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 14px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 500;
}
.sec10_list_q .sec10_list_q__head {
  font-weight: 900;
  color: #25D6DD;
  font-size: 16px;
  display: inline-block;
  width: 30px;
}
.sec10_list_q .sec10_list_q__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sec10_list_a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 14px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 400;
  margin: 10px 0;
}
.sec10_list_a .sec10_list_a__head {
  font-weight: 900;
  color: #707070;
  font-size: 16px;
  display: inline-block;
  width: 30px;
}
.sec10_list_a .sec10_list_a__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sec10_btn_m {
  margin: 32px 0;
}

/*===============================================
# sec11 求人から応募してからどうするの？
===============================================*/
.sec11 {
  background-color: #fff;
  padding: 28px 0 0;
}

.sec11_lists {
  position: relative;
  padding-top: 15px;
}

.sec11_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
.sec11_list figure {
  width: 111px;
}
.sec11_list:nth-of-type(1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.sec11_list:nth-of-type(3) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec11_list:nth-of-type(3) p {
  padding-top: 30px;
}
.sec11_list:nth-of-type(5) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.sec11_list:nth-of-type(5) p {
  padding-top: 30px;
}
.sec11_list:nth-of-type(7) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.sec11_list:nth-of-type(9) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: flex-start;
  padding: 26px 24px 68px 0;
  background: url(../img/apply05_deco.png) no-repeat right top 27px;
  background-size: 70%;
  margin-top: -30px;
}

.sec11_text {
  width: 225px;
  font-size: 12px;
}

.sec11_text_pink {
  color: #F0598B;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  margin-top: 43px;
}

.sec11_list_arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0 -15px;
}
.sec11_list_arrow img {
  width: 58px;
  height: auto;
}

.sec11_wrap_second_title {
  text-align: center;
  background: url(../img/apply_h3_title.png) no-repeat center center/contain;
  width: 100%;
  padding: 14px 0;
}

.sec11_wrap_second_text {
  margin-top: 16px;
}

.sec11_wrap_second_lists {
  margin-top: 20px;
}

.sec11_wrap_second_list {
  margin-top: 12px;
}

/*===============================================
# sec12 応募して体験してみる
===============================================*/
.sec12 {
  background-color: #fff;
  background-image: radial-gradient(rgba(255, 255, 0, 0.6) 20%, transparent 20%), radial-gradient(rgba(255, 255, 0, 0.6) 20%, transparent 20%);
  background-size: 8px 8px;
  background-position: 0 0, 20px 20px;
  padding: 28px 0 48px;
}

.sec12_text {
  margin-top: 15px;
  font-size: 12px;
}

.sec12_form_wrap {
  margin-top: 15px;
}
.sec12_form_wrap form {
  max-width: 375px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .sec12_form_wrap form {
    max-width: 400px;
  }
}
.sec12_form_wrap form .form-group {
  margin-bottom: 20px;
}
.sec12_form_wrap form .form-group label {
  font-size: 16px;
  font-weight: 500;
  display: block;
}
.sec12_form_wrap form .form-group label span:not(.wpcf7-list-item-label) {
  font-size: 12px;
  background: #ff5381;
  color: #fff;
  border-radius: 2px;
  padding: 1px 3px;
}
.sec12_form_wrap form .form-group input[type=text],
.sec12_form_wrap form .form-group input[type=email],
.sec12_form_wrap form .form-group input[type=tel] {
  width: 100%;
  padding: 0 5px;
  border: none;
  height: 36px;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
  font-size: 16px;
}
.sec12_form_wrap form .form-group input[type=checkbox],
.sec12_form_wrap form .form-group .wpcf7-list-item-label {
  vertical-align: middle;
  font-size: 14px;
  margin-right: 8px;
}
.sec12_form_wrap form .form-group input[type=checkbox] a,
.sec12_form_wrap form .form-group .wpcf7-list-item-label a {
  color: #007bff;
  text-decoration: underline;
}
.sec12_form_wrap form .form-group .wpcf7-list-item.first {
  margin-right: 30px;
}
.sec12_form_wrap form .form-group .wpcf7-form-control-wrap {
  vertical-align: bottom;
}
.sec12_form_wrap form .form-group .wpcf7-form-control-wrap + span {
  font-size: 14px;
  margin-right: 8px;
}
.sec12_form_wrap form .form-group input::-webkit-input-placeholder {
  font-size: 14px;
  color: #ccc;
}
.sec12_form_wrap form .form-group input::-moz-placeholder {
  font-size: 14px;
  color: #ccc;
}
.sec12_form_wrap form .form-group input:-ms-input-placeholder {
  font-size: 14px;
  color: #ccc;
}
.sec12_form_wrap form .form-group input::-ms-input-placeholder {
  font-size: 14px;
  color: #ccc;
}
.sec12_form_wrap form .form-group input::placeholder {
  font-size: 14px;
  color: #ccc;
}
.sec12_form_wrap form .form-group select {
  height: 36px;
  width: 89px;
  font-size: 14px;
  border: none;
  background: #fff;
  padding-left: 8px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.sec12_form_wrap form .form-group select + span {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}
.sec12_form_wrap form .form-group .wpcf7-date {
  font-size: 14px;
  height: 3em;
  width: 10em;
  padding: 5px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background: url(../img/calendar.svg) #FFF no-repeat;
  background-position: center right 5px;
  background-size: 1em;
}
.sec12_form_wrap form .form-group .wpcf7-date::-webkit-calendar-picker-indicator {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.sec12_form_wrap form .form-group .wpcf7-date::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.sec12_form_wrap form .form-group .wpcf7-date::-webkit-clear-button {
  -webkit-appearance: none;
}
.sec12_form_wrap form .form-group .wpcf7-not-valid-tip {
  font-size: 13px;
  margin-top: 0.2em;
}
.sec12_form_wrap form .form-group .pink {
  text-align: left;
  font-size: 12px;
  padding: 0;
  margin-top: 5px;
}
.sec12_form_wrap form .form-group .check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 10px;
}
.sec12_form_wrap form .form-group .check input {
  margin-right: 5px;
}
.sec12_form_wrap form .form-group .check label {
  margin-right: 10px 20px 0 0;
  font-size: 12px;
  margin-right: 30px;
}
.sec12_form_wrap form .form-group textarea {
  font-size: 16px;
  width: 100%;
  border: none;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
}
.sec12_form_wrap form .form-group textarea:focus {
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
}
.sec12_form_wrap form .form-group textarea::-webkit-input-placeholder {
  font-size: 14px;
}
.sec12_form_wrap form .form-group textarea::-moz-placeholder {
  font-size: 14px;
}
.sec12_form_wrap form .form-group textarea:-ms-input-placeholder {
  font-size: 14px;
}
.sec12_form_wrap form .form-group textarea::-ms-input-placeholder {
  font-size: 14px;
}
.sec12_form_wrap form .form-group textarea::placeholder {
  font-size: 14px;
}
.sec12_form_wrap form .form-group .checkagree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.sec12_form_wrap form .form-group .checkagree input {
  margin-right: 10px;
}
.sec12_form_wrap form .wpcf7-spinner {
  display: none;
}

/*===============================================
# sec13 スタッフはどんな人？
===============================================*/
.sec13 {
  background-color: #fff;
  padding: 28px 0 48px;
}

.sec13_wrap {
  margin-top: 16px;
}

.sec13_text {
  margin: 15px 0;
}

.sec13_deco {
  background: url(../img/training_deco.png) no-repeat center center/contain;
  background-size: 100%;
  height: 199px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sec13_list {
  color: #25D6DD;
  font-weight: 700;
  line-height: 1.7;
  position: relative;
  padding-left: 12px;
}
.sec13_list::before {
  content: "●";
  font-size: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*===============================================
# sec14 募集要項
===============================================*/
.sec14 {
  background-color: #fff;
  padding: 28px 0 48px;
}

.sec14wrap__table {
  border: 1px solid #707070;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}

.sec14wrap__tbody {
  width: 100%;
}
.sec14wrap__tbody th,
.sec14wrap__tbody td {
  border: 1px solid #707070;
  padding: 8px;
}
.sec14wrap__tbody th {
  background-color: #FFFFBA;
  min-width: 83px;
  vertical-align: middle;
}
.sec14wrap__tbody td {
  width: calc(100% - 83px);
}
.sec14wrap__tbody td span {
  font-weight: bold;
}

/*===============================================
# sec15 高性能な加工で身バレ対策は完璧！
===============================================*/
.sec15 {
  background-color: #fff;
  background-image: radial-gradient(rgba(255, 255, 255, 0.8039215686) 3px, rgba(126, 191, 65, 0.2352941176) 3px);
  background-size: 20px 20px;
  padding: 28px 0 48px;
}

.sec15_texts {
  padding: 0 20px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sec15_text {
  background-color: #fff;
  border: solid 4px #25D6DD;
  padding: 24px;
  border-radius: 20px;
}

/*======================================
# footer
=======================================*/
.footer {
  background-color: #25D6DD;
  text-align: center;
  color: #ffffff;
  padding-top: 48px;
}
@media screen and (max-width: 1139px) {
  .footer {
    padding-bottom: 80px;
  }
}

.footer_inner {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.footer_logo {
  width: 256px;
  margin: 0 auto;
}

.footer_nav_lists {
  margin-top: 46px;
  font-weight: 700;
}

.footer_nav_list {
  margin-bottom: 20px;
}
.footer_nav_list dl dt {
  color: #fff;
  position: relative;
  display: inline-block;
  width: 325px;
}
.footer_nav_list dl dt:before, .footer_nav_list dl dt:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #fff;
}
.footer_nav_list dl dt:before {
  left: 0;
}
.footer_nav_list dl dt:after {
  right: 0;
}
.footer_nav_list dl dd {
  margin-top: 20px;
}

.footer_small {
  font-size: 11px;
  border-top: 1px solid #fff;
  width: 100%;
  display: block;
  padding: 10px 0;
}

/* 追従ボタン
------------------------------------------------*/
.footer_gotop {
  position: fixed;
  right: 38px;
  bottom: 0;
  z-index: 5;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.footer_gotop.is-show {
  opacity: 1;
}
.footer_gotop .footer_gotop_btn {
  display: block;
  width: 84px;
}
@media screen and (max-width: 1139px) {
  .footer_gotop {
    right: 20px;
    bottom: 80px;
  }
  .footer_gotop .footer_gotop_btn {
    display: block;
    width: 60px;
  }
}
@media screen and (min-width: 768px) {
  .footer_gotop:hover {
    opacity: 0.7;
  }
}

.footer__fixBtn {
  position: fixed;
  width: 100%;
  right: 0;
  top: auto;
  bottom: 0;
  z-index: 10;
}
@media screen and (min-width: 1140px) {
  .footer__fixBtn {
    width: 128px;
    bottom: calc(50% - 140px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.footer__fixBtn-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (min-width: 1140px) {
  .footer__fixBtn-items {
    grid-template-columns: 128px;
  }
}

.footer__fixBtn-item {
  border: solid 1px white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer__fixBtn-item:nth-child(1) .footer__fixBtn-link {
  background-color: #5DD374;
}
.footer__fixBtn-item:nth-child(1) .footer__fixBtn-link figure {
  width: 24px;
  margin: 0 6px 0 0;
}
.footer__fixBtn-item:nth-child(2) .footer__fixBtn-link {
  background-color: #F0598B;
}
.footer__fixBtn-item:nth-child(2) .footer__fixBtn-link figure {
  width: 24px;
  margin: 0 6px 0 0;
}
.footer__fixBtn-item:nth-child(3) .footer__fixBtn-link {
  background-color: #25D6DD;
  padding: 14px 12px;
}
.footer__fixBtn-item:nth-child(3) .footer__fixBtn-link figure {
  width: 108px;
}
@media screen and (max-width: 767px) {
  .footer__fixBtn-item:nth-child(3) .footer__fixBtn-link {
    padding: 14px 0;
  }
}

.footer__fixBtn-link {
  color: #fff;
  padding: 14px 1px;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-weight: 700;
}
.footer__fixBtn-link img {
  width: 100%;
}

.footer__fixBtn-text {
  font-size: 11px;
}
.footer__fixBtn-text span {
  font-size: 15px;
}

small {
  color: #ffffff;
  display: block;
  text-align: center;
  font-size: 10px;
}

@media screen and (min-width: 1140px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/*===============================================
# 404ページ
===============================================*/
.entry-404 {
  padding: 86px 0;
  text-align: center;
}

.entry-404-head {
  color: #707070;
  font-size: 80px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 36px;
}
.entry-404-head span {
  font-weight: 700;
}
.entry-404-head span::after {
  content: " ";
}

.entry-404-lead {
  color: #808080;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 24px;
}

.entry-404-content {
  color: #808080;
}/*# sourceMappingURL=style.css.map */